GutenKit Mailchimp is a 차단하다 that you can create easy signup forms for engaging email campaigns. This block lets you include text, images, buttons, and other elements.

Check the documentation and learn to use the GutenKit Mailchimp block.

How can you use Mailchimp #

We’ve shown the process in simple steps.

STEP 1: Enabling the block #

WordPress 대시보드에 액세스 > Go to GutenKit > 모듈 > Find Mailchimp > Toggle the button to turn it ON

지금,

• 찾다 페이지/게시물 > 새 페이지/게시물 추가 또는 블록 편집기를 사용하여 기존 페이지 편집을 시작하세요.
• “를 찾으세요.+” 아이콘은 에디터 화면 오른쪽이나 상단에 있습니다. 클릭하세요.
• 블록 메뉴가 나타나면 '를 검색하세요.메일침프".
• 보이면 클릭하거나 블록 에디터 화면에 드래그 앤 드롭하세요.

콘텐츠 부분 편집 #

Here, you’ll get to edit Form Fields and Button.

때를 expand Form Fields, you’ll notice a note instructing you to add an API key to run your email marketing campaign.

STEP 2: Generate API key #

So, visit the Mailchimp site and login to your account. After that,
1. Click on your profile

2. Go to Account & Billing

Find Extras and click on the API keys.

다음, click the Create API Key button to generate the API key.

Copy the generated API key and click on the Done button

이제 해야 할 일

1. WordPress 대시보드로 이동
2. Find GutenKit
3. 설정
4. API Integration
5. Find Mailchimp and press the Add key option to paste your copied API key

STEP 3: Go back to the page #

In the content part, the controls in the Form Fields are:

• Items – Add items according to your needs, like First Name, Last Name, Email, etc.
• Show Label – Displays a label name above the input field.
• Required Mark – Indicates a mandatory field.
• Double Opt-In – Requires confirmation email for signup.

The controls in the Button are:

• Submit: Write anything in the field that triggers form submission.
• Button Field Size: Controls button field size (Default, 20%, 50%, 100%, etc.).
• 성공 메시지: Displays a message upon successful submission.
• 상: Adds an icon to the button from the library or you can upload SVG.
• 단추 위치: Determines icon’s placement (Before or After the text).
• Between Space – Adjusts spacing between button text and icon.

Style the Mailchimp Form #

• Form – You can style the form by adjusting the column gap, row gap, labels, colors, etc.
• Field – For fields you can change text and background color, typography, border, padding, etc.
• 버튼 - Here you can set button position, text and background color, icon color, margin, padding, etc.
• Messages – To write the message nicely, you can change typography, success message color, error message color, etc.

This is how the forms will work