WordPress Contact Form Addon

MotoPress Simple Contact Form addon is an extension for Visual WordPress Page Builder. Finally you are able to create simple contact forms adding validated fields visually right on the pages of WordPress websites.

Building contact forms has never been so easy – just add multiple forms of different types and stay in touch with your visitors all the time. The contact form widget is rather flexible due to variety of fields: simple text, email, telephone, text area, radio button, check boxes, dropdown/select, number and label. Thanks to wide choice of field types you are able to build multipurpose forms and get not just simple messages but orders, feedback, reviews and requests too.

You may also forget about spam with Google reCAPTCHA feature which is also available in Simple Contact Form addon. You have an ability to apply custom styles either for a whole form or for each field individually to make your forms look unique. The forms created with current extension are light and does not overload your pages.

In order to get email messages marked up properly you are able to build message bodies for each contact form on your own. Save your time and build forms with MotoPress Simple Contact Form addon.

Features

• 9 types of fields (text, email, telephone, select, number, checkboxes, radio buttons, text area and label)
• ability to apply custom styles
• reCAPTCHA spam protection
• unlimited amount of fields
• multiple e-mail templates – allows to build body message for each contact form
• ability to use label as placeholder
• HTML5 fields validation

Installation

1. Go to Plugins > Add New in your WordPress Dashboard
2. Click Upload Plugin, Browse and Choose File, then select ZIP file of MotoPress Simple Contact Form plugin.
3. Click Install Now.
4. Click Activate to add new widgets right away.
5. Launch MotoPress Content Editor on any Page, Post or Custom Post Type
6. Check ‘Other’ group of objects to find new widget – Contact Form

How to add a Contact Form to page

1. Drag Contact Form widget to the page and drop it there
2. You can see 1 text field/Label and ‘Submit’ button
3. Before editing field properties we recommend to configure current Form settings:
   • Rename Submit button if it is needed
   • Check or ignore reCAPTCHA property to enable Protect your form from spam and abuse. You’ll need to configure Google reCAPTCHA in plugin settings first.
   • Define alignment: Default, Left or Right
   • Type “Form ID” to identify current Contact Form among others. Note: only numbers, letters, underscores and hyphens are permitted.
   • Name your form. It can be used in e-mail subject.

How to configure a field of a Contact Form

1. Now click on Label tab to configure the field at object Settings Panel.
2. Name current field e.g. First Name, Email, Telephone, Address etc.
3. Select type of the field among the available ones:
   • Text – simple single line text field.
   • Email – a field validated for email format.
   • Text area – multiline text field usually is used for descriptions and messages.
   • Select – a dropdown list of options to select one. There is an input field where you can type one option per line to form the list.
   • Telephone – validated field for telephone number input.
   • Checkboxes – multiple options choice by its checking.
   • Radio buttons – for single choice between multiple options.
   • Number – is used to input number and accept numeric value.
   • Label – additional label for the field/text object.
4. Use Label as the placeholder or leave it next to field.
5. Define whether the filed is required or optional
6. Set the ‘Field name’. It should be unique as it is required to build an email template.
7. You can also apply custom styles and scripts for each field pasting class or id to CSS Class and ID properties.
8. Now you can add new field

How to setup Contact Form settings

Now when your Contact Form is ready you need to setup reCAPTCHA and e-mail template to receive messages:

1. Go to MotoPress>Settings ad switch to Simple Contact Form tab
2. Enter your email address where the letters should be sent.
3. You may also enter a website name and email in angle brackets e.g. My Site <mysite@wordpress.com>
4. Fill Subject field for subject of letters you will receive. We recommend to use dynamic macros [form-name] and [blog-name] to know for sure what form and website has been used for sending message.
5. Edit or use default Success and Fail status messages. The other status messages and warnings like wrong format/field validation, required field, etc. are output by browser.
6. Setup reCAPTCHA if you are going to use it in your forms to prevent spam. For this you should follow the link to sign up for an API key pair. Copy Site Key and Secret Key to corresponding fields. Also you may define the language typing its code e.g. en, de, es … You’ll find there a link for page with all language codes.
7. Build E-mail Templates. In order to get message from the form you created you should create a message body with your unique field names. For this you have to type the ID of certain contact form and press ‘Add template’ button. Then create an email template adding field names. The field name should be put into square brackets [ ] e.g. [your-name] . All [field-names] will be replaced with a corresponding field values. You can also use simple HTML tags like < p > < / p > and < br > to mark a message.