{"id":567,"date":"2022-12-03T07:39:35","date_gmt":"2022-12-03T07:39:35","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=567"},"modified":"2025-12-04T01:04:10","modified_gmt":"2025-12-04T01:04:10","slug":"newsletter-signup-form","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/newsletter-signup-form\/","title":{"rendered":"Newsletter Signup Form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"567\" class=\"elementor elementor-567\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5ccce4a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5ccce4a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1bfb16a\" data-id=\"1bfb16a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7bb511d elementor-widget elementor-widget-pt_title\" data-id=\"7bb511d\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h5 class=\"pt-title\">\n\t                Setup Newsletter Signup Form\t            <\/h5>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea798e7 elementor-widget elementor-widget-text-editor\" data-id=\"ea798e7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>CozyStay theme supports creating subscribe form with the plugin&nbsp;<strong>MailChimp for WordPress<\/strong>. It is one of our recommended plugins when installing the theme.<\/p>\n<p>After installing and activating the plugin, please follow the steps below to setup the plugin:<\/p>\n<ul>\n<li><a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/newsletter-signup-form\/#step-1-enter-mailchimp-api\">Step 1 &#8211; Enter MailChimp API<\/a><\/li>\n<li><a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/newsletter-signup-form\/#step-2-create-the-newsletter-signup-form\">Step 2 &#8211; Create the Newsletter Signup Form<\/a><\/li>\n<li><a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/newsletter-signup-form\/#step-3-select-a-list-for-the-subscribers\">Step 3 &#8211; Select a list for the subscribers<\/a><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-feb44a6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"feb44a6\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a037d88 elementor-widget elementor-widget-text-editor\" data-id=\"a037d88\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 id=\"enter-api\">Step 1 &#8211; Enter MailChimp API<\/h6><ol><li>Please make sure you have installed and activated the plugin. Then get to the settings page of the plugin, and enter your MailChimp API key.<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/setup-mailchimp-api.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-569\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/setup-mailchimp-api.jpg\" alt=\"\" width=\"1600\" height=\"863\" \/><\/a><\/li><li>To get your MailChimp API key, you can click on the link &#8220;<strong>Get your API key here<\/strong>&#8221; to get to MailChimp site, log into your MailChimp account, and create a key.<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/create-api-key.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-570\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/create-api-key.jpg\" alt=\"\" width=\"1600\" height=\"908\" \/><\/a><\/li><li>After entering your MailChimp API key, you will find the\u00a0<strong>&#8220;Your MailChimp Account&#8221;<\/strong> option, and your MailChimp lists will be displayed.<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/mc4wp-connected.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-571\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/mc4wp-connected.jpg\" alt=\"\" width=\"1300\" height=\"1429\" \/><\/a><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e6e728 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5e6e728\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d5676d elementor-widget elementor-widget-text-editor\" data-id=\"7d5676d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 id=\"create-subscribe-form\">Step 2 &#8211; Create the Newsletter Signup Form<\/h6><ol><li>Please go to\u00a0<strong>MC4WP<\/strong>\u00a0(MailChimp for WP) &gt;\u00a0<strong>Form<\/strong> to create and edit your Newsletter Signup Form. If you have imported a demo of the theme, then you have imported this form, and you can edit the form title and content.<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/modify-form-content.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-573\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/modify-form-content.jpg\" alt=\"\" width=\"2560\" height=\"1537\" \/><\/a><\/li><li>You can also choose to copy the code below and paste into the form field, and then change some text to suit your website:<pre><code>&lt;div class=\"fields-container\"&gt;\n  &lt;input type=\"email\" name=\"EMAIL\" placeholder=\"Your Email Address\" required=\"\"&gt;\n  &lt;button type=\"submit\"&gt;&lt;span class=\"btn-text\"&gt;Subscribe&lt;\/span&gt;&lt;\/button&gt;\n&lt;\/div&gt;\n\n&lt;p&gt;\n  &lt;label class=\"agree-to-terms text-small\"&gt;\n    &lt;input name=\"AGREE_TO_TERMS\" type=\"checkbox\" value=\"1\" required=\"\"&gt; I agree to the &lt;a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"&gt;Privacy Policy&lt;\/a&gt;.\n  &lt;\/label&gt;\n&lt;\/p&gt;\n<\/code><\/pre><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ad1a42 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5ad1a42\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-957b504 elementor-widget elementor-widget-text-editor\" data-id=\"957b504\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h6 id=\"select-form-list\">Step 3 &#8211; Select a list for the subscribers<\/h6><p>When editing a form, please click on the\u00a0<strong>&#8220;Settings&#8221;<\/strong>\u00a0tab and find the\u00a0<strong>&#8220;Lists this form subscribes to&#8221;<\/strong>\u00a0option, make sure you have selected at least one list.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5eb8f6e elementor-widget elementor-widget-image\" data-id=\"5eb8f6e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/mc4wp-select-list.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTcyLCJ1cmwiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/mc4wp-select-list.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca51ae3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ca51ae3\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b71b96f elementor-widget elementor-widget-pt_title\" data-id=\"b71b96f\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h5 class=\"pt-title\">\n\t                Add Newsletter Signup Form in sidebar (widget area)\t            <\/h5>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8910e4 elementor-widget elementor-widget-text-editor\" data-id=\"c8910e4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>On your site admin panel, please go to\u00a0<strong>Appearance &gt; Widgets<\/strong>. On the page you can see all of the available widgets are listed at the left side of the page. Find the widget\u00a0<strong>&#8220;MailChimp Sign-Up Form&#8221;<\/strong>, drag and drop it into a widget area, or click on the widget and choose a widget area to put it in.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6488117 elementor-widget elementor-widget-image\" data-id=\"6488117\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/12\/widget-signup-form.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42871d2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"42871d2\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f119fc1 elementor-widget elementor-widget-pt_title\" data-id=\"f119fc1\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h5 class=\"pt-title\">\n\t                Add Newsletter Signup Form to Content\t            <\/h5>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7cb1d5 elementor-widget elementor-widget-text-editor\" data-id=\"e7cb1d5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can add the newsletter signup form to the content of any page.<\/p><p>Please edit a page with Elementor, then please find\u00a0<strong>CozyStay Elements<\/strong>\u00a0and choose\u00a0<strong>MailChimp for WordPress<\/strong>. Add this widget to the content, and then select a form from the drop down list.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ace5eb elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5ace5eb\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2e5567 elementor-widget elementor-widget-pt_title\" data-id=\"f2e5567\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h5 class=\"pt-title\">\n\t                MailChimp for WordPress Documentation\t            <\/h5>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88af34f elementor-widget elementor-widget-text-editor\" data-id=\"88af34f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When you encounter problems when setting up or using this plugin, please visit the following link:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d486a64 elementor-widget elementor-widget-pt_list\" data-id=\"d486a64\" data-element_type=\"widget\" data-widget_type=\"pt_list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <ul class=\"pt-list pt-list-type-unordered with-border\">                <li>                        <span class=\"list-icon color-primary\">\n                            <i aria-hidden=\"true\" class=\"fas fa-chevron-circle-right\"><\/i>                        <\/span>                    <span class=\"list-content\">MailChimp for WordPress Knowledge Base<\/span>                        <a class=\"list-link\" href=\"https:\/\/www.mc4wp.com\/kb\/\"><\/a>                <\/li>            <\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[13],"class_list":["post-567","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/567\/revisions"}],"predecessor-version":[{"id":2225,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/567\/revisions\/2225"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=567"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}