{"id":8358,"date":"2024-05-16T11:43:20","date_gmt":"2024-05-16T11:43:20","guid":{"rendered":"https:\/\/manuals.qantumthemes.xyz\/typify\/?post_type=ht_kb&#038;p=8358"},"modified":"2024-05-16T11:43:20","modified_gmt":"2024-05-16T11:43:20","slug":"09-mailchimp-newsletter-form","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/typify\/knowledge-base\/09-mailchimp-newsletter-form\/","title":{"rendered":"09. Mailchimp newsletter form"},"content":{"rendered":"<p>This theme comes with an easy to use widget to display a Mailchimp newsletter subscription form on your Elementor pages,<strong> in style with the design of your website.<\/strong><\/p>\n<p>While we are aware of the many Newsletter providers on the market, our integration comes only with Mailchimp option because is the most popular, and this prevents adding too much code to our theme, to preserve a better performance for your website.<\/p>\n<p><strong>You don&#8217;t need a paid Mailchimp account.<\/strong><\/p>\n<p><strong>STEP 1: Plugin<\/strong><\/p>\n<p>Go to Plugins and make sure the plugin &#8220;Mailchimp for WordPress&#8221; is installed.<br \/>\nIf not, please go to Plugins &gt; Add new, and install it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8359\" src=\"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45.jpg\" alt=\"\" width=\"1280\" height=\"604\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45.jpg 1280w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45-300x142.jpg 300w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45-768x362.jpg 768w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45-1024x483.jpg 1024w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45-50x24.jpg 50w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45-920x434.jpg 920w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45-600x283.jpg 600w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.35.45-320x151.jpg 320w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><strong>STEP 2:\u00a0 Configure the plugin<\/strong><\/p>\n<p>Follow the plugin instructions to link the plugin to your Mailchimp acocunt. Fromt he left menu, click MC4WP and enter your API Key<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8360\" src=\"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10.jpg\" alt=\"\" width=\"1045\" height=\"416\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10.jpg 1045w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10-300x119.jpg 300w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10-768x306.jpg 768w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10-1024x408.jpg 1024w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10-50x20.jpg 50w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10-920x366.jpg 920w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10-600x239.jpg 600w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.37.10-320x127.jpg 320w\" sizes=\"(max-width: 1045px) 100vw, 1045px\" \/><\/p>\n<p><strong>STEP 3:\u00a0 Make a cool form<\/strong><\/p>\n<p>From the left menu click Form and make sure to format this form using the Typify css classes, as follows (match the input fields with your Mailchimp account settings)<\/p>\n<pre>&lt;div class=\"typify-form--inline\"&gt;\r\n\r\n&lt;div class=\"typify-fieldset\"&gt;\r\n&lt;input id=\"email\" placeholder=\"Name\" name=\"NAME\" type=\"text\" required=\"required\" value=\"\"&gt;\r\n&lt;label for=\"name\"&gt;Name &lt;i class=\"material-icons\"&gt;star&lt;\/i&gt;&lt;\/label&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"typify-fieldset\"&gt;\r\n&lt;input id=\"email\" placeholder=\"Email\" name=\"email\" type=\"text\" required=\"required\" value=\"\"&gt;\r\n&lt;label for=\"email\"&gt;Email &lt;i class=\"material-icons\"&gt;star&lt;\/i&gt;&lt;\/label&gt;\r\n&lt;\/div&gt;\r\n&lt;input type=\"submit\" class=\"typify-btn--l\" value=\"Sign up\" \/&gt;\r\n\r\n&lt;\/div&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>Don&#8217;t worry if the preview looks ugly<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8361\" src=\"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.38.27.jpg\" alt=\"\" width=\"544\" height=\"286\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.38.27.jpg 544w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.38.27-300x158.jpg 300w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.38.27-50x26.jpg 50w, https:\/\/manuals.qantumthemes.xyz\/typify\/wp-content\/uploads\/2024\/05\/scr-2024-05-16-at-13.38.27-320x168.jpg 320w\" sizes=\"(max-width: 544px) 100vw, 544px\" \/><\/p>\n<p><strong>STEP 4:\u00a0 Add it to your page<\/strong><\/p>\n<p>Edit a page with Elementor, and select Mailchimp Form widget<\/p>\n<p>That&#8217;s all, you&#8217;ve successfully added a newsletter subscription form to your page!<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[704],"ht_kb_tag":[683,684],"class_list":["post-8358","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-elementor-widgets","ht_kb_tag-mailchimp","ht_kb_tag-newsletter"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/ht_kb\/8358"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/comments?post=8358"}],"version-history":[{"count":1,"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/ht_kb\/8358\/revisions"}],"predecessor-version":[{"id":8362,"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/ht_kb\/8358\/revisions\/8362"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/media?parent=8358"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/ht_kb_category?post=8358"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/typify\/wp-json\/wp\/v2\/ht_kb_tag?post=8358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}