Sélectionner une page

User Guide

Step 1: Access Form Reach

Once you’ve installed the plugin via the plugin market, find it in the plugin tab to activate it.

Then, in your WordPress sidebar menu, click on Form Reach. You will have access to the default contact form and can click on « Create New » to create a new one.

Step 2: Add Fields

Form Reach allows you to create the following types of fields:

  • Text
  • Email
  • Phone
  • Textarea
  • Submit Button

Click on the corresponding buttons to add a field. Each button opens a modal window where you can specify the attributes of the field.

Common Attributes

  • Label: The text that will appear above the field.
  • Name: The unique identifier for the field.
  • Value: The default value of the field (can be transformed into a placeholder).
  • Placeholder: Indicative text displayed in the field (is derived from the value).
  • ID: HTML identifier for the field.
  • Class: CSS class for the field.
  • Required: Check this box if the field must be mandatory.

Specific Attributes

  • Textarea:
    • Columns: Number of columns in the textarea.
    • Rows: Number of rows in the textarea.
  • Submit Button:
    • Button Value: Text that will appear on the button.
    • Text Color: Choose the color of the button text.
    • Background Color: Choose the background color of the button.

Step 3: Generate the Shortcode

Once the fields are added, they will be generated in the main text area.

[formreach_input type="text" label="Name" name="name" required="required" placeholder="Enter your name"]

[formreach_input type="email" label="Email address" name="email" required="required" placeholder="Enter your email"]

[formreach_input type="textarea" rows="10" label="Message" name="message" required="required" placeholder="Enter your message"]

The entire form represented is converted into a form shortcode accessible in the form table and at the top of the form editing page. Simply enter the shortcode where you want the form to be displayed.

Step 4: Configure Email Notifications

Go to the Email tab to configure email notifications. You can specify:

  • Recipients (To)
  • Sender (From)
  • Subject (Subject)
  • Message content (Message content)

It is also possible to specify the name of a field in brackets in the subject or message. This will replace [name] with what the user has entered.

Example:

To: admin@wordpress.com

From: Form Reach

Subject: Message from [name]

Message content:

Name: [name]

Email: [email]

Message: [message]

Step 5: Configure Alerts

In the Message tab, you can customize the validation or error messages that will appear when your form is submitted successfully or when an error occurs. The messages are displayed as they will appear on the site.

Step 6: WhatsApp Mode

If you want the form submissions to be sent via WhatsApp, click on the slider button at the top right of the form editing page. The Email tab will be replaced by a Phone tab, where you can specify the recipient WhatsApp account’s phone number.