Simple Contact Form Addon

Simple and powerful WordPress contact form - the extension of the MotoPress Content Editor. No need to look for solutions from different providers, get the addon for the plugin you already love and customize and add the form really fast.

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

Live Example
















Please verify that you are not a robot.

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 <[email protected]>
  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.

Reviews

We only started collecting reviews from March, 2018.

You must log in to submit a review.

11 Replies to “Simple Contact Form Addon

    1. Hi Jonez,
      Actually plugin inherits the design of forms provided by your theme. In case you want to apply custom style you should first add custom CSS styles for the form to MotoPress>Settings>Custom CSS box or make sure there are some predefined classes available in your theme to apply them to plugin class parameters.
      By default there are no predefined styles for this addon.

    1. Hi,
      This form sends messages to email address by means of Mail Function or SMTP (if it’s configured at your WordPress). So you get all messages to email you set.
      There is also available Google reCaptcha to avoid spam.

  1. Hello, I’m using this plugin with the emmet theme. When using the PHONE type, there is a missing between the phone and the input field. All the other types work fine. Can this be fixed (or can I do this myself) ?

    1. Hi Alex,
      Yes, I’ve replicated it. Currently you can try to resize Form element decreasing its width and make Title of the field to move up. Or you can apply custom class for it. We’ll fix it in the next release. Thank you.

  2. I just purchased this add-on and followed directions on page, but i’m getting the following error, “Sender’s message was failed to send: Function wp_mail returned false.” Your help is much appreciated.

Leave a Reply

Your email address will not be published. Required fields are marked *

Release Notes

1.2.1, Jul 6 2018

  • New icon of this widget.

1.2.0, Jun 21 2018

  • Added compatibility with Visual Builder 3.0.0

1.1.1, Nov 6 2017

  • Added compatibility with Visual Builder 2.5.0

1.1

  • New version of plugin updater code.

1.0.3

  • Added compatibility with version 2.2.0 of Visual Builder that enables content saving after plugin deactivation.

1.0.2

  • Minor bugfixes

1.0.1

  • Minor bugfixes

1.0

  • Release