Не могу подключить свой список Mailchimp к моей целевой странице

У меня действительно было много проблем здесь... У меня есть целевая страница HTML, и на странице есть несколько форм. Одна из этих форм собирает электронные письма пользователей. Я хочу отправить эти электронные письма в свой список Mailchimp, но у меня самые тяжелые времена.

Я создал форму через mailchimp и встроил ее на свою страницу. Я сделал несколько незначительных модификаций стиля, но оставил информацию, которая, по словам mailchimp, мне была нужна.

Моя проблема в том, что каждый раз, когда я отправляю адрес электронной почты через форму, мой список на mailchimp не обновляется. Это означает, что я не думаю, что что-то «проходит» здесь, в конце моей целевой HTML-страницы. Я сделал что-то неправильно?

Вот мой код формы:

<div id="mc_embed_signup">
    <form action="http://inspireconversation.us7.list-manage.com/subscribe/post?u=ee86d645c5e94d2c51a62c797&amp;id=07c5091ff0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <div id="mc-email-field">
            <input type="email" value="Enter your email address" name="EMAIL" class="required email" id="mce-EMAIL">
        </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;">
            <input type="text" name="b_ee86d645c5e94d2c51a62c797_07c5091ff0" value="">
        </div>
        <div class="clear">
            <input type="submit" value="Send" name="subscribe" id="mc-embedded-subscribe" class="send">
        </div>
    </form>
</div>

Я добавил это в таблицу стилей:

#mc-email-field { text-align: center; width: 80%; margin: 0 auto; }
#mc_embed_signup { font: 14px Helvetica, Arial, sans-serif; width: 509px;}

вот URL целевой страницы: http://contest.realfamilytrips.com (этот конкурс еще не активен, благодарю вас :)

Другая проблема заключается в том, что я не могу заставить область ввода поля достигать 509 пикселей, но на данный момент это незначительная проблема. Меня больше всего беспокоит подключение этой формы к моему списку mailchimp.

Спасибо всем за вашу помощь. Очень признателен.


forms html css mailchimp
person user252415    schedule 29.12.2013    source источник
comment
Код здесь выглядит нормально на первый взгляд. Но для решения этой проблемы необходимы дополнительные подробности. После того, как вы введете свой адрес электронной почты и нажмете «Отправить», вы будете перенаправлены на страницу благодарности? Вы получаете письмо с подтверждением? Кроме того, я заметил, что новые подписчики не сразу отображаются в MailChimp при тестировании (выход из системы и вход в систему заставляют их отображаться).   -  person ryanman    schedule 31.12.2013
comment
Райанман, я использую супертонкую форму. Не уверен, что должна быть страница благодарности. Если есть, нет, мы его не получаем. Я бы все равно хотел отключить его, так как это будет мешать трехэтапному процессу, который у нас есть (ответить на вопрос, отправить электронное письмо, перейти на веб-сайт, чтобы отправить маршрут). Я знаю, что мы не получаем писем с подтверждением, так как никто не добавляется в список. Отправленная электронная почта никуда не уходит (или, по сути, не отправляется). Спасибо, что помогли мне разобраться в этом. Любые дальнейшие мысли?   -  person user252415    schedule 31.12.2013

Ответы (1)


arrow_upward
0
arrow_downward

Я изучил связанную целевую страницу, и похоже, что вы запрещаете отправку формы mailchimp с помощью этого кода в functions.js:

$(document).on('submit', 'form', function (e) {
    // Check email address
    // if email address ok
        $('.step-2').hide();
        $('.step-3').fadeIn(800);
        e.preventDefault();
    // else 
        // alert
        // e.preventDefault();
    // end if
});

Вызов e.preventDefault() означает, что вы обрабатываете событие. Тем не менее, вы не отправляете форму. Итак, форма не отправляется в mailchimp.

Я вижу, что вы пытаетесь здесь сделать, а именно подписаться на кого-то без обычного потока mailchimp (нажмите «Подписаться», перенаправьте на страницу благодарности и т. д.). Этот ответ показывает, как это сделать. После вашего вызова e.preventDefault() вы должны вызвать вызов ajax, как это делает ответ в своей функции «регистрация». Я не знаю, поддерживается ли это официально mailchimp, но я только что протестировал его, и он работает.

Я думаю, что поддерживаемый маршрут обычно заключается в использовании API mailchimp из вашего серверного кода. API должен называться на стороне сервера, потому что он использует ваш API-ключ mailchimp, который вы хотите сохранить в тайне.

person ryanman    schedule 31.12.2013
comment
Большое спасибо, Райанман. Думаю, я понял. Использование API выглядит немного натянутым для того, на что я способен. Вы предлагаете сохранить данные формы электронной почты в виде файла .txt в моем каталоге, а затем периодически импортировать его в mailchimp? Можно ли это сделать с моими текущими настройками и потоком? Если да, то не могли бы вы дать мне несколько советов, как это сделать? (Я знаю, что это связано с .php-скриптом). Я очень ценю помощь, которую вы мне оказали. Спасибо. - person user252415; 31.12.2013
comment
Я обновил свой ответ, чтобы сослаться на этот ответ, который показывает, как подписаться на кого-то без использования кода на стороне сервера. - person ryanman; 02.01.2014