ElementsKit now supports Mailchimp integration. With it, you can personalize your sign-up form with attractive and multiple styles.

ElemntsKit MailChimp #

Warunki wstępne:

Upgrade to ElementsKit Pro to unlock the Mailchimp integration.

Step 1: Open any page or post where you want to use Mailchimp #

Iść do Elementor editor and Szukaj Mailchimp

Now, you have to set the API key

Step 2: Generate Mailchimp API Key #

Iść do Zestaw elementów → USER SETTINGS → MAILCHIMP DATA

Step 3: Get Mailchimp API Key #

Aby uzyskać klucz API Tworzyć konto Mailchimp i zaloguj się za pomocą swojego Nazwa użytkownika i hasło.

1. Idź do swojego account photo
2. Click on your Account & Billing

Rozwiń Extras menu and click on API keys.

Click on the button “Create A Key”.

• Set an API Key Name
• Click on the button “Generate Key”

Your key is ready.

• Copy it by clicking on the “Copy To Clipboard”
• Kliknij na “Done” przycisk

Step 4: Insert the MailChimp API #

Now go back to your dashboard.

1. Go to USER SETTINGS
2. Insert MailChimp API Key
3. Zapisz zmiany

Step 5: Customizing the MailChimp Widget #

• Go to your page where you’ve draged and dropped Widżet Mailchimp
• Wybierać Lista z listy rozwijanej

Create a Campaign: Sprawdzać how to create a campaign list from your Mailchimp account.

Double Opt-in: It means when someone submits their email, they get a confirmation email first. They must click the link in that email to actually join your list. Without clicking, they won’t be added.

NOTE: As the warning says — if you turn this On here, you must also enable it inside your Mailchimp audience settings, otherwise it won’t work.

Here, you add extra input fields to your signup form beyond the default ones.

When you click on a field (e.g. Adres e-mail) to expand it, you get these options:

• Typ: What kind of input the field accepts — Email, Text, Number, etc.
• Etykieta: Heading text shown above the input box.
• Symbol zastępczy: Faded hint text inside the empty input box, disappears when user types.
• Nazwa: Internal field ID — must match your Mailchimp MERGE tag exactly (e.g. email, FNAME).
• Wymagany: If Yes, user cannot submit the form without filling this field.
• Pokaż ikonę: Shows or hides the small icon inside the field.
• Ikona: Choose which icon appears inside the field.
• Pozycja ikony: Sets icon placement — Before (left) or After (right) of the placeholder text.

Customize MailChimp’s form button.

• Submit Button Text: The label shown on the button. Currently set to “Sign Up.”
• Pokaż ikonę: Toggles the icon on the button visible or hidden.
• Button Icons: Choose which icon appears on the button. Currently an arrow (→).
• Pozycja ikony: Sets where the icon sits on the button. Before means left side, After means right side.
• Form Style: Controls the button layout. Full Width stretches the button across the entire form.
• Wiadomość o sukcesie: Text the user sees after successfully submitting the form. Currently “Successfully listed this email.”

To style the form, click the Styl patka in the Edit MailChimp panel. Here are the available sections:

• Etykieta: You can change the color, typography and margin of the labels.
• Input Wrapper: It lets you change the column gap, row gap, icon gap, border type, color, box shadow, etc.
• Wejście: For inputs, you can show or hide the width, change typography, border radius, padding, etc.
• Przycisk: Customize the submit button by changing its position, color, background type, padding, and so on.
• Ikona wprowadzania: Controls the icon inside input fields with your chosen color, size, background type etc.
• Success & Error Message: You can style the messages shown after form submission by changing its width, padding, margin, text color, background type and others.

After finishing your customization, view the form, fill up the form and submit it.

Step 6: Do the Final Check #

• After submitting the form, go to Mailchimp → Audience → All Contacts
• Check your contact list. Here you can verify that the submitted details like email, first name, and last name are correctly saved.