web-dev-qa-db-ja.com

MailChimpの成功/エラーメッセージを変更する

これはどこにもありません。 MailChimpに詳しい人なら誰でも助言できますか？

フォーム/入力を埋め込み、エラー/成功メッセージが挿入されたいくつかの空の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>

空のdivにカスタムテキストを追加すると、フォームが送信されるときにカスタムテキストが上書きされるので、MailChimpからコンテンツがどこか/どこかで明らかに取得されます！

何か案は？

htmlformsmailchimpmailchimp-api-v3.0
6
user1406440

このリソースが見つかりました：
https://kb.mailchimp.com/lists/signup-forms/translate-the-mailchimp-embed-code

Mailchimpのクラシックフォームは成功メッセージとエラーメッセージを静的に生成するため、これは言語設定と関係があります。

私は次の手順に従ってフォーム用に自分で行いました：

  1. 使用しているリストに移動し、「Signup forms」を押すと、ウィンドウは次のようになります。次に、「フォームビルダー」を開きます

  1. 「フォームビルダー」が開いているとき。 ＃1「フォームと返信メール」を「確認ありがとうページ」に変更します。 ＃2タブを「翻訳」に変更します。 ＃3「デフォルト言語の設定」を「カスタム」に変更します。

  1. これで、「ご登録ありがとうございます！」を変更できるようになります。テキスト、エラーメッセージを変更するには、[フォームと応答メール]の選択を変更するだけです。

5
Tuxca

それを行うプログラム的な方法は、いくつかのJavaScriptを使用することです。

// select the target node
var target = document.getElementById('mce-success-response');

// create an observer instance
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (target.innerHTML === "Thank you for subscribing!") {
      target.innerHTML = "Check your email!";
    }
  });
});

// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true };

// pass in the target node, as well as the observer options
observer.observe(target, config);

こちら からコードを取得しました。

5
jaredwolff