{"id":4835,"date":"2019-01-31T09:08:29","date_gmt":"2019-01-31T09:08:29","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=4835"},"modified":"2023-01-16T08:08:47","modified_gmt":"2023-01-16T08:08:47","slug":"how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/","title":{"rendered":"How to Add a MailChimp Subscription Form"},"content":{"rendered":"\n

MailChimp is a plugin that helps you to manage the users’ email base. And JetElements Subscribe widget is the tool that can help you to create a subscription form integrated with it. This tutorial will show you how to link the subscription form with the MailChimp list and add it to your website’s page.<\/p>\n\n\n\n

Setting up MailChimp API Key and Audience ID<\/h2>\n\n\n\n

If you still don\u2019t have a MailChimp account, please, feel free to check this<\/a> tutorial. It provides detailed instructions on creating an account and finding out your MailChimp API key<\/strong> and Audience ID<\/strong>. Now, let\u2019s make sure our MailChimp account has proper integration with the JetElements Subscribe widget. <\/p>\n\n\n\n

Navigate to <\/em>JetPlugins > JetElements Settings > Integrations<\/em><\/strong> in WordPress Dashboard. In the MailChimp<\/strong> section, find the fields where you have to input the MailChimp API key<\/strong> and the MailChimp Audience ID<\/strong>.<\/p>\n\n\n\n

Also, you can enable the Double opt-in<\/strong> option in case you want that the contacts will receive an opt-in confirmation email when they subscribe to your list.<\/p>\n\n\n\n

\"MailChimp<\/div>\n\n\n\n

JetElements Subscribe widget overview<\/h3>\n\n\n\n

Let’s make the process of customizing the subscription form in the Elementor builder more clear.<\/p>\n\n\n\n

First of all, open the page where you would like to place a subscription form in the Elementor page builder. Find Subscribe<\/strong> widget in the left-side widget menu and drag it to your page.<\/p>\n\n\n\n

\"Subscribe<\/div>\n\n\n\n

By default, the form contains only two elements: a field where one can input an email and the “Subscribe<\/strong>” button. Take a look at the Content > Field<\/em><\/strong> menu tab.<\/p>\n\n\n\n

\"Subscribe<\/div>\n\n\n\n
    \n
  • In the Input Placeholder<\/strong> text area, you can input the text that the user will see in that field before inputting there something. It can give the visitor the tip on what information should be placed in the field and about the format of the information (e.g., an email).<\/li>\n\n\n\n
  • The Submit Text<\/strong> is the text that will be shown on the submission button.<\/li>\n\n\n\n
  • If you want to add an icon to the submission button – turn the Add Submit Icon<\/strong> toggle on. Afterward, you will get the opportunity to choose the icon.<\/li>\n\n\n\n
  • Turn on the Use additional fields<\/strong> option to add more fields to the subscription form (e.g., First Name, Last Name, Phone number, etc.). You can simply delete or duplicate the items. And to add more fields to the form – click the “Add New Item<\/strong>” button.<\/li>\n<\/ul>\n\n\n\n
    \"Subcribe<\/div>\n\n\n\n
      \n
    • Layout <\/strong>drop-down menu defines whether the subscription button will be placed to the right or below the form fields.<\/li>\n<\/ul>\n\n\n\n

      In the Settings<\/strong> section, you can set up the URL for redirection and enable usage of Target Audience ID<\/strong> of your MailChimp list.<\/p>\n\n\n\n

      \"Subscribe<\/div>\n\n\n\n

      In the Style<\/strong> section, you can customize the Layout, Width, Background, Color, Padding, Margin, Border Radius, Border Type, Box Shadow, Text Color, and Typography to make the design of your Subscribe form more appealing.<\/p>\n\n\n\n

      Don’t forget to click the “Publish<\/strong>” or “Update<\/strong>” button at the bottom of the page to save the changes.<\/p>\n\n\n\n

      Congrats! From now you will be able to add an effective MailChimp subscription form to Elementor using the JetElements Subscribe widget.<\/p>\n","protected":false},"excerpt":{"rendered":"

      This tutorial features the overview of Subscribe widget from the JetElements plugin that can be linked with the MailChimp list.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[513],"yoast_head":"\nJetElements: How to link Mailchimp with Subscribe widget | Crockoblock<\/title>\n<meta name=\"description\" content=\"Follow the guide on how to use the Subscribe Form widget from JetElements plugin and integrate it with the MailChimp list.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetElements: How to link Mailchimp with Subscribe widget | Crockoblock\" \/>\n<meta property=\"og:description\" content=\"Follow the guide on how to use the Subscribe Form widget from JetElements plugin and integrate it with the MailChimp list.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-16T08:08:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/mailchimp-integration.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/\",\"name\":\"JetElements: How to link Mailchimp with Subscribe widget | Crockoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-01-31T09:08:29+00:00\",\"dateModified\":\"2023-01-16T08:08:47+00:00\",\"description\":\"Follow the guide on how to use the Subscribe Form widget from JetElements plugin and integrate it with the MailChimp list.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Add a MailChimp Subscription Form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JetElements: How to link Mailchimp with Subscribe widget | Crockoblock","description":"Follow the guide on how to use the Subscribe Form widget from JetElements plugin and integrate it with the MailChimp list.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/","og_locale":"en_US","og_type":"article","og_title":"JetElements: How to link Mailchimp with Subscribe widget | Crockoblock","og_description":"Follow the guide on how to use the Subscribe Form widget from JetElements plugin and integrate it with the MailChimp list.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/","og_site_name":"Help Center","article_modified_time":"2023-01-16T08:08:47+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/mailchimp-integration.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/","name":"JetElements: How to link Mailchimp with Subscribe widget | Crockoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-01-31T09:08:29+00:00","dateModified":"2023-01-16T08:08:47+00:00","description":"Follow the guide on how to use the Subscribe Form widget from JetElements plugin and integrate it with the MailChimp list.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-add-an-effective-mailchimp-subscribe-form-to-elementor-using-jetelements-subscribe-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Add a MailChimp Subscription Form"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/4835"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=4835"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=4835"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=4835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}