Find Wordpress Plugins
163 votes, 4.5 avg.rating
Create responsive FREE contact forms with multiple templates and themes. WordPress Contact Form Builder Demo Demo Admin User Manual Contact Form Builder is the best tool for quickly arranging a contact form for your clients and visitors. The form includes all of the form field types necessary to create a complete contact form, where is those can be activated and deactivated, as well as rearranged. The responsiveness of the product allows you to become available for contacting using various gadgets. Using the CSS files of the themes you can achieve the best design of the contact form, applying changes in colors, dimensions and other features. Captch and ReCaptcha word verifications help to avoid spam. For the specific IPs it is also possible to use blocking IPs feature. The form has an integrating Google Maps feature allowing you to display the location of your office using Google Maps. Each form comes with a shortcode displayed in Manager Section for easier copying/pasting it in the post or page, where you want to display. After submitting the form, the users might get a custom text and even receive an email copy of the submissions. IMPORTANT: If you think you found a bug in the Contact Form Builder or have any problem or question concerning Contact Form Builder, do not hesitate to contact us at info@web-dorado.com. Features of WordPress Contact Form Builder Responsiveness. 10 default form templates included. Possibility of creating new forms based on the default templates. Possibility of changing the labels, content and options for each form. Possibility of deactivating and arranging fields. Support for additional attributes for each fields. Blocking IPs and word verification possibilities. No possibility of adding new form fields, possibility to edit and enable/disable the large number of existing fields. Detailed Email Options both for the Administrator and User for receiving the submitted data. Emailing option to the administrator upon submitting a form. Google Maps integration. Possibility of sending the copy of the submitted data to the user. Google ReCaptcha and simple captcha support for avoiding spam. Possibility to change the form layout using the corresponding section. Preview possibility for each form at the Manager Section. Possibility to create required fields. Support for displaying custom text after hitting submit button, as well as redirection to a custom page or url. Upgrade to WordPress Contact Form Builder Pro to add features: 37 themes based on various color schemes. Submissions section. Possibility of exporting the received data both in CSV and XML formats. Statistical data for the multi-option form fields Support for displaying the submitter information within the Submissions section IP pop-up. Supported languages Of Contact Form Builder If you need language of Contact Form Builder which is not included in this list, please contact us and we will do the translation of Contact Form Builder within 3 days. If you find any mistakes in the translation of Contact Form Builder, please contact us and we will make relevant corrections within 3 days. Afrikaans (af) Albanian (sq) Arabic (ar) Armenian (hy_AM) Belarusian (be_BY) Bulgarian (bg_BG) Catalan (ca) Chinese, Simplified (zh_CN) Croatian (hr) Czech (cs_CZ) Danish (da_DK) Dutch (nl_NL) Esperanto (eo_EO) Estonian (et) Finnish (fi) French (fr_FR) Galician (gl_ES) Georgian (ka_GE) German (de_DE) Greek (el) Hebrew (he_IL) Hindi (hi_IN) Hungarian (hu_HU) Indonesian (id_ID) Italian (it_IT) Japanese (ja) Korean (ko_KR) Latvian (lv) Lithuanian (lt_LT) Macedonian (mk_MK) Malay (ms_MY) Maltese (mt_MT) Norwegian (nb_NO) Persian (fa_IR) Polish (pl_PL) Portuguese (pt_PT) Russian (ru_RU) Romanian (ro_RO) Serbian (sr_RS) Slovak (sk_SK) Spanish (es_ES) Swedish (sv_SE) Tamil (ta) Thai (th) Turkish (tr_TR) Ukrainian (uk_UA) Vietnamese (vi) WordPress Contact Form Builder Step by step guide Step 1: Installing the WordPress Contact Form Builder. 1.1 Minimum requirements. • WordPress 3.0+ • PHP 5.x • MySQL 5.x 1.2 Performing a new installation of the Contact Form Builder: Log in to the Administrator panel. Go to Plugins section. Here- Add > New > Upload. Click “Choose file” (“Browse”) and select the “Contact Form Builder” zip file. For Mac Users Go to your Downloads folder and locate the folder with the plugin. Right-click on the folder and select Compress. Now you have a newly created .zip file which can be installed as described here. Click “Install Now” button. Click “Activate Plugin” button for activating the Contact Form Builder plugin. If the installation does not succeed, please contact us at info@web-dorado.com. Step 2: Editing and adjusting Contact Form Builder. 2.1 Go to Contact Form Builder > Manager. 2.2 Select the Contact Form you want to make the relevant changes. Click on the title to open the specified contact form. Here you will see three sets of buttons- navigation buttons, “pencil” button for editing the contact form fields and checkbox. Let’s discuss each button separately: 2.3 Navigation Buttons. 4 navigation arrows are displayed next to each contact form field. You can use those arrows to move the contact form fields up, down, left or right. Note: for larger contact form fields to get the idea of the contact form display in the front-end you should press Collapse menu on the lowest left corner. 2.4 Edit button. Using edit button, you will be able to apply specific changes in the contact form field, including titles, labels, dimensions and etc. 2.5 Checkbox. Using the checkboxes next to the contact form fields you can enable or disable the provided field. Step 3: Configuring Form Options of the Contact Form Builder. The contact form options for each contact form can be adjusted. Go to the Contact Form Builder>Manager, select the contact form and then get to the Form Options. It uses three sections. General options, Email options for the emails to the Administrator and User and Action after Submission for specifying the action once the contact form is submitted. 3.1 General Options of the Contact Form Builder 3.1.1 Published. Choose whether to publish the created contact form or leave it unpublished for the further publishing. 3.1.2 Save data (to database). Choose whether to save the data (filled in contact form) in the database (submissions section) or to have email sent out only. IMPORTANT: Please make sure to set up the email options properly in the Email options section of the Contact Form Builder and test it out. Disabling this option is only applicable when you prefer to receive contact form submissions only via email. 3.1.3 Theme. The theme of the contact form can be changed to fit the theme of your website. It can be applied to each new contact form. The contact form comes with 37 default themes. The themes can be edited; there is a possibility of adding new themes to use for contact forms of the other pages (Go to Contact Form Builder>Themes>Add new.) 3.1.4 Preview. This option will allow viewing the contact form appearance within the selected theme. 3.1.5 Edit CSS. This options allows you to make changes in the contact form theme CSS without the need of leaving the form page. You can press Save and use Preview button to view the changes. 3.1.6 Required fields mark. Here you can change the symbol of the indicator used for the required contact form fields. By default it is asterisk and will be displayed at the end of the contact form field (*). 3.2 Email Options 3.2.1 Send Email. Choose whether to send emails containing the contact form entries to administrator(s)/submitter or not. 3.2.2 Email to Administrator • Email to send submissions to. Here you provide e-mails to which submitted contact form information is sent. If you need more than one e-mail address, you should press + button to add the new one. Email From. Here you specify the email address from which the administrator(s) receives the submission email (sender’s email). If you have an email address field in your form, you can use this user-submitted email address. • From Name. Here you specify the sender’s name which is shown in submission email. • Reply to:(if different from “Email From”). Here you can specify the email address the administrator can reply to. If you have an email address field in your contact form, you can use this user-submitted email address. • CC. Provide additional email/emails to send the submissions of the contact form. The receiver will be able to view all the emails receiving the submissions. • BCC. Provide additional email/emails to send the submissions of the contact form. The receiver will not be able to view the emails receiving the submissions. • Subject. You can provide a text to be used as a subject for the email. In addition using + button you can select any of the contact form fields to be set as a separate subject for the email or use it with additional text, e.g. Submission of + %Name%. • Mode. Specify the mode of the email to the administrator- HTML or text. HTML will display the contact form within a box, whereas text will display the content of the filled contact form only. • Custom Text in Email For Administrator. Here you can add custom texts, images, and custom HTML to the e-mail message that is sent to the administrator (filled in contact form), as well as choose which fields of the submitted form are included in the e-mail (set to ‘all’ by default). 3.2.3 Email to User • Send to. By checking the box the submitters will receive their copy of the filled contact form. • Email From. Here you specify the email address from which the users receive the submission email. • From Name. Here you specify the sender’s name which is shown in submission email which the users receive. • Reply to:(if different from “Email From”). Here you can specify the email address the user can reply to. • CC. Provide additional email/emails to send the submissions of the contact form. The receiver will be able to view all the emails receiving the submissions. • BCC. Provide additional email/emails to send the submissions of the contact form. The receiver will not be able to view the emails receiving the submissions. • Subject. You can provide a text to be used as a subject for the email. In addition using + button you can select any of the contact form fields to be set as a separate subject for the email or use it with additional text, e.g. Submission of + %Name%. • Mode. Specify the mode of the email (filled in contact form) to the administrator- HTML or text. HTML will display the contact form within a box, whereas text will display the content of the filled contact form only. • Custom Text in Email For User. Here you can add custom texts, images, and custom HTML to the e-mail message that is sent to the administrator, as well as choose which fields of the submitted form are included in the e-mail (set to ‘all’ by default). Step 4: Description of the Contact Form Builder fields. 4.1 Text Input Fields. There is a list of contact form fields which can be referred as text input fields. Simple text. This contact form field allows adding any kind of textual entry. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Deactivate Class Name. This is the static CSS class of the deactive text input field. • Active Class Name. This is the static CSS class of the active text input field. • Required. Check the box to make the contact form field a required one. • Allow only unique values. Check the box to allow only unique entries for the specified contact form field. • Additional attributes. This field allows adding additional features to the contact form field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8 Text Area. This contact form field allows adding longer textual entries expending with the text and adding automatic rows. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8 Name. This contact form field allows adding short or extended name entries. It has the following attributes: • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field.• Value if Empty. Fill in the text which will be displayed when the form field is empty. • Field size. Define the dimensions of the field. • Name Format. Select the name format. Extended version will include 4 rows of the text input. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it. Address. This contact form field allows adding address. It has editable labels, some of the subfields can be removed. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Overall size. Define the overall size of the field. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Disable fields. Select the fields to hide from the list. • US list for States. Check the box to display the states in a select box whenever US is stated as a country. • Required. Check the box to make the field a required one. • Additional attributes. This field allows adding additional features to the field to customize it. Address (Mark on Map). This contact form field allows adding address directly marking it on a map based on geolocating possibility. It has the following attributes: • Map size. Set the width and the height of the map. • Address. The address will be set automatically when using the marker or longitude/latitude options. • Longitude. Provide the longitude of the location or get it automatically set when dragging the marker to the desired location. • Latitude. Provide the latitude of the location or get it automatically set when dragging the marker to the desired location. • Marker info. You can add an information to be displayed with the marker. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it. Email. This contact form field allows adding submitter’s email. It gets validated so that the users will add it in the appropriate format. It has the following attributes: • Field label. Provide the label text.• Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Allow only unique values. Check the box to allow only unique entries for the field. • Required. Check the box to make the field a required one. • Additional attributes. This field allows adding additional features to the field to customize it. Number. You can add numerical entry field using this field. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8 Phone. You can add full phone contact information. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it. Send copy to submitter. This contact form field allows the user to choose whether to receive the submitted information or not. 4.2 Custom HTML. This contact form field allows adding custom HTML format content. It uses typical HTML editor. 4.3 Select. This contact form field allows adding a drop-down list of items into the Contact Form Builder. The set can be defined with the help of Options attribute. Using the checkbox you can make the values considered as empty, e.g. Select Option. Using the X button you can remove the unnecessary options. The rest of the attributes are the following: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty.• Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Additional attributes. This field allows adding additional features to the field to customize it. 4.4. Single Choice. This contact form field can be used for selecting the values from a list of radio buttons. The list can be defined by Options attribute. You can easily add and remove list items. The list can be displayed in horizontal/vertical positions by setting the Relative Position attribute. You can use Rows/Columns field if you want the options to be displayed in a row/column (depending on the positioning choice). The number of rows/columns should be specified. The field has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Relative position. Choose the options display between horizontal and vertical possibilities. • Rows/Columns. Define the name for the rows/columns. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Randomized in frontend. Choose whether to have the options in a specific ordering or have it randomized. • Allow other. Allow adding other values rather than the options within a text field. • Additional attributes. This field allows adding additional features to the field to customize it. 4.5 Multiple choice. This contact form field can be used for selecting the values from a list of checkboxes. The list can be defined by Options attribute. You can easily add and remove list items. The list can be displayed in horizontal/vertical positions by setting the Relative Position attribute. You can use Rows/Columns field if you want the options to be displayed in a row/column (depending on the positioning choice). The number of rows/columns should be specified. The field has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Relative position. Choose the options display between horizontal and vertical possibilities. • Rows/Columns. Define the name for the rows/columns. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Randomized in frontend. Choose whether to have the options in a specific ordering or have it randomized. • Allow other. Allow adding other values rather than the options within a text field. • Additional attributes. This field allows adding additional features to the field to customize it. 4.6 Captcha. This field can be used for receiving human generated contact form entries. There are two options for this contact form field: Captcha: • Field label. Provide the label text. • Field label size. Set the size of the field label. • Field label position. Define the positioning of the field label. • Captcha size. Select the number of the characters to be displayed with Captcha. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it. ReCaptcha: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Public Key. Specify the public key of the Recaptcha. • Private Key. Specify the private key of the Recaptcha. • Recaptcha Theme. Select the theme to be applied to the Recaptcha. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it. 4.10 Section Break: This option allows adding sections and dividing them with break lines. 4.11 Submit Button. This field allows adding Submit and Reset buttons for the contact form. You can edit the label of the buttons to the preferred option. The buttons have two attributes: • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it. Step 5: Publishing the created Contact Form. For inserting the contact form into a Page or a Post: 5.1. Open the page or post where you want to post the Contact Form. 5.2. Check the buttons in your editor. Find and press the button titled as Insert Contact Form. 5.3. Select the contact form from the list and press Insert button. 5.4. Save the page or the post. If you do not use the typical tinyMCE editor, you can add the shortcode of the Contact Form Builder manually: Add the shortcode [Contact_Form_Builder id=”N”] (where N is the id of the contact form, e.g. if id=2, the shortcode must be [Contact_Form_Builder id=”N”]. Similar to the first instructions you should add the created shortcode into the pages and posts, where you want the contact form to appear. The shortcode list can be copied from the Manager section in Contact Form Builder> Manager Step 6: Blocking IPs 6.1 Go to Plugins > Contact Form Builder > Blocked IPs. 6.2 IP. Provide the IP address you want to block in the line. 6.3 Press Add IP button. Note: Another option of blocking IPs can be done from the Submissions section of the Contact Form Builder. You should go to Contact Form Builder > Submissions. Check the box in front of Spam submissions and press Block IP button at the top right corner. In addition you can unblock the IP using Unblock IP button in the same location. Step 7: Managing submissions of the Contact Form Builder. 7.1 Go to Contact Form Builder > Submissions. 7.2 In order to manage the submissions of specific contact form select the form using the drop-down list. 7.3 In the upper part you will see the statistical data for that contact form: – Entries: The number of submitted contact forms. – Views: The number of times the contact form has been viewed (but not necessarily submitted). – Conversion Rate: The percentage of submitted contact forms to the overall number of contact form views. 7.4 For the contact forms that contain checkboxes or radio buttons a separate statistics is available. It shows how many times a particular checkbox/radio button has been checked, and what is the ratio of that number to the overall number of checks. 7.5 There is a possibility to search the contact form submissions database by all the relevant fields of the given form. Submissions can be sorted by any of the fields of the form by clicking the labels. 7.6 You can delete any of contact form submissions by selecting them (with the checkbox) and pressing the “Delete” button at the top of the page. 7.7 It is also possible to edit the contact form submissions by clicking on the “Edit” icon on the upper right corner of the “Submissions” section. The submitted contact form will open in the original Form view and you can make the corresponding changes. 7.8 You can add/remove any column of the contact form submissions by “Add/Remove Columns” button. This can be used to view only specific fields and not for deleting the entire column. 7.9 The contact form submissions can be exported using CSV and XML formats.