Product support

Get help in the plugin support forum.


Contact Form

Contact form provide an easy way for inserting and managing contact forms inside your website, the forms are Bootstrap ready, and can be easily modified using a custom styling. Visit the documentation to see how you can create forms and insert them to your pages.

Adding Form to Page

{% component 'contactForm' %}
Basic contact form

Creating Forms

To create a new form, you can navigate to the forms page using the link on the top of the page, and select New form. The form name field is required. Every tab is responsible for building a type of form field. You can add input fields, multiple select options, and a single choice list. You can also insert a paragraph to display some info to the user. You can watch the demo for more details.

Creating Email Templates

After creating a form, you need to create an email template to be used when the user submits the form. The template must have a name and a template. You can insert form values using their name from the previous form, ex: {{fullname}}. You can watch the demo for more info.

Assign A Form to A Page

When you have a form and an email template ready, you can add the ContactForm component to your page, and optionally enter a form header, select a form and an email template. You can watch the demo for more info.

Customize Error Messages

Instead of having a Field required message you can replace it by navigating to the Error messages on the edit form section, select an input, and tape your new error message. You can also set different message for different validation rules. For example, you can show 'Invoice file is required' when the input is empty, and you can show 'Make sure the invoice file format is PDF or DOC.' when the file format is not supported. You can watch the demo for more info.


The left submission menu contains the list of users submissions details, including request headers and other nerd stats.

  • Found the plugin useful on 23 Jan, 2017

    Great plugin with some missing features. But the support by Rafie is great!!!! Love it so far.

  • Found the plugin useful on 30 Oct, 2015

    You are the best, to anyone reading this, I created a ticket for a legit issue to which he fixed it in under 24 hours (amazing turn around). Secondly I had a issue which was mine not his but even after fixing the issue he took time to do a remote session to see what I was having trouble with and offered a few suggestions to which I tried out and success! My issue was simple don't import random js like bxslider when there is native plugins/bootstrap carousel you can use out of the box. Hint it works perfectly, now if I can only get my mail server to send these emails quicker..... lol 12 out of 12 would work with again.

  • Found the plugin useful on 14 Apr, 2015

    It's a good plugin does what it needs to do, the only thing for me is thats is to much based on bootstrap and not easy to change the layout styles if you use an other framework.

  • Found the plugin useful on 24 Mar, 2015

    Very nice plugin, you can create a fully customisable form !

    And the backend is perfect.


Fix mime type validator error & Twig_Loader_String removal

May 24, 2018


IDE format Twig syntax error

Jan 23, 2017


Front-end i18n error

Oct 20, 2016


Added i18n

Oct 20, 2016


Using Twig to parse email templates.

Jan 06, 2016


Fixed Google Captcha form submit problem

Nov 13, 2015


Fixed Google Captcha settings problem

Oct 29, 2015


Added file upload. (On test)

Oct 21, 2015


Fixed find email by id

Jul 14, 2015


Updated form components typo

Mar 24, 2015


Updated Form conponents rendering

Feb 23, 2015


First version of contactForm

Feb 23, 2015