Fabrik doesn’t currently offer a contact form template (one day it will) but until then you can still have a contact form using a service called JotForm. JotForm is free to use and a great tool for building forms of any kind. In this tutorial we will quickly show you how to build a form in JotForm and add it to your Fabrik website.

First off go to JotForm https://eu.jotform.com/ and sign up. Once you have signed up you should be welcomed with your forms, but as you have only just joined you have none. Let's create one one by clicking the Create Form button.

Choose Start From Scratch

Choose the Classic Form

Once you have done that you should now be in the form builder. First thing to do is delete the title 'Contact Form' as it is not needed. To delete it just click on it and then click the red cross top right.

Now to add your form fields, I suggest adding three fields, name, email and message, feel free to add more if you want. From the left hand side in the Add Form Element select both Full Name and Email, then in the Quick Elements select Long Text Entry giving it the name Message. Order them so Name is at the top followed by Email and then Message. You should be left with something like the above.

Now, onto some validation We'd recommend you set each form element as Required, which you can reach by tapping the settings next to each element.

In addition, from the Form Settings, we'd suggest that you toggle on Unique Submission. This stops potential bot spam attempts from attempting to spam-fill the form.

Thats the form building done, now to add it to you Fabrik site. At the top of the form builder click on Publish. We want to embed the form so select the Embed tab and from the Embed Options dropdown select Source Code.

Click the </> Copy Code button.

Head over to Fabrik, if you haven’t already create a page called Contact in the pages section of your Fabrik. Once inside the page on the right hand side change your content editor to HTML and paste your JotForm source code into the editor on the left hand side.

One last thing to do, we just need to remove the JotForm styling from your form so it looks nice a fits in with your Fabrik site. Scroll to the top of the Source code and delete out all the <link> and <style>tags, all the highlighted text in the image below.

Click Save Page at the bottom of the screen and you should be ready to go. Click View Page to view your new contact form and go on send yourself an email through your new form for the fun of it.

ps. It's good to keep that last empty field there, it's another way that JotForm uses to ensure that you don't receive spam forms. Happy Days!

Did this answer your question?