1. Home
  2. Docs
  3. Xpro Addons For Beaver Builder
  4. Modules
  5. Contact Form

Contact Form

Introduction

Contact Form allows users to communicate with the site owner. It has fields for filling in name, email, subject, and type of message. On most company websites, the phone is also included; however, the contact form provides an immediate, convenient way for users to ask the company questions.

Can I use multiple layout options for the contact form?

Yes, you have three main options for Contact Form Layout. You can use any one of the layouts for your website. You just have to follow these steps to get the contact form layout options:
Step 1: Open the Contact Form module setting in the Xpro Form Styler Module section and go to the General tab.

Step 2: In the General tab you will get the Layout option in the drop-down menu and you can select the layout option there.

Step 3: Here you will get three options i.e Stacked, Inline and Modern layouts that display different Contact Form Styles.

How to display a “success message” for confirmation of the Contact Form submission?

Yes, our Contact Form module for Beaver Builder provides three message options after contact form submission:

Step 1: The first option is None. This will just display the text Message Sent! when the contact form is submitted.

Step 2: The second option, Show Message will displaya success message like this when the contact form is submitted

Step 3: The third option, Redirect will take you to the desired page after the contact form is submitted. You need to enter the redirection link while setting this option up. Like if you provide the link of your website’s home page in the redirect option then it will take you directly to the home page whenever the contact form is submitted.

How to set a security option for re-captcha in the Contact Form module?

Yes, you have the re-captcha option as security for contact form submission. It’s quite a simple procedure to add the re-captcha option:

Step 1: Go to the Contact Form Module and click on the dotted menu on the right corner and a new window will open.

Step 2: Click on the reCAPTCHA and a new form will open. Enter the Site Key and Secret Key in the fields and make the necessary changes in the Theme and Alignment options.

Step 3: Click the Save button and reCAPTCHA will be shown on the contact form. You have Dark and Light Theme Option with alignment.

Step 4: To get the Site Key and Secret Key, just follow this link and enter the required information about your domain.

Was this article helpful to you? Yes No

How can we help?