{"id":2484,"date":"2021-03-10T08:27:09","date_gmt":"2021-03-10T08:27:09","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=2484"},"modified":"2026-10-20T12:48:53","modified_gmt":"2026-10-20T12:48:53","slug":"subscribe-newsletter-form","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/subscribe-newsletter-form\/","title":{"rendered":"Subscription Form (Mailchimp Newsletter)"},"content":{"rendered":"\n

Kata’s Subscription Form<\/strong> widget adds an email signup form to any page you build with Elementor. When a visitor submits the form, the email address is sent to your Mailchimp audience, so you can send newsletters from Mailchimp.<\/p>\n\n\n\n

Before You Start: Use Mailchimp, Not FeedBurner<\/h2>\n\n\n\n

The widget’s Source URL<\/strong> option lists two services: Feedburner and Mailchimp. Google turned off FeedBurner’s email subscriptions in 2021, so a FeedBurner form no longer sends emails to anyone. Choose Mailchimp<\/strong>. If an existing page still uses a FeedBurner form, switch it to Mailchimp using the steps below.<\/p>\n\n\n\n

You need a Mailchimp account with at least one audience. The free Mailchimp plan is enough for this.<\/p>\n\n\n\n

Step 1: Get Your Mailchimp Form URL<\/h2>\n\n\n\n
  1. Log in to Mailchimp, open the Forms<\/strong> menu and select Other forms<\/strong>.<\/li>
  2. Select Create new form<\/strong>, then Create embedded form<\/strong>.<\/li>
  3. Give the form a name, pick the audience that should receive the signups and select Continue to builder<\/strong>.<\/li>
  4. Make sure the form has an Email Address<\/strong> field, then select Continue<\/strong> and Copy Code<\/strong>.<\/li>
  5. Paste the code into a text editor and find the action<\/code> attribute of the <form><\/code> tag. Copy only the address between the quotes. It looks like this:
    https:\/\/yourname.us21.list-manage.com\/subscribe\/post?u=...&id=...<\/code><\/li><\/ol>\n\n\n\n

    Mailchimp’s menus change from time to time. If you can’t find these options, Mailchimp’s guide Add a Signup Form to Your Website<\/a> shows the current steps.<\/p>\n\n\n\n

    Step 2: Add the Subscription Form Widget<\/h2>\n\n\n\n

    Open the page in Elementor, search for Subscription Form<\/strong> in the widgets panel and drag it where you want the form to appear.<\/p>\n\n\n

    \n
    \"Elementor<\/figure>\n<\/div>\n\n\n

    Step 3: Connect the Form to Mailchimp<\/h2>\n\n\n\n
    1. In the widget’s General<\/strong> section, set Source URL<\/strong> to Mailchimp<\/strong>.<\/li>
    2. Paste the address you copied in Step 1 into Mailchimp Signup form URL<\/strong>.<\/li>
    3. Change the Placeholder<\/strong> text and the Button<\/strong> label if you like, and choose a button icon and its position.<\/li>
    4. Update the page.<\/li><\/ol>\n\n\n
      \n
      \"Kata<\/figure>\n<\/div>\n\n\n

      Step 4: Style the Form<\/h2>\n\n\n\n

      Open the Styler<\/strong> section of the widget to style the wrapper, the email field, its placeholder, the button and the button icon. Kata icons are SVG, so change their color from the SVG tab in Styler.<\/p>\n\n\n

      \n
      \"Styler<\/figure>\n<\/div>\n\n\n

      Step 5: Test the Form<\/h2>\n\n\n\n

      Open the page while logged out and subscribe with an email address you can check. The form opens Mailchimp in a new tab to confirm the signup. If your audience uses double opt-in, Mailchimp sends a confirmation email first, and the contact appears in your audience after you confirm it.<\/p>\n\n\n\n

      Troubleshooting<\/h2>\n\n\n\n
      • Nothing happens or Mailchimp shows an error:<\/strong> check that you pasted only the action<\/code> address, not the whole embed code.<\/li>
      • The signup goes to the wrong list:<\/strong> the address belongs to one audience. Create the embedded form again for the right audience and paste its address.<\/li>
      • The form still mentions FeedBurner:<\/strong> set Source URL<\/strong> to Mailchimp<\/strong> and update the page.<\/li><\/ul>\n\n","protected":false},"excerpt":{"rendered":"

        Kata’s Subscription Form widget adds an email signup form to any page you build with Elementor. When a visitor submits the form, the email address is sent to your Mailchimp audience, so you can send newsletters from Mailchimp. Before You Start: Use Mailchimp, Not FeedBurner The widget’s Source URL option lists two services: Feedburner and […]<\/p>\n","protected":false},"author":9,"featured_media":2488,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-2484","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-footer"],"_links":{"self":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/2484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/comments?post=2484"}],"version-history":[{"count":5,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/2484\/revisions"}],"predecessor-version":[{"id":4167,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/2484\/revisions\/4167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media\/2488"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media?parent=2484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/categories?post=2484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/tags?post=2484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}