Contact Form by WD – responsive drag & drop contact form builder tool – WordPress plugin
What can I achieve with this form creator tool?
Contact Form Maker is a modern and intuitive forms builder plugin developed for WordPress. It lets you create personalized, perfect-looking responsive application forms with its elegant drag and drop interface.
You can create web forms free of additional coding, with just a few clicks. The functionality of Contact Form Maker is excellent for any kind of online questionnaires. Use the intuitive form editor provided by the plugin to build advanced forms.
This contact form builder can be used for creating multiple types of website forms, including contact forms, email forms, evaluation form, application forms, quizzes/tests or survey forms, online order forms and etc. Contact Form Maker includes various types of fields which can be modified and/or edited.
Whether you are a WordPress beginner or a web guru, this contact form plugin is the perfect choice. The dynamic web form builder plugin comes with clean visual tools and options, and you do not need to have any web development skills to build a form.
How can I create website forms with Contact Form Maker?
Navigate to Contact Form Maker > Forms page to build your very first form. This contact form creator plugin provides a few sample forms, which you can quickly edit and publish.
Using Contact Form Maker > Forms page, you can manage existing forms, perform Bulk Actions, such as Publish, Unpublish, Duplicate or Delete. Select the necessary form, choose the bulk action, then press Apply. Also, you can search for your form by writing its title in the top Search input.
Press Add New button from Forms page, and you will be redirected to Form Editor page. Make sure to write a Title for this form, then choose the Theme which sets the appearance of your form. In case you wish to display the form with the same style as your website theme, select Inherit From Website Theme option from Theme select box.
To add a new field with this application form creator, drag New Field button to the area where you wish to place the field. The field editor toolbox of Contact Form Maker will be opened automatically. Click on the field set from which you are going to choose the form field, for instance, User Info Fields. Press Name button from this field set to add a Name input to your form. Then click Add and the field will be placed to the area of the form you selected initially.
It is also possible to search among the form builder fields when adding a new field to your form. Use Filter input at the top left corner of fields toolbox. For example, you can search “phone” and all Phone fields will be filtered.
Can I add a custom header with text and image above my form?
This dynamic form builder lets you have a nice header section on your forms, which can contain additional content, as well as images with animations. Click on Form Header bar of your form to open its toolbox and provide a Title. This is the form heading, which will appear above your form. In addition, you can write a Description to appear right below the Title of your form. This comes handy, in case you need to write an introduction for your form.
You can also have an image on your form header and set it to appear with an animation effect. Press Add Image button to upload and select a picture from WordPress Media Library. Then choose the animation effect using Image Animation option.
In case you don’t want the Header Image of your forms to appear on smartphones and tablets, mark Hide Image on Mobile option as checked.
Make sure to Publish/Update the form to save the change you made.
Does Contact Form Maker support conditional logic and how can I use it?
Yes, another fantastic feature of this custom form creator plugin is its Conditional Fields. This lets you show or hide fields of your form based on certain selections submitter makes.
The structure of conditional fields in this contact form generator is the following: You can specify and/or show/hide a field, when condition is true and provide conditions below, e.g. Show “How many visitors will you have” if “Will you have visitors” is “Yes”.
Go to Form Options of your form, then click Conditional Fields tab to start the setup. Press Add Condition button to configure the first condition of your form.
Show/Hide select box of this form builder plugin represents the action which will be completed, if all or any of the condition statements are fulfilled. Use the second drop-down menu to select the advanced form builder field which will be shown or hidden.
Click the little Plus (+) icon to add the statement of your form condition.
For example, let’s assume there is a Single Line Text field on your form titled Inquiry type. And you wish to show Message field in case users write Support Request as the type of their inquiry. The condition you configure needs to have the following logic:
Show [Message] if [all] of the following match:
[Inquiry type] is [Support request]
Make sure to hit Update after setting up Conditional Fields on your Contact Form Maker.
What styling options do the forms include?
This secure form builder plugin comes with 14 customizable themes, which you can use to design your forms. Each theme of Contact Form Maker provides a set of user-friendly options to change font size, alignment of the form, colors, modify paddings and more. You can edit the existing themes, or create your own by clicking Add New button.
To set a initial default theme for your forms, press on the star icon next to the theme you would like to use. You can always change the theme by editing your forms.
Options of Contact Form Maker Themes are divided into the following sections:
- Global Parameters
- Choices (Multiple and Single)
- General Buttons
- Close (Minimize) Button
- Minimize Text
- Custom CSS
You can preview the design of each form theme under Preview block. In case you created forms with multiple pages, you can change its Pagination Type, setting it to Step, Percentage or None.
Custom CSS option in Themes of this advanced form builder lets you write additional CSS code and customize your forms further. All CSS rules apply to this editor. Make sure to press Save after modifying the form theme.
Does Contact Form Maker use auto-respondent feature?
You can use Email Options of Contact Form Maker to send a fully customizable letter to the submitter. The entries can be included within the email. Just select the form you want to edit, then navigate to Form Options > Email Options.
This html5 form builder plugin lets you send submitted information to one or multiple email addresses. Furthermore, you can also send a confirmation email to the submitter and let them know you have received their application.
Enable Send E-mail from Form Options > Email Options tab and start configuring mailing settings. Most options require the same configuration for Email to Administrator and Email to User on the forms. However, there are a few settings which are unique.
Email to Administrator
This section of Email Options allows you to set up notifications of form submissions for website owners.
Email to User
Send to. Use this setting to select the email field of your form, to which the submissions will be sent.
Important! In case you do not have an email input created from User Info Fields > Email type on your form, the following error message will appear:
“There is no email field”.
Email Verification. Activate this option, in case you would like the users to verify their email addresses. If it’s enabled, the user email will contain a verification link. Clicking on this link set the user email address as verified.
Verification link expires in. Use this option to specify a time period (hours), during which the user will be able to verify their email address.
Edit Post. Click this link to edit the content of Email Verification post. This is the page, where users will be redirected after they click on the verification link in user email.
Can I create an online order form with this plugin?
Payment fields and options are available in the Premium version of the plugin.
In order to have a functional payment form, first and foremost, you need to have Payment Fields added to it. This way, Contact Form Maker plugin will turn into an online order form creator quickly and easily. Build compact shopping forms, hotel reservation, online application or ticket sales forms with this feature.
Note: You need to set up Form Options > Payment Options of your form in order to receive payments on your account. Follow the steps described on this section to do that.
Configuring Payment Options, you can use Contact Form Maker as an order form generator and let users make payments through your form. Default payment gateway of Contact Form Maker is PayPal. Select PayPal as Payment Method from Form Options > Payment Options tab and configure corresponding options.
Also, you can easily integrate the forms builder plugin with Stripe using its Stripe Integration add-on.
Payment Currency. Choose the currency to be used for the payments made through your form. Note, that the selected currency symbol will only display on the front-end of the published form.
Tax (%). Specify the percentage of the tax for your payment form. It will be calculated from the total payment amount of your form, and will be added to the grand total.
Checkout Mode. Select the checkout mode for your form. Testmode will display PayPal Sandbox after submission, which allows you to run payment tests. When you are ready to receive payments, enable Production mode.
Paypal email. Provide the email address of a valid PayPal account. This account will be used as the recipient of payments through your form.
Where can I check the submissions of my forms?
Submissions page of this HTML form generator plugin lets you view the full record of submissions of each form. Choose your form from Select a form drop-down box to display its submitted information. Furthermore, you are able to view Statistics of Single/Multiple Choice and Select Box fields.
Entries / Conversion Rate / Views. These attributes of Submissions page will help you quickly view the statistics of the selected form.
Export to CSV / Export to XML. You are able to download all submissions of each form in CSV or XML format by clicking on these buttons.
Show Filters. Contact Form Maker lets you filter form submissions by values provided by user, e.g. submitter’s email address, name and more. Press Show Filters button on form submissions, write the values you wish to search with, then press Search. Click Reset button to clear the filters.
Add/Remove Columns. This button will help you customize the columns which display in submissions of the selected form. Click on the button and unmark the columns you wish to hide.
Note: Adding/Removing columns does not delete columns from the submissions table of your forms. It just hides them until you activate them again.
Block IPs / Unblock IPs. In case you are receiving spam submissions from certain IP addresses, you can block these addresses. Mark all spam submissions as checked, choose Block IPs option from Bulk Actions and press Apply. You are able to unblock these IP addresses anytime.
Delete. If you wish to remove some or all submissions of a form, mark them as checked and select Delete option from Bulk Actions. Clicking Apply will delete these entries permanently.
Can user be redirected to another page after submitting the form?
Contact Form Maker plugin allows you to configure different actions which occur after form submission. For instance, you can display a “Thank you” message after users submit the form, or redirect them to another page, or more.
Navigate to Form Options > Actions After Submissions tab, and select one of the options below to set up the action that occurs after users submit your form.
- Stay on Form. This action will reload the form page and keep the submitter on the same page.
- Post. Select this option to redirect users to a specific post after they hit Submit. You will then be able to select the post from Post dropdown menu.
- Page. You can also redirect users to a selected page. Choose this option and specify the destination using Page dropdown menu.
- Custom text. Use this action in case you wish to display a “Thank you” message after users submit the form. The editor box accepts text, basic HTML, as well as values of form fields. Include them to the content by pressing on the top buttons indicating form fields.
- URL. Configure redirection from your forms to any page with this action after submission. Mark URL option, then provide the absolute path of the link to the input that appears.
What verification methods does Contact Form Maker use?
Contact Form Maker uses modern verification methods, such as ReCaptcha and invisible ReCaptcha. Please note that will need to obtain ReCaptcha keys to use these options. Otherwise you can use Simple Captcha and Arithmetical Captcha which use standard word verification and arithmetical expressions respectively.
Can I use Contact Form Maker as a registration form creator?
You can register users on your website with the help of Contact Form Maker WordPress Registration add-on. Install the add on and use it alongside the free version of Contact Form Maker plugin.
You are able to ask users to provide username, email address and password for their account. The registration of users is done upon completing the form created by this visual form builder plugin.
Is it possible to publish a form as a widget?
You can publish your form not only using Display Options of this web form builder plugin, but also as a widget. Go to Appearance > Widgets page to place your form on any widget area of your website theme.
Search for Contact Form Maker widget and drag it to the widget area where you wish to place your form. Specify a Title for the widget and choose the form you wish to publish. Press Save after making these changes.
Can the form submissions be shown to site visitors?
Premium version of Contact Form Maker plugin allows you to publish submissions on front-end of your website.
This form creator plugin lets you select user roles which will be able to view the published submissions. This can be done from Form Options > General Options section. Also, in the same section, you are able to choose fields to hide from front-end submissions.
Firstly, add/edit the page or post, where you wish to publish the submissions of form. Then press Add Submission button from the top of the post editor.
Select a Form. Use this drop-down to choose the form, submissions of which you would like to publish.
Select Date Range. You can display form submissions from a specific date range. Use this option to select From and To dates.
Select fields. Use this option to choose which columns to show on the form. Uncheck the options, which you need to hide on front-end submissions.
Export to / Show. These two settings are responsible for showing the rest of the attributes of front-end submissions. You can enable/disable CSV/XML export buttons, Statistics, Views, Conversion Rate and other additional information.
After configuring all necessary options, press Insert. Publish your page with form submissions, and you will be able to view them on front-end.
Can I let users choose between PayPal or offline payments when submitting the form?
Premium version of this handy forms plugin has the features and functions to achieve this. You need to use Conditional Fields and Payment Fields of the plugin. Here are the necessary steps.
Firstly, add one Single Choice field from Basic Fields of Contact Form Maker plugin. It should contain the following two options:
- Pay with PayPal
- Pay offline
Afterwards, add two sets of almost identical fields, one of them created with regular form fields, second – with Payment fields.
Then you can set conditions from Form Options > Conditional Fields, if the user chooses PayPal, payment fields will appear, otherwise, regular fields will.
The user will not be redirected to PayPal if they make their selections using regular form fields.