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>
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
MykolaPetiukh
@MykolaPetiukh
Директор кафе
Проще всего заэмбэдить их форму себе на сайт: https://mailchimp.com/help/add-a-signup-form-to-yo...
Либо использать апи, но там еще самому бэк для формы писать надо
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы