Table of Contents[hide]
You can create any form you need with our contact form shortcode builder!
To add contact form to your page simply click on “Insert Contact Form” shortcode button, that can be found integrated in default editor panel in visual mode.
After you have clicked, the pop-up window with builder will appear where you can add/remove different fields and set up your email settings.
1. Contact Form Fields Position
This block allows you to set up the structure of your contact form. It comes with 4 default form fields that can be changed: replaced, added, edited and also deleted.
You can replace the field, simply place the mouse on “move” at the right of existing field and drug it up or down and also delete the field by clicking the “minus” button on the same with the field line.
2. Add a New Field
This button allows you to add the new field. Simply click it and the field will appear exactly at the bottom of the block.
3. Email Settings
This block comes with two editing text fields:
“Enter your email address” comes with the default address that was set up while you were creating the site and can be found at your Dashboard->Settings->General. You can also place another address here but you should make sure that it is valid otherwise emails will be sent to your default address.
“What should the subject line be” – place the subject of your incoming emails here.
4.Field Customizing
This block allows you set up any field you want, which make the contact form very flexible.
5. Types of the Field
This dropdown menu, from the above image, allows you to choose one of the different views of your field: “Checkbox”, “Dropdown”, “Text”, “Textarea”, “Radio”, “Website”, “Name”. Also depending on a selected type, there may come some other settings, which will help you to adjust more precise details of your field.
6. reCaptcha
You can add reCaptcha to your form. To do this simply check “Use reCaptcha”. But to make reCaptcha work you need to setup it at Theme Options-> reCaptcha.
Learn more here
Abour Captcha
A CAPTCHA is a program that can tell whether its user is a human or a computer. You’ve probably seen them — colorful images with distorted text at the bottom of Web registration forms. CAPTCHAs are used by many websites to prevent abuse from “bots,” or automated programs usually written to generate spam. No computer program can read distorted text as well as humans can, so bots cannot navigate sites protected by CAPTCHAs.
7. Add Contact Form to Page/Post
After you have finished with the settings, press the “Add this form to my post” button. Shortcode will be placed in content, inside your editor exactly where the syntax is placed, depends on where your cursor is. So don’t forget to place cursor in correct place in your content, before adding shortcode.
Example 1:
Sample Code:
[contact-form] [contact-field label="Name" type="name" required="true" /] [contact-field label="Email" type="email" required="true" /] [contact-field label="Website" type="url" /] [contact-field label="Comment" type="textarea" required="true" /] [/contact-form][clear]
Example 2:
Sample Code:
[contact-form] [contact-field label="Name" type="name" required="true" /] [contact-field label="Email" type="email" required="true" /] [contact-field label="Website" type="url" /] [contact-field label="I want to recieve newsletters" type="checkbox" /] [contact-field label="Choose your country" type="select" options="USA,Canada,France,Germany,Other" /] [contact-field label="Yes or not?" type="radio" options="Yes,No" /] [contact-field label="Just Another text field" type="text" /] [contact-field label="Comment" type="textarea" required="true" /] [/contact-form] [clear]
Example 3:
Sample Code:
[th-contact-form subject="from recaptcha form" captcha="1"] [th-contact-field label="Name" type="name" required="true" /] [th-contact-field label="Email" type="email" required="true" reply="true" /] [th-contact-field label="Website" type="url" /] [th-contact-field label="Comment" type="textarea" required="true" /] [/th-contact-form]