Allow your website audience to communicate with you via the Form element. Raven’s Form element lets you create a:
- Conctact Form
- MailChimp Form
- Redirect Form
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.
In this article, we’ll explain how to add a Contact Form and a MailChimp Form to a page via Elementor and configure its settings.
In this article
Displaying a Form Element
To add a Form element to a page:
|Form Fields||Lets you add new form fields and customize their individual settings.|
|Submit Button||You can configure the submit button text, icon, and width here.|
|Settings||Configure your form type: contact form, MailChimp or redirect.|
|Feedback Messages||Lets you add a custom feedback message which will display upon form submit, error, etc.
It’s good to mention that the form fields can be different types. You can add:
fields and set different widths (to make them multi-column). You can also make them mandatory fields by enabling the “Required” setting.
Creating an Outline Contact Form
To create the following contact form, follow the steps below:
|Settings > Label||Disabled|
|Field Border Type||Solid|
|Field Border Width||2 px|
|Field Tyopgraphy Transform||Uppercase|
|Button Background Color||Transparent|
|Button Tyopgraphy Transform||Uppercase
Creating a MailChimp Form
To create a MailChimp form, follow the steps below:
|Settings > Add Action||MailChimp|
Frequently Asked Questions
How can I add a New Form Field
You can add as many new form fields as you like and customize their functionality. To add a new form field simply from the Content tab in form settings click on Form Fields > + Add Item.
How can I translate my form?
Translating the form requires a third-party app or plugin. To learn about the process, read the Translating with Loco plugin article.
Configuring SMPT to send emails. (I don’t receive any email, what should I do?)
By default, WordPress uses the PHP mail function to send the emails. This function is not properly configured in many shared hosting providers so it’s best to use SMTP to send emails which are highly reliable.
How can I have a Transparent Background on the Form?
Simply follow the “Creating an Outline Contact Form” section in this article.
You can choose to have different settings on different screen sizes for some of the Button 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.