Form Element

Updated on May 21, 2023

How to create a contact form

Allow your website audience to communicate with you via the Form element. Raven’s Form element lets you create a:

  • Contact Form
  • MailChimp Form
  • Redirect Form

Beware! This element is a part of the Jupiter X elements. Jupiter X is exclusively developed by Artbees which represents new useful elements to Elementor. In order to see the Pro version of Elementor Forms, you need to look for it in the Elementor knowledgebase

Since Jupiter X 1.21.0, the Raven plugin is merged with the Jupiter X Core plugin. So, all the features are available without installing the Raven plugin. By using the Jupiter X Core plugin, you will have all the Raven features. The documents related to the Raven plugin will be updated accordingly. Release Notes
If your Jupiter X version is greater than 1.21, please deactivate and remove Raven plugin from your website.

Having such elements on your website is extremely important to your visitors. Adding one is simple and there are a lot of styles and settings to choose from.

To add a Form element to a page:

 Add a new page or edit an existing one.

2. Click on Edit with Elementor button.

3. From the left dashboard, search for a “Form”.

4. Drag and drop the Form element to your page.

5. A new dashboard on the left will open with the element’s settings.

6. Edit the settings and Update the page.

By default, there is a reCaptcha option if you want to add captcha to your contact form.
At first, you need to add Site Key and Secret Key in Elementor > Settings > Raven:

Then edit your page and configure Form element settings:

1. Add a new item.

2. Select reCAPTCHA in Type field and configure the styling.

3. Update the page.

Use Growmatik to show highly targeted forms and popups to your website visitors based on their behavior and interests.

Responsive Options

You can choose to have different settings on different screen sizes for some of the Form element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.

At first you’ll see the icon for desktop layout only

But when you click that icon, you’ll get two more layouts: for tablet and phone.

To learn more about it, please check this article.

Note: With the Form element you can create a Mailchimp form as well as the outline contact form

Did this answer your question?