{"id":6657,"date":"2023-06-07T18:38:26","date_gmt":"2023-06-07T12:38:26","guid":{"rendered":"https:\/\/bplugins.com\/docs\/mailchimp-block\/guides\/configuration\/"},"modified":"2024-11-03T14:51:57","modified_gmt":"2024-11-03T08:51:57","slug":"configuration","status":"publish","type":"docs","link":"https:\/\/bplugins.com\/docs\/mailchimp-block\/guides\/configuration\/","title":{"rendered":"Configuration"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Settings\/Configure<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Select the block, you will see the settings option in the right sidebar. You can see there are 3 tabs for configuration: <strong>General, Style, and Patterns.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">General Tab<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"197\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-two-tab.png\" alt=\"Mailchimp Block- Two Tab\" class=\"wp-image-6674\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Two Tab<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Config<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can input the API key and audience ID.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"181\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-config.png\" alt=\"Mailchimp Block- Config\" class=\"wp-image-10236\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Config<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Layout<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Four layout options: <strong>normal<\/strong>, <strong>modal<\/strong>, <strong>auto-popup<\/strong>, <strong>floating top<\/strong>, and <strong>floating bottom<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"224\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-layout.png\" alt=\"Mailchimp Block- Layout\" class=\"wp-image-10239\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Layout<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Elements<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The options to show or hide the <strong>label<\/strong>, <strong>description<\/strong>,<strong> first name<\/strong>, and <strong>last name<\/strong> are available.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"191\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-elements.png\" alt=\"Mailchimp Block- Elements\" class=\"wp-image-6679\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Elements<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Brand Logo<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can change <strong>brand logo<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"203\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-brand-logo.png\" alt=\"Mailchimp Block- Logo\" class=\"wp-image-10240\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Logo<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Button<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This option allows you to change the <strong>button<\/strong> text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"110\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-button.png\" alt=\"Mailchimp Block- Button\" class=\"wp-image-6682\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Button<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Message<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize the text for <strong>success messages<\/strong> and <strong>error messages<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"186\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-message.png\" alt=\"Mailchimp Block- Message Success\/Error\" class=\"wp-image-6685\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Message Success\/Error<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Placeholder Text<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can modify the placeholder text for the<strong> first name<\/strong>, <strong>last name<\/strong>, and <strong>email fields.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"245\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-placeholder-text.png\" alt=\"Mailchimp Block- Placeholder Text\" class=\"wp-image-6688\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Placeholder Text<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Forms<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">From here, you can select the desired <strong>form<\/strong> for customization.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"490\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-themes.png\" alt=\"Mailchimp Block- Themes\" class=\"wp-image-10238\" srcset=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-themes.png 266w, https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-themes-163x300.png 163w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><figcaption class=\"wp-element-caption\">Mailchimp Block- Themes<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Form<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize the form&#8217;s <strong>background color<\/strong>, <strong>border<\/strong>, and <strong>padding<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"283\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-form-style.png\" alt=\"Mailchimp Block- Form Style\" class=\"wp-image-6702\" srcset=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-form-style.png 281w, https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-form-style-150x150.png 150w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><figcaption class=\"wp-element-caption\">Mailchimp Block- Form Style<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Info Area<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"116\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-info-area.png\" alt=\"Mailchimp Block- Info Area\" class=\"wp-image-10246\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Info Area<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Label<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the typography, color, and margin of the labels.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"371\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-label.png\" alt=\"Mailchimp Block- Label Style\" class=\"wp-image-10241\" srcset=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-label.png 266w, https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-label-215x300.png 215w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><figcaption class=\"wp-element-caption\">Mailchimp Block- Label Style<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Description<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the typography, color, and margin of the description.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"264\" height=\"371\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-des.png\" alt=\"Mailchimp Block: Description Style\" class=\"wp-image-10244\" srcset=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-des.png 264w, https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-des-213x300.png 213w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><figcaption class=\"wp-element-caption\">Mailchimp Block: Description Style<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Input<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the <strong>typography<\/strong>, <strong>color, border<\/strong>, and <strong>padding<\/strong> of the inputs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"428\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-input-style.png\" alt=\"Mailchimp Block- Input Style\" class=\"wp-image-6719\" srcset=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-input-style.png 280w, https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-input-style-196x300.png 196w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><figcaption class=\"wp-element-caption\">Mailchimp Block- Input Style<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Input Label<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This option allows input label <strong>typography<\/strong> and <strong>color <\/strong>settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"264\" height=\"159\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-input-label.png\" alt=\"Mailchimp Block- Input Label\" class=\"wp-image-10247\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Input Label<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Button<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the typography, colors, hover colors, border, and padding of the button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"264\" height=\"673\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-button.png\" alt=\"Mailchimp Block-Button Style\" class=\"wp-image-10245\" srcset=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-button.png 264w, https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-button-118x300.png 118w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><figcaption class=\"wp-element-caption\">Mailchimp Block-Button Style<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Modal<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on the width of the device, you can set <strong>width<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"264\" height=\"146\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-modal.png\" alt=\"Mailchimp Block- Modal\" class=\"wp-image-10250\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Modal<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Close Icon<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can set icon <strong>size <\/strong>and <strong>colors<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"172\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-style-close-icon.png\" alt=\"Mailchimp Block- Close Icon\" class=\"wp-image-10251\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Close Icon<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Messages<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the color and typography of the success and error messages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"200\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-message-style.png\" alt=\"Mailchimp Block- Message Style\" class=\"wp-image-6728\"\/><figcaption class=\"wp-element-caption\">Mailchimp Block- Message Style<\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Patterns<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Multiple pattern configurations for a tailored look<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"446\" src=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-patterns.png\" alt=\"Mailchimp Block- Patterns\" class=\"wp-image-10256\" srcset=\"https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-patterns.png 265w, https:\/\/bplugins.com\/wp-content\/uploads\/2023\/06\/docs-mailchimp-block-patterns-178x300.png 178w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/><figcaption class=\"wp-element-caption\">Mailchimp Block- Patterns<\/figcaption><\/figure>\n","protected":false},"featured_media":0,"parent":6618,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-6657","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/docs\/6657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/comments?post=6657"}],"version-history":[{"count":32,"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/docs\/6657\/revisions"}],"predecessor-version":[{"id":10258,"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/docs\/6657\/revisions\/10258"}],"up":[{"embeddable":true,"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/docs\/6618"}],"prev":[{"title":"Display Mailchimp Block","link":"https:\/\/bplugins.com\/docs\/mailchimp-block\/guides\/display-mailchimp-block\/","href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/docs\/6656"}],"wp:attachment":[{"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/media?parent=6657"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/bplugins.com\/wp-json\/wp\/v2\/doc_tag?post=6657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}