Article sections

    Most probably, you will want to add a contact section to your website pages.

    Here’s how to do this for Mesmerize:

    1. Install the Contact Form 7 plugin

    Mesmerize recommends using the Contact Form 7 plugin for adding contact forms on the website.

    In the WordPress Admin dashboard, go to Mesmerize Info -> Contact Form 7 -> Install.

    After the installation, click Activate plugin.

    Next, go to Contact -> Contact Forms.

     

    Save the shortcode [contact-form-7 id=”14″ title=”Contact form 1″], as you will need it later.

    2. Edit the Contact Form

    Let’s start editing the contact form.

    Click on Edit Contact form 1.

    1. Edit the fields you will include in your contact form, and their labels.

    2. Edit the mail template

    It is recommended that you use a professional recipient email address and avoid the @gmail.com or @yahoo.com formats. In case you reply to a message, this email address will be shown to the users.

    III. Edit the messages:

    IV. You can make use of additional settings, and insert customization code snippets:

    When you’re done, click Save contact form.

    3. Add Contact Section and Shortcode

    Let’s get back to the customizer. In the Page Content section, add a Contact section.

    In the white area, where you see the message “Contact form will be displayed here…”, click on the pencil icon and a pop-up will appear, prompting you to insert a 3rd Party Form Shortcode.

    Copy and paste the shortcode you saved earlier, having this format:

    [contact-form-7 id=”14″ title=”Contact form 1″]

    The contact form will be added in the corresponding area:

    Customize further on and write your own title and text for this contact section. You can rewrite the text directly in the customizer preview.

     

    The last step is to check if the contact form is working properly.

    Publish the changes, fill in the form and test how it functions.