IT_Highlander
@IT_Highlander

Как отправить данные из формы MAILCHIMP?

Коллеги, появилась задача встроить форму подписки mailchimp на сайт. Достаточно простая форма, имя, мыло, после subscribe на почту приходит уведомление со ссылкой ну и дальше уже запускается цепочка в mailchimp.
Собственно в самом сервисе сделал форму без стилей, получил код, вставил и теперь вопрос, после нажатия на subscribe в любом случае перекидывает на страницу сервиса, как после успешного ввода так и в случае ошибки ввода.
Как отправлять данные без редиректов, а просто с обновлением страницы? Для ajax нужно понимать, что отправлять и куда вроде, кто в курсе - напишите как правильно.

<div id="mc_embed_signup">
    <form action="https://name.us11.list-manage.com/subscribe/post?u=78996e7545b87e681278c5fef&amp;id=2ec9cf3934" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <div id="mc_embed_signup_scroll">
        
    <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
    <div class="mc-field-group">
        <label for="mce-FNAME">First Name </label>
        <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
    </div>
    <div class="mc-field-group">
        <label for="mce-LNAME">Last Name </label>
        <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
    </div>
    <div class="mc-field-group">
        <label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
    </label>
        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    </div>
    <div class="mc-field-group size1of2">
        <label for="mce-PHONE">Phone Number  <span class="asterisk">*</span>
    </label>
        <input type="text" name="PHONE" class="required" value="" id="mce-PHONE">
    </div>
        <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>    <!-- 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;" aria-hidden="true"><input type="text" name="b_78996e7545b87e681278c5fef_2ec9cf3934" tabindex="-1" value=""></div>
        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
        </div>
    </form>
    </div>


Или киньте правильный линк, а то гугл как-то не особо помог, такое ощущение, что все просто вставляют форму и всё.

Вопрос снят, оказалось, что при определенных настройках из кода удаляется блок, с ним всё хорошо работает:

<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='MMERGE5';ftypes[5]='text';fnames[6]='MMERGE6';ftypes[6]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
  • Вопрос задан
  • 154 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы