Log in to your Mailchimp account. Navigate to Audience → Signup Forms. Click “Create a Signup Form” and select “Embedded Form.” Customize your form fields and settings, then copy the generated form code.
🚀 How to Enable the Ninja Widget
Navigate to your WordPress dashboard.
Go to Topper Pack → Widgets.
Locate the Ninja widget from the list.
Toggle the switch to “On” to enable it.
The widget is now available in the Elementor editor.
Step 2: Add the Form to Elementor
Open the page in Elementor Editor. Search for “Mailchimp Form” in the widget panel. Drag the Mailchimp Form widget into your desired section. Paste the Mailchimp form code into the widget’s content settings under the Content tab.
Step 3: Configure Form Settings
In the widget settings, enable “Show Name Fields” and “Switch Name Field” to display first and last name inputs. Set placeholders: “First Name” for First Name, “Last Name” for Last Name, and “Your email address” for Email. Customize the “Success Message” (e.g., “Successfully subscribed”) and “Submit Button Text” (e.g., “Subscribe”). Choose “Full Width” under Form Style for layout.
Step 4: Customize the Form Design
Go to the Style tab in Elementor:
Inputs: Adjust typography, background color, border, and padding.
Label: Modify color, spacing, and font size.
Button: Style the submit button with text color, background, border, and hover effects.
Mailchimp
Step 1: Create a New Form in Mailchimp
Log in to your Mailchimp account. Navigate to Audience → Signup Forms. Click “Create a Signup Form” and select “Embedded Form.” Customize your form fields and settings, then copy the generated form code.
🚀 How to Enable the Ninja Widget
Step 2: Add the Form to Elementor
Open the page in Elementor Editor. Search for “Mailchimp Form” in the widget panel. Drag the Mailchimp Form widget into your desired section. Paste the Mailchimp form code into the widget’s content settings under the Content tab.
Step 3: Configure Form Settings
In the widget settings, enable “Show Name Fields” and “Switch Name Field” to display first and last name inputs. Set placeholders: “First Name” for First Name, “Last Name” for Last Name, and “Your email address” for Email. Customize the “Success Message” (e.g., “Successfully subscribed”) and “Submit Button Text” (e.g., “Subscribe”). Choose “Full Width” under Form Style for layout.
Step 4: Customize the Form Design
Go to the Style tab in Elementor: