Estou tentando integrar o MailChimp em um site simples com um formulário para enviar um email para obter mais informações.

No entanto, mesmo após a integração no formulário do site existente, ele ainda não envia nenhuma informação para a Lista que foi configurada no sistema MailChimp.

Como a integração no formulário existente não funcionou, decidi voltar um passo e simplesmente testar o código vanilla produzido pelo MailChimp - mas mesmo isso não funcionará, fiz uma pesquisa e descobri que esse é um problema comum com o MailChimp. MailChimp como descrito em seu site:

CITAÇÃO 'Meu formulário não está fazendo nada depois que alguém clica no botão "Inscrever-se".

Depois de clicar no botão Inscrever-se no formulário de código de incorporação, se seus assinantes não virem mensagens de erro ou êxito, não serão redirecionados para sua Página de agradecimento por inscrição e não receberem seu e-mail de confirmação de inscrição, o formulário poderá não enviamos para nossos servidores conforme o esperado. Isso geralmente ocorre quando há vários formulários que utilizam a validação do JavaScript em uma única página.

Se você deseja ter mais de um formulário incorporado em uma única página, será necessário desativar o JavaScript para o Formulário Clássico, colocar seu formulário em um iFrame no seu site ou utilizar um dos outros formulários de código incorporados, como Naked Form ou Super Slim Form. Esses dois formulários não utilizam JavaScript no código. ' FIM DE ORÇAMENTO

O problema é que eu já estou usando o Super Slim Form (ou seja, sem JavaScript) e não há outros formulários na página que possam entrar em conflito - portanto, a solução MailChimp oferecida não é aplicável.

E aqui está o código de baunilha fornecido pelo MailChimp:

<!-- Begin MailChimp Signup Form -->
<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; }
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">

<form action="//test.us9.list-manage.com/subscribe/post?u=7d8e5d2a8c2b79eb3827e261b&amp;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>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <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>

<!--End mc_embed_signup-->

Alguém pode me ajudar a entender por que essa configuração aparentemente simples não está funcionando?