何かお困りですか?よくある質問とその回答をまとめました。

サポートページ aero-right ポップアップ登録フォームの編集方法は?

ポップアップ登録フォームの編集方法は?

登録フォーム 更新日 9月 2, 2019

 

■ポップアップ登録フォームをサイト訪問者に一度だけ表示するように設定する方法

以下の手順で、ページ訪問者に初回のみポップアップを表示することが可能です。

*表示はブラウザのクッキー情報をもとに表示を行います。そのため同じユーザーでもクッキー情報を削除した場合再度表示されます。

  1.  ポップアップフォームを作成
  2.  ステップ2の「デザイン画面」を選択
  3.  「標準設定」をクリック
  4.  「表示」>「ページ訪問者に対し初回のみポップアップを表示する」を選択

 

HTMLコードを編集する場合:

  1.  ポップアップ登録フォームのRawHTMLをコピー&ペースト
  2.  出力されるHTMLコードから次のコードを検索し、コードの追加行を赤でマークします。削除または変更はせず、コードの追加のみを行ってください。 A、B、C、Dのコードを適用すると、ユーザーがフォームに登録または閉じた場合フォームが再表示されることはなくなります。ユーザーが登録するまでフォームが表示される様に設定する場合は、コードAとDのみを利用してください。

A) document.getElementById(‘formbox_screen_subscribe’).style.display = ‘none’; verticalCenter(successScreen); localStorage.setItem(“bmePopupFormViewed”, “true”);

B) signupFormVeil.addEventListener(“click”, function() { signupFormContainer.style.display = ‘none’; localStorage.setItem(“bmePopupFormViewed”, “true”); });

C) signupFormCloseButton.addEventListener(“click”, function() { signupFormContainer.style.display = ‘none’; localStorage.setItem(“bmePopupFormViewed”, “true”); });

D) var bmePopupFormViewed = localStorage.getItem(“bmePopupFormViewed”); if (bmePopupFormViewed != “true”) { setTimeout(function() { verticalCenter(signupFormContainer); }, 3 * 1000);

 

■CSSを使ってポップアップ登録フォームを編集する方法
  • “#formbox_screen_subscribe”は登録フォーム画面のcontainer IDです。
  • “#formbox_screen_success”は登録完了画面のcontainer IDです。
  • “#closebtn”は登録フォームの閉じるボタンのIDです。
  • “#btnSubmit” は登録ボタンのIDです。

*既存のフォームスタイリングを無効とするため”!important” というCSSコードの追加を推奨します。

 

■ポップアップ登録フォームの表示時間を変更する方法

ポップアップフォームは、訪問者がウェブサイトやフォームが設置されたページを訪れた時、少し遅れて表示されるように時間の指定ができます。登録フォームを作成する際に設定が可能です。以下の指示に従って、ポップアップ登録フォームへの遅延を適用してください。

1. Benchmark アカウントへログイン
2. ダッシュボードメニューから「コンタクトリスト」>「登録フォーム」をクリック

3. 「登録フォーム作成」ボタンをクリックし「ポップアップフォーム」を選択した状態で「次へ」をクリック

4. 登録フォーム名、保存先リストを選択し「保存&次へ」をクリック

5. 画面左上の「標準設定」をクリックし、「ボックス設定」メニューをクリック

6. 一番下の「配信時間」から適当な設定時間を選択。最大で60秒間、表示までに時間をかけることができます。

 

■ポップアップ登録フォームの幅を変更する方法
1. コンタクトにカーソルを合わせ、「登録フォーム」を選択
2. ステップ2デザインで、画面右側の「標準設定」をクリック
3. 「ボックス設定」をクリック
4. 「横幅」の数字を変更し横幅を調整

*ポップアップ登録フォームにおいては、Googleタグマネージャー(GTM)内に埋め込むことが可能です。ポップアップ登録フォームのHTML出力コードをコードについてはJavaScriptにて書き出した上、”https://lb.benchmarkemail.com “より始まるJavaScriptリンクをGoogleタグマネージャーに追加することにより、稼働が可能となります。

ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。

 

>>「登録フォーム」のまとめページに戻る

FAQの情報は役に立ちましたか?
0 2

Benchmarkから業界トレンド&最新情報をお届けします

ご登録頂きありがとうございます!

登録を完了させるには、認証メールのご確認をお願いします。

質問の回答が見つかりませんか?

サポートへお問い合わせ'

お問い合わせ履歴を閲覧する