電子メールを送信してMailChimpリストにサインアップするフォームに連絡する

私はMailChimpリストまでユーザーに署名する購読チェックボックスを含む連絡先フォームを作成しようとしています。私は、クラフトプラグイン
ContactForm を使用しており、この MailChimp
プラグインで、何とかAjaxを使って2つを統合しようとしましたが、私は主にフロントエンド開発者です。私はここにいる誰かが似たようなことをやっているか、簡単な方法で私のためにできるプラグインを知っていることを願っています。

ありがとう

編集:

私は何が起こっているかを説明するために私の現在のHTML/JavaScriptを含めました。私はもはやサーバーのエラーがない、私は両方のフォームの提出のステータス200を受け取りますが、電子メールは配信されず、何もメールのメールリストに入れられません。詳細情報が必要な場合はお知らせください:)

jQuery

$(function(){

var $contactForm = $('#contact_form'),
    $mailchimpForm = $('#mailchimp_form'),
    $cfFirstName = $('#fromName'),
    $cfLastName = $('#fromLastName'),
    $cfEmail = $('#fromEmail'),
    $mcFirstName = $('#mc_firstName'),
    $mcLastName = $('#mc_lastName'),
    $mcEmail = $('#mc_email'),
    $subscribe = $('#subscribe'),
    $ありがとう = $('#ありがとう'),
    url = '/';

// blur events are to populate the hidden mailchimp form values

$cfFirstName.on('blur', function(){
    var $this = $(this);
    $mcFirstName.val($this.val());
});

$cfLastName.on('blur', function(){
    var $this = $(this);
    $mcLastName.val($this.val());
});

$cfEmail.on('blur', function(){
    var $this = $(this);
    $mcEmail.val($this.val());
});

$contactForm.on('submit', function(e){

    e.preventDefault();

    var data = $(this).serialize();

    $.post(url, data, function(response) {
        if (response.success) {
            console.log('form success');
            if ($subscribe.is(':checked')) {
                $mailchimpForm.trigger('submit');
            }else{
                $('#ありがとう').fadeIn();
            };
        } else {
            console.log('form error');
        }
    });

});

$mailchimpForm.on('submit', function(e) {

    e.preventDefault();

    var data = $(this).serialize();

    $.post(url, data, function(response) {
        if (response.success) {
            console.log('mailchimp success');
        } else {
            console.log('mailchimp error');
        }
    });

})
})

HTML

<div class="column large-7 relative">
            {% macro errorList(errors) %}
                {% if errors %}
                    
    {% for error in errors %}

  • {{ error }}
  • {% endfor %}

                {% endif %}
            {% endmacro %}

            {% from _self import errorList %}
            <form id="contact_form" method="post" action="" accept-charset="UTF-8">
                {{ getCsrfInput() }}
                <input type="hidden" name="action" value="contactForm/sendMessage">
                <input type="hidden" name="redirect" value="contact/ありがとう">

                <!-- ContactForm -->
                

                <!-- MailChimp -->
                

                

                

                

                

                

                
                <button id="submit" type="submit" class="button button-green">Submit</button>
            </form>

            <form class="newsletter-form" id="mailchimp_form" action="" method="POST">
                {{ getCsrfInput() }}
                <input type="hidden" name="action" value="mailchimpSubscribe/list/subscribe">
                <!-- <input type="hidden" name="redirect" value="newsletter/receipt"> -->

                {% if mailchimpSubscribe is defined %}
                    {% if (not mailchimpSubscribe.success) and (mailchimpSubscribe.errorCode!='1000') %}
                        
An error occured. Please try again. {% endif %} {% endif %} <div class="field-line"> <input id="mc_firstName" type="text" name="mcvars[FNAME]" value="{% if (mailchimpSubscribe is defined) and (not mailchimpSubscribe.success) %}{{ mailchimpSubscribe.values.vars.FNAME }}{% endif %}"/> </div> <div class="field-line"> <input id="mc_lastName" type="text" name="mcvars[LNAME]" value="{% if (mailchimpSubscribe is defined) and (not mailchimpSubscribe.success) %}{{ mailchimpSubscribe.values.vars.LNAME }}{% endif %}"/> </div> <div class="field-line"> <input id="mc_email" type="text" name="email" value="{% if (mailchimpSubscribe is defined) and (not mailchimpSubscribe.success) %}{{ mailchimpSubscribe.values.email }}{% endif %}"/> </div> <input type="submit" name="" value="Subscribe"/> </form> <div id="ありがとう"> <div class="ありがとう">

ありがとう for your
enquiry!

                    
We'll get back to you shortly! </div> </div> </div>
ベストアンサー
申し訳ありませんが、適切な答えはありません

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です