Responsive Addons for Elementor (RAE) Mailchimp Styler allows you to style your Mailchimp form with different options for customization. Designing your Mailchimp form to make it aesthetically pleasing for your visitors to convert them into subscribers.
Set up Mailchimp Account
First, you must have a Mailchimp account. If you donโt have it you can follow the link to set up an account. How to create a Mailchimp account.
Generate API Key
Once you have created an account Follow the below steps.
- Login to your Mailchimp account and navigate to the Account page.
- Once you are on the accounts page, click on the Extras tab and select the โAPI Keysโ option
- Under Your API Keys, click on โcreate a keyโ to generate the API key.
- After you have successfully generated your API keys, you can view them under the โYour API keysโ section.
Add Mailchimp API Key to the REA plugin settings.
Go to your wordpress admin -> wp-admin -> RAE -> Responsive Addons for Elementor (RAE) Mailchimp API Setting. You can also validate your API key by clicking on the โValidate API Keyโ button.
Content
Mailchimp Account Settings
From the Mailchimp list dropdown, select your own Mailchimp list.
Field Settings
You can change the field input label or disable the first and last name and just keep the email field.
Button Settings
You can change the button text and the loading text.
Message Settings
Provide success message text, which will be displayed after the form is submitted.
Style Tab
General Style
You can change the layout to keep fields stacked or inline. You can also change the background color, set padding, margin, border-color & box shadow for overall form too.
Form Fields Style
Here you can change the background, width, height, margin, border styles, box-shadow of the different form fields.
Color & Typography
Update colors & typography of labels & font fields.
Subscribe Button Style
Change the style of the subscribe button to match the design of the button to your website. You can choose to display the button inline or block. You can change the max-width, padding, margin & typography for the button.
Also, you can change the color & border style for the button in normal & hover mode.
Message Style
Update styles for the message which will be displayed after the form is submitted. You can update background, font colors, text alignment, padding, margin & border styles.
