I am trying to integrate MailChimp into a simple website with a single email form to get more information.
However, even after integration into the existing website form, it still does not transfer any information to the list that was configured in MailChimp.
Since integration into the existing form didn’t work, I decided to go back to the step and just check the vanilla code that MailChimp released, but even that didn’t work, so I did a search and found that this is a common problem with MailChimp as described on their web website:
QUOTE 'My form does nothing when someone clicks the Subscribe button.
After clicking the "Subscribe" button in the form of an embed code, if your subscribers do not see error messages or successful messages, are not redirected to the "Thank you for registering" page and do not receive your confirmation email, the form may not have been sent to our servers as expected. This usually happens when there are several forms that use JavaScript validation on the same page.
If you want to have more than one inline form on one page, you need to either disable JavaScript for the classic form, place your form in an iFrame on your website, or use one of the other inline code forms, such as Naked Form or Super Slim Form. These two forms do not use JavaScript in their code. END OF QUOTATION
The problem is that I already use Super Slim Form (that is, without JavaScript), and the page does not have any other forms that may be conflicting - therefore, the proposed MailChimp solution is not applicable.
And here is the vanilla code provided by MailChimp:
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } </style> <div id="mc_embed_signup"> <form action="//test.us9.list-manage.com/subscribe/post?u=7d8e5d2a8c2b79eb3827e261b&id=77e030126f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <label for="mce-EMAIL">Subscribe to our mailing list</label> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> <div style="position: absolute; left: -5000px;"><input type="text" name="b_7d8e5d2a8c2b79eb3827e261b_77e030126f" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div> </form> </div>
Can someone help me figure out why this seemingly simple setup doesn't work?