サポートページ aero-right 登録フォーム

WordPressブログにBenchmark Emailの登録フォームを掲載する方法

Benchmark Emailの登録フォームをWordpressブログやホームページに設置することで簡単により多くのブログ購読者を獲得できます。 注意:WordPressのプランによっては登録フォームのHTML、またはJavaスクリプトコードの貼り付けができない場合がございます。 登録フォームの設置方法は以下の4通りあります。 Benchmark Email Lite プラグイン 最新版のプラグインをインストールし、ウェジェットオプションでウェブサイトに追加します。プラグインのインストールおよび使用方法については以下のブログ記事およびFAQをご覧ください。 ブログ記事:WordPressプラグインでメルマガ配信する方法を図解してみた FAQ:WordPressとBenchmark Emailを連携する方法は? なお、すでにプラグインをご利用で登録フォームがうまく作動しないと言う場合には、以下の3点をご確認ください。 ダウンロードしたプラグインを有効化(Active)にしていますか? プラグインの最新バージョンを利用していますか? 入力しているAPIキーは最新のものですか? wordpress.comの利用 Benchmark Emailの登録フォームをWordPressのウェブサイトに設置するには、CSS(ウェジェット)、またはプラグインにアクセスする必要があります。このオプションの利用可否についてはwordpress.comのプランをご確認ください。 WordPressのテキストウィジェット ウェブサイトのCSSを編集することなく、登録フォームを追加することができます。登録フォームのコードをウィジェットに貼り付けるだけで記事内に登録フォームを掲載することができます。詳しい手順はこちら 登録フォームのリンク CSSの編集やプラグインにアクセスできない場合は、投稿に直接、登録フォームのリンクを挿入することが可能です。詳しくは以下のFAQをご確認くださいませ。(こちらの方法では、既に作成された埋込型フォーム(多項目)・埋込型フォームが対象となります。) FAQ:登録フォームの作り方は? 重要:無料アカウントご利用のお客様は1日に75件まで、有料アカウントのお客様は無制限に登録可能です。 以下、WordPressのテキストウェジェットを使ってBenchmark Emailで作成した登録フォームを設置する方法です。 1. Benchmarkアカウントにログイン 2. ダッシュボードメニューから「コンタクトリスト」をクリックし、「登録フォーム」を選択 3.、追加したい登録フォームの右にあるオプションメニュー「・・・」の「コード参照」をクリック 4. ドロップダウンメニューからフォームのコードを選択します。記事内に設置したい場合は「 トラッキング付きJavaScript」を選択し、記事内ではなくサイドバーや記事の下に常に設置したい場合は、フォームのコードを「 Raw HTMLコード」にて出力してください。 5. 右下の「コピー」ボタンで登録フォームコードをコピー こちらのコードが、登録フォームへのハイパーリンクを掲載することが出来る基本のコードとなります。 コードをコピーした後、WordPressのホームページにアクセスします。 1. WordPressの管理画面の左メニューから外観(Appearance)にマウスを合わせ、Widgets(ウィジェット)をクリックします。注意:WordPress.comをお使いの方は、デザインのカスタマイズオプションからご利用可能なウィジェットを選択 2. ウィジェット画面で、下までスクロールしてText(テキスト)を選択 3. 登録フォームの表示場所を選択します。(「Sidebar/サイドバー」もしくは「footer/記事下」)注意:WordPressのテーマによっては登録フォームを設置できる場所が限られていたり、設定が反映されない場合もあります。 4. 「Add Widget(ウィジェットを追加)」ボタンをクリック 5. VisualタブとTextタブが表示されますので、Textタブをクリックします。 6. ここにコピーしたコードを貼り付けます。 7. 「保存」をクリックして完了です。 これで、ウェブサイトに登録フォームが掲載されるようになります。 注意:お使いのブラウザでポップアップがブロックされている場合は、ポップアップ登録フォームが表示されない可能性があります。 登録フォームの設置が上手くいかない場合は、以下のトラブルシューティングのブログ記事をご参照ください。 ブログ記事:登録フォームの悩みを解決!基本機能からトラブルシューティング・応用的な活用例まで一挙解説 Wordpress.comアカウントに関するご質問はWordpressサポートまでお問い合わせください。 Benchmark Emailアカウントに関するご質問はこちらよりサポートへご連絡ください。     >>「登録フォーム」のまとめページに戻る

登録フォーム 連携機能 2月 25, 2021

登録フォームの作り方は?

登録フォームは、ウェブサイトやブログ、ソーシャルメディアプラットフォームで購読者を効果的に獲得できる方法です。ここでは、登録フォームの種類や作成方法などをご説明します。 目次 登録フォームのタイプ 登録フォームの作成方法 スライド資料(PDF) 登録フォームのURLを取得する方法 WordPressプラグインで登録フォームを設置   登録フォームのタイプ ・埋込型フォーム(多項目):従来の埋込型フォームより自由なカスタマイズが可能 ・ポップアップフォーム:ページ閲覧中に表示させるポップアップ登録フォームの作成、カスタマイズ ・埋込型フォーム:フッターやサイドバーに埋め込めるシンプルな登録フォーム ・連携フォーム:プラグインを利用した登録フォーム 登録フォームの作成方法 1. 左のダッシュボードメニューより「コンタクトリスト」>「登録フォーム」を選択 2. ページ右側の「登録フォームの作成」をクリック 3. 登録フォームのタイプを選択し「次へ」をクリック 4. 登録フォームの作成・編集 ・登録フォームの各セクションにカーソルを合わせると、左側に緑色の「︙」が表示されますのでクリックします。フォーム項目の追加やデザインの変更などカスタマイズが可能です。 ・「登録ステップの設定」をクリックすると、オプトイン設定や登録確認メールの編集が可能です。詳しくはFAQをご覧ください。 FAQ:オプトイン完了 / オプトイン未完了とは何のことですか? ・「登録ステップの設定」の下に灰色で表示された「標準設定」ボタンをクリックすると、以下の項目の編集が可能になります。 幅変更:バーを右にスライドし、登録フォームの横幅を変更することができます。 背景色:クリックするとカラーパレットが表示されますのでお好きな色を選択します。また、CSSカラー(HEX値)を直接入力することも可能です。 ボーダー:pxの数字が大きいほど、外枠の幅は大きくなります。色の変更も可能です。0のままですと、外枠は無い状態です。 コーナー半径:登録フォームの四隅を丸くすることができます。pxの数字が大きいほど角は丸くなります。(以下の例:20px) reCAPTCHA:右にスライドすると、reCAPTCHAがオン(青色)に、灰色はオフの状態です。 Benchmarkリンク:リンクを登録フォームの下に表示することができます。スライドバーで切り替えが可能です。 デザイン例:フォントの色やサイズから登録ボタンの大きさまで簡単にカスタマイズできます。画像の挿入も可能です。 5. 編集完了後、「保存&出力」をクリック>フォーム出力画面が表示されるので、「次へ」をクリック 6. 登録フォームコードがポップアップで表示されるので、ドロップダウンでコードタイプを選択 7. 「コピー」をクリックして、ウェブサイトに掲載 各種登録フォームの作成方法の詳細は、以下のスライド資料(PDF)をご覧ください。 スライド資料(PDF):登録フォームの作成 注意点: ・無料アカウントご利用のお客様は1日に75件まで、有料アカウントのお客様は無制限に登録可能です。 ・ご契約プラン数を超えたフォームへの登録は、リスト内には保存されません。 ・旧インターフェースをお使いのお客様は、埋込型フォーム(多項目)はご利用になれません。 ・新インターフェースでは、「クラシックフォーム」は「埋込型フォーム(多項目)」に変更されました。クラシックフォームの全機能は「埋込型フォーム(多項目)」でご利用できます。 ・オプトインアラートを設定すると、登録のあったフォーム名がお知らせメールの件名に表示されます。 ・登録フォームからメールアドレスが追加されることによって、ご契約のリストプラン数を超過する可能性がある場合は、必ず事前にアップグレードをお願いします <登録フォーム設置後に、デザインや設定を変更した場合について> Javascriptコード(トラッキング付きも含む):自動的にウェブサイトの登録フォームに反映されますので、コードを更新する必要はありません。 HTMLコード(トラッキング付きも含む):自動的にウェブサイトの登録フォームには反映されません。変更後、再度登録フォームを保存し公開する必要があります。新しいHTMLコードをコピーし、ウェブサイトへ貼り付けを行なってください。この作業は、コードを変更・更新毎に行う必要があります。 登録フォームページのURLを取得する方法 「埋込型フォーム(多項目)」形式で作成したフォームは、独自ページとしてBenchmark Emailサーバー上に作成されます。 URLは下記の方法で取得することができます。 1. 埋込型フォーム(多項目)を作成 2. 「STEP2 デザイン」段階へ進む 3. 「公開用URL」をクリック 4. 「公開用URL」ウインドウ内の登録フォームURLをコピー *2018年9月より、中国本土で多数のGoogle関連サービスに制限がかかっており、一部地域にてreCaptcha機能がご利用頂けませんのでご注意ください。 WordPressプラグインで登録フォームを設置 WordPressで制作されたサイトをお持ちの場合は、WordPressプラグイン「Benchmark Email Lite」でサイトのデザインに合わせた登録フォームを簡単に作成・設置することができます。 詳細は以下のブログをご参照ください。 ブログ記事: WordPressプラグインでメルマガ配信する方法を図解してみた なお、登録フォームのデザインについての記事は以下をご覧ください。 ブログ記事:メルマガ登録フォームはWebサイトのデザインを壊さずに目立つのが大事   ご不明な点がございましたらこちらよりサポートチームにお問い合わせください。     >>「登録フォーム」のまとめページに戻る

登録フォーム 6月 1, 2021

登録フォームのシングルオプトイン機能とは?

リストの質を考えるのであればダブルオプトインを利用するのがお勧めですが、Benchmark Emailではシングルオプトインのオプションもご用意しています。ダブルオプトイン形式では登録フォームからの登録者へオプトインメールを配信し、メール内のリンクをクリックしてもらうことで初めて配信リストへの登録が完了しますが、シングルオプトイン形式では登録フォームに入力するだけでリストへの登録が完了となります。 登録の流れがとてもシンプルになるのがシングルオプトインの利点ですが、特にモバイルデバイスを利用して登録フォームへ入力する人には便利なオプションです。 ただ欠点もあるのが現状ですので、以下のポイントを考慮した上でご利用下さいますようお願い致します。 利点 シンプルな登録プロセス:2段階のステップを踏む必要がないので、シンプルでスピーディーな登録が可能です。 懸念点 無効アドレスの増加:オプトインメールでの認証プロセスを省くため、登録フォームに入力されたメールアドレスがそのまま登録されます。入力間違いやボットからのスパム登録がそのままリストに反映されてしまいます。 配信評価の低下:シングルオプトインで無効アドレスが増えると、当然メール配信の際のエラー率も高くなります。エラー率の高い配信はサーバー・ドメイン評価を下げる要因となります。 長期的にコストが高くなる:有効か無効かに関わらずリストへメールアドレスが登録されていくため、アドレス件数の増加に伴いBenchmark Emailアカウントのアップグレードが必要になってきます。また配信評価が下がることによりメールが届かなくなり、最終的に売り上げが伸び悩む可能性もあります。 シングルオプトイン形式にはリスクが伴う点をご理解の上、ご利用下さいますようお願い致します。またボットからのスパム登録を防ぐためreCAPTCHA機能を併用することをお勧めします。 またシングルオプトイン形式をご利用される前に、お住いの地域でダブルオプトインが義務化されていないかご確認ください。国や地域によってはメールアドレスなどの個人情報の収集におけるシングルオプトインの利用を制限している場合があります。 シングルオプトインの設定は以下をご確認ください。 ダッシュボートの「コンタクトリスト」を選択し、「登録フォーム」をクリックします。 新規作成の場合は「登録フォーム作成」をクリック、あるいは既存の登録フォーム名をクリックします。 ステップ2「デザイン」ページにて「登録ステップの設定」をクリックします。     「登録ステップの設定」にてドロップダウンメニューの「シングルオプトイン(1段階認証・「標準設定」でreCAPTCHA機能をONにしてください)」を選択します。     次にドロップダウンメニューで「ウェルカムメール送信」もしくは「ウェルカムメール無し」を選択します。   ウェルカムメール ウェルカムメールは登録フォームで「登録」ボタンをクリックすると自動で配信されるメールです。送信元やメール内容など以下の項目は自由にカスタマイズが可能となっています。 差出人名 送信元メールアドレス 件名 ウェルカムメッセージ(メール本文) クロージング/署名 ウェルカムメールのテストメール送信も可能です。 「ウェルカムメール無し」を選択した場合、アラート通知設定を行って次のステップに進んでください。 アラート通知 オプトインアラート(何件の登録があったか、通知を受け取る)の頻度を設定します。通知はBenchmark Emailアカウントの登録メールアドレスへ送られ、以下の頻度から選択可能です。 連絡無し すぐに 毎日 毎週 毎月 設定を確認したら、「保存」をクリックします。 注意点 登録フォームはそれぞれオプトイン設定が必要となります。そのため一つの登録フォームでシングルオプトイン設定をしても、その他の登録フォームにはその設定は反映されません。 ダブルオプトインポップアップフォーム reCAPTCHAオプションがONの場合、登録者はサンキューページへ遷移されます。 シングルオプトインポップアップフォーム reCAPTCHAオプションがONの場合、登録者はウェルカムページへ遷移されます。 ご不明点がありましたらサポートまでご連絡ください。   >>「登録フォーム」のまとめページに戻る

登録フォーム 11月 17, 2020

EU一般データ保護規則(GDPR)に準拠した登録フォームにチェックボックスを追加することはできますか?

Benchmark Emailの登録フォームを使用して、EU一般データ保護規則(GDPR)に準拠した登録フォームにチェックボックスを追加することができます。購読者は提供するデータが機密事項として扱われ、EU一般データ保護規則(GDPR)に準拠にしていることとして信頼することができます。これにより、購読者と良好な評判を保ち、結果的にコンタクトリストの拡大に繋がります。 GDPR準拠フォームに必要なもの: 自社ウェブサイトのプライバシーポリシーページのURL カスタムのフィールド項目を設定したリスト(プライバシーポリシーへの同意項目) 上記リストに繋がった登録フォーム(同意のためのチェックボックス設定が必要) EU一般データ保護規則(GDPR)に準拠した登録フォームにチェックボックスを追加するには、まず初めにコンタクトリストを作成するか、既存のリストから選択し、カスタム項目を追加する必要があります。 プライバシーポリシーの項目(カスタム項目)を追加する方法 1. Benchmark Emailダッシュボードメニューからコンタクトリストをクリックします。 2. リストを作成するか、既存のリストを選択します。 3. 「編集」をクリックします。 4. フィールド項目の設定で、スライダーを右にスクロールし、「その他4」を選択して、フィールド項目名に「プライバシーポリシー」と入力します。 5. フィールドタイプを「True/False」に変更します。 6. 「保存」をクリックします。 ポップアップフォームでチェックボックス付きのGDPRに準拠した登録フォームを作成する方法 EU一般データ保護規則(GDPR)に準拠した登録フォームをポップアップフォーム(チェックボックス付)を使って作るには以下の手順に従ってください。 まず、ポップアップフォームの項目にプライバシーポリシーを追加します。 1. ダッシュボードメニューから、コンタクトリストを選択します。 2. 登録フォームを選択し、「登録フォーム作成」ボタンをクリックします。 3. ポップアップフォームタイプを選択し、「次へ」をクリックします。 4. ステップ1 詳細の入力をします。EU一般データ保護規則(GDPR)用に修正したリストを選択します。選択後、「保存&次へ」をクリックします。 5. ステップ2 デザインで詳細オプションアイコン(緑色の「︙」)をクリックします。 6. 項目追加を選択します。 7. 下までスクロールし、プライバシーポリシーオプションを選択します。ご注意:事前にリストへカスタム項目としてプライバシーポリシーを追加する必要がございます。そうでないとこのオプションは表示されません。 8. グレーエリアをクリックして、項目ポップアップを終了します。 次に、追加したプライバシーポリシーの項目にチェックボックスを追加します。 1. 先ほどフォームに追加したプライバシーポリシー項目をクリックします。 2. フォーム項目よりプライバシーポリシーをクリックします。 3. 種類のドロップダウンメニューよりチェック(複数選択可)を選択します。 4.その下に表示された必須項目にチェックを入れて完了です。 5. テキストやリンクを追加したい場合は登録フォームにテキストを追加する項目にHTMLコードを入力してください。 例として、チェックボックスの右に「プライバシーポリシーを確認し、同意します。」というテキストと、自身のサイトのプライバシーポリシーのリンクを入れてみます。 プライバシーポリシーの回答フィールドに、以下のコードを追加します。 <a target="blank" href="https://www.benchmarkemail.com">プライバシーポリシーを確認し、同意します。</a> *上記のURL https://www.benchmarkemail.com を自身のプライバシーポリシーのページのURLに変更します。 *上記の黄色いハイライト部分が実際にサイト訪問者に表示される箇所です。 6. グレーエリアをクリックして、このポップアップフォームの作成を終了します。 緑のプラスサインをクリックすることで、画像やテキスト、Spacer(区切り線のこと)を追加できます。 なお、追加項目を削除したい場合は、緑のゴミ箱サインをクリックしてください。 クラシックフォームでチェックボックス付きのGDPRに準拠した登録フォームを作成する方法 チェックボックス付きのEU一般データ保護規則(GDPR)に準拠した登録フォームをクラシックフォームで作成するには、以下のステップに従ってください: 1. Benchmark Emailダッシュボードメニューよりコンタクトリストを選択し、「登録フォーム」をクリックします。 2. 「登録フォーム作成」ボタンをクリックします。 3. クラシックフォームタイプを選択し、「次へ」をクリックします。 4. ステップ1 詳細の入力を完了します。 5. ステップ2 デザインで、弊社のスタンダードフィールド項目のリストから選択、またはお好みのレイアウトを作成します。 6. 「新しい項目の追加」ボタンをクリックします。 注意:ここで以前コンタクトリストに追加した追加項目を追加します。 7. 矢印をクリックし、オプションをフィルターし、スクロールダウンしてプライバシーポリシーオプションを選択します。 8. 種類をチェックに変更します。 9. 次に、必須項目にチェックを入れます。 10. テキストを追加し、リンクを追加したい場合は登録フォームにテキストを追加する項目にHTMLコードを入力してください。(複数のテキストを追加したい場合はプラスサインを、削除したい場合はマイナスサインをクリックしてください。) 11. フォームの編集を完了後、「保存&次へ」をクリックしてください。   注意:最初にコンタクトリストを作成するか、カスタム項目を追加した既存のリストを選択する必要があります。設定方法に関するステップはこのFAQの最初に記載してあります。 チェックボックスを追加して、EU一般データ保護規則(GDPR)に準拠した登録フォームを作成する方法に関する詳細動画は以下のURLをクリックしてください。 詳細動画(英語版):EU一般データ保護規則(GDPR)に準拠した登録フォームの作成方法 重要: このオプションは埋込型(多項目)とポップアップフォームタイプのみ対応しています。クラシックフォームも以前作成したものがあればご利用いただけます。 ご希望に応じて、フィールド項目名を変更することも可能です。 必須項目は、購読者がフォームを送信する際にこれらの項目を記入する必要があります。 フォームにリンクを追加したい場合は、手順に従ってHTMLコードをコピーしてください。 「プライバシーポリシー」フィールド フィールド名は変更できますが、リストと登録フォームで一致させるため、フィールド名をそのままにしておくことをお勧めします。 タイプを「チェック」に変更、「必須項目」にチェックし、「回答」には、次のコードを追加してください。 (私は以下の <a target="blank"href="https://www.benchmarkemail.jp"> プライバシーポリシー </a> を読み、同意します。) 必要に応じて、HTMLの部分は変えずにテキストおよびURLを修正してください。 ご不明な点がございましたら、お気軽にサポートまでお問い合わせください。     >>「登録フォーム」のまとめページに戻る

登録フォーム 4月 27, 2021

登録フォームでreCAPTCHAを使用するには?

Googleが無料で提供するreCAPTCHA(Completely Automated Public Turing test to tell Computers and Humans Apartの略)はスパムや悪質なユーザーからサイトを守り、ロボットと人間の区別をする上で必要不可欠なツールです。Benchmark Emailの登録フォームでこの便利な機能をお使い頂けます。ボットや悪質ユーザーからの登録を防ぐのにご利用ください。 注)2018年9月より、多数のGoogleサービスが中国本土でブロックされています。そのため中国の一部ではreCAPTCHAが正常に機能しない場合があります。詳細は以下のサイトをご覧ください。 外部サイト:中国のネット閲覧   reCAPTCHA機能は埋込型、埋込型(多項目)、ポップアップフォームにてご利用可能です。以下のステップに従って設定を行ってください。 Benchmark Emailアカウントへログイン 「コンタクトリスト」から「登録フォーム」をクリック 「登録フォーム作成」ボタンをクリック 作成したいフォームタイプを選択し「次へ」をクリック ステップ1の「詳細」を入力し「保存&次へ」をクリック ステップ2の「デザイン」ページにて「標準設定」をクリック reCAPTCHA設定でグレーから青にバーをスライド   reCAPTCHAがONになっていると以下のように表示されます:     注意点: ポップアップフォームでreCAPTCHAをOFFにした場合、登録ステップの設定内の[ページ設定]オプションが表示されなくなります。 reCAPTCHAをONにした場合、登録フォームの「送信」ボタンを押すとreCAPTCHAページに移動します。完了後はシングルオプトインの場合はサンキューページが表示され、ダブルオプトインの場合はユーザーが登録確認メールを受信し認証リンクをクリックした時点で、認証完了メッセージが表示されます。 reCAPTCHAオプションは登録フォーム毎に設定を行なってください。 Facebookアプリでは、reCAPTCHA付きの登録フォームは正常に表示されない可能性があります。FacebookキャンペーンやFacebookページを介してWebページにユーザーを誘導する場合は、登録フォームでのreCAPTCHAのご使用は避けてください。 登録フォームの作成方法については、以下のFAQをご覧ください。 FAQ:登録フォームの作り方は? ご不明点がありましたらサポートまでご連絡ください。   >>「登録フォーム」のまとめページに戻る

登録フォーム 1月 15, 2021

登録フォームが上手く作動しません。何が問題なのですか?

JavaScriptを利用している場合、貼り付け先ページのJavaScriptと相容れずエラーが出る場合があります。 このような場合、Raw HTMLコードを出力し貼り付けをお試しください。   関連ブログ:登録フォームの悩みを解決!基本機能からトラブルシューティング・応用的な活用例まで一挙解説 Wordpressへの登録フォーム設置については、以下の記事をご参照ください。 関連ブログ:WordPressプラグインでメール配信する方法を図解してみた ※以下はHTMLコードのカスタマイズ経験のある方が対象となります。 Benchmark Emailでは、サイトに挿入できる登録フォームを簡単に作成するツールを提供しています。しかしサイト環境はサイトによって異なるため、Benchmark Emailで作成した登録フォームのコードとサイトコードがコンフリクトを起こし上手くいかないことがあります。通常は登録後、購読者はサンキューページへ移動し登録ボタンを押すと確認メールが配信されるようになっています。万が一登録途中でエラーが発生した場合にも、メールでエラー発生のお知らせが届くようになっています。 しかし、まれにサンキューページに移動しなかったり、登録完了メールが届かないことがあります。この場合、登録フォームからBenchmark Emailのサーバーへ登録情報を送信出来ていないことになります。 同じページに複数の登録フォームを挿入したり、Javaスクリプトが妨げとなっていることが原因として考えられます。 そのためBenchmark Emailでは1つのページに対し、登録フォームを1つのみ設置していただくことを推奨しております。 ASP.NET.とは登録フォームコードは上手く作動しません サイトのサーバーがASP.NET.である場合、別の手段をお試し頂く必要があります。 ASP.NET.ページでは独自のフォームが存在するため、Benchmark Email登録フォームのコードを直接挿入することが出来ません。 テクニカル知識に合わせて、以下のオプションから対処法をご選択頂けます: 1. Benchmark Email登録フォームへのリンクをつける - ボタンをクリックすると登録フォームがポップアップとして表示されるようにする - テキストリンクから登録フォームがポップアップとして表示されるようにする 2. .netコードビハインドでフォームを挿入する (ある程度プログラミングの知識が必要) コードビハインドから直接Benchmark Emailサーバーに載せる場合には 以下のリンクを参考にしてください。 http://stackoverflow.com/questions/11394229/net-post-form-in-code-behind(外部リンク:英語) 3. Benchmark EmailのAPIを.netコードビハインドに使用する (ある程度プログラミングの知識が必要) Benchmark Email のAPI (Application Programming Interface) はASP.NET.に使えるよう再プログラミングが可能です。こちらのリンクをご参照ください。 http://www.benchmarkemail.com/API/Doc/listAddContactsOptin(Benchmarkサイト内:英語版記事)https://apidocs.benchmarkemail.com/#/download-wrappers(Benchmarkサイト内:英語版API関連ダウンロードファイル一覧)   >>「登録フォーム」のまとめページに戻る

登録フォーム 5月 11, 2021

登録フォーム(クラシックスタイル)のサイズ変更はできますか?

登録フォーム(クラシックスタイル)のサイズ変更はできますか? はい。可能です。 初期の設定では登録フォームは幅220ピクセルで作成されるように設定されております。登録フォームの幅の変更をするには、下記の方法で行います。 1. コンタクトにカーソルを合わせ、「登録フォーム」を選択します。 2. 登録フォームのリストページより、画面右側の「コード参照」のリンクをクリックします。 3. 登録フォームのポップアップが現れますので、「Raw HTML」をクリックし、コードをコピーします。 4. コピーしたコードを一旦、テキストファイル、またはワードファイルなどに貼付けます。 コード内にて「Width="220"」と表示されている部分の数値を任意の数値に変更します。例)「Width="190"」など。コード内に2ヶ所あり    ますので、2つとも変更してください。(コード内で「Width="220"」を探す場合は、Ctrl + Fボタンで検索検索機能を使うと便利です。) 5. 変更後のHTMLコードをホームページへアップロードします。(古いコードがある場合は、削除後にアップロードしてください。) ご注意:アップロード後変更が確認出来ない場合は、ブラウザのキャッシュを削除して下さい。

登録フォーム 8月 5, 2019

埋込型フォームの編集方法は?

ここでは、埋込型フォームのサイズ変更、入力項目を横並びに配置する方法、およびフォームの自由記述欄入力文字数についてご説明します。 目次: 埋込型フォームのサイズを変更する方法 入力項目を横並びに配置する方法 項目の順番を変更する方法 フォームの自由記述欄入力文字数について 埋込型フォームのサイズを変更する方法 全体のサイズは変更できませんが、横幅を変更することは可能です。下記の手順に従ってください。 1.  左のダッシュボードメニューよりコンタクトリストをクリックし、登録フォームを選択 2. 「登録フォーム作成」ボタンをクリックし、埋込型フォームを選択後、「次へ」ボタンをクリック 3. ステップ1で詳細を入力後、ステップ2デザインで、画面左の「標準設定」をクリック 4. 「幅変更」のボタンを右にスライドし、ONにします。 5. 「横幅」に任意の数字を入力して横幅を変更してください。 6. 変更後、右上の「保存&出力」ボタンをクリックし、HTMLコードをホームページへアップロードします。(古いコードがある場合は、一度コードを完全に削除した後にアップロードしてください。) 注意点: 「幅変更」ボタンをONにした場合、デフォルトで横幅は400px、最大画像領域は320pxに設定されています。登録フォームの横幅を320px以下に変更すると、自動的に画像サイズはフォームのサイズに合うように調整されます。 「幅変更」ボタンをOFFにした場合、設置場所に対して100%の幅(利用可能な領域いっぱい)で表示されます。 デスクトップ上の最大表示横幅は999pxです。 モバイルデバイスでフォームを開いた場合は、自動で画面サイズに合わせて表示されます。 変更が適用されない場合は、ブラウザのキャッシュが削除されているかご確認ください。 入力項目を横並びに配置する方法 埋込型フォームでは、「名」、「姓」、「メールアドレス」の3つまで項目設定が可能です。初期設定の項目は、「名」と「メールアドレス」です。 入力項目を横並びに配置する際は、項目を2つにすることをお勧めしております。ウェブサイトのデザイン上、項目が3つ必要な場合は「姓」の項目を追加してください。項目の順番を変更する方法はこちらをクリックしてください。 まず、登録フォーム画面を開きます。 ダッシュボードメニューより、コンタクトリストをクリック>登録フォームを選択します。 埋込型フォームを一から作成、または作成済みの埋込型フォームを開きます。 1. 登録フォームの作成が完了しましたら、「保存&出力」ボタンをクリック 2. フォーム出力のポップアップ画面で「次へ」ボタンをクリック 3. 以下の登録フォームコード画面で、ドロップダウンメニューよりRaw HTMLコードを選択します。 4. 右下の「コピー」ボタンをクリックし、全てのコードをコピーします。 5. 右上の閉じるボタン(×)をクリックし、ポップアップ画面を閉じます。画面左上のBenchmark Emailロゴをクリックしてホームに戻ります。 次にHTMLコードエディタを開きます。こちらのステップは任意です。テキストファイルや他のサービスを使用することもできます。 1. 左のダッシュボードメニューより、メール>メールを選択 2. 「メール作成」ボタンをクリックし、メールの種類は通常メール配信を選択します。 3. エディター選択で、HTMLコードを選択し「次へ」ボタンをクリック 4. メール名を入力します。 注意:この手順は登録フォームのレイアウトを確認するためのものですので、実際に配信することはありません。ご確認後は、こちらのメールを削除することをお勧めします。 5. チェックリストを全て入力する必要はありませんので、直接本文&デザインの「メール編集」ボタンをクリックします。 6. 画面左に表示される初期設定のテキストをハイライトし、埋込型フォームからコピーしたコードを貼り付けます。 以下のフッターは、最後にコードをコピーした際は表示されませんのでご安心ください。 7. キーボードのショートカットキーを使って、以下のfieldsetタグを検索します。Windowsの場合は Ctrl + F で、Macの場合は ⌘(command) + F で検索します。 <fieldset class=”formbox-field <fieldset class=”formbox-field とは、フォームの入力項目ボックスのタグです。 上記左の青いボックス内のタグは、右側に表示される登録フォームの項目の「名」、桃色のボックス内のタグは「メールアドレス」を指します。 それでは、タグを編集をしていきましょう。 8. <fieldset  の前に、以下のタグを追加します。(以下をコピー&ペーストして追加も可能) <table><tr><td> 9. 入力が完了しましたら、終了タグを挿入します。 </fieldset>を探して、その後ろに以下の終了タグを追加します。 </td> 10. 次の項目の<fieldset の前に以下のタグを追加します。 <td> 項目が3つある場合は、最後の項目のタグ<fieldset の前に<td>を追加して、</fieldset>の後ろに</td>を追加してください。 11. 各項目にタグを追加しましたら、以下のタグを最後の</fieldset> の後ろに挿入してください。 </td></tr></table> これで、入力項目が横並びに配置されるようになりました。 12. 最後に、横幅を削除します。再度、検索ショートカットキーを使って width: 320px; を検索し、削除します。他のコードを誤って削除しないように気をつけてください。 width: 320px; 全ての手順完了後は、以下のようにコードが表示されます。追加したタグは水色でハイライトしています。 入力項目を横並びに配置したフォームの完成ですが、必ず全てのコードをコピーしてウェブサイトに貼り付けてください。 ご注意:上記のHTMLビルダーのご使用は、あくまでもレイアウトを確認するためのものです。メール内に登録フォームを入れることはできません。 項目の順番を変更する方法 1. 登録フォームを開き、項目の左にカーソルを合わせます。 2. 灰色の線が表示されますので、クリックすると線が緑色に変わり、項目が表示されます。 3. ここで「姓」の項目を追加する場合は、表示設定のスライドバーを右(青色)にします。(必須項目にチェックを入れると、項目名の右上にアスタリスク*が付きます。) 4. 項目名の左の矢印(<)をクリックします。 5. 項目名の左に表示される緑の縦三点をドラッグ&ドロップして任意の順番に変更します。 登録フォームの自由記述欄に入力できる文字数に制限はありますか? 登録フォームの文字数制限については以下のFAQをご参照ください。 FAQ:登録フォームから登録する場合の文字数制限について ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。     >>「登録フォーム」のまとめページに戻る

登録フォーム 3月 26, 2021

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

目次 サイト訪問者に一度だけ表示する方法 CSSを使って編集する方法 表示時間を変更する方法 幅を変更する方法   サイト訪問者に一度だけ表示する方法 以下の手順で、ページ訪問者に対し初回のみポップアップを表示することが可能です。 *表示はブラウザのクッキー情報をもとに行います。そのため同じユーザーでもクッキー情報を削除した場合や、閲覧履歴が残らないシークレットモードや別のブラウザを利用した場合は、再度表示されます。  登録フォーム作成からポップアップフォームを作成 ステップ2デザインで、画面左上の「標準設定」をクリック  「表示」>「ページ訪問者に対し初回のみポップアップを表示する」を選択 HTMLコードを編集する場合:  ポップアップフォームのRawHTMLをコピー&ペースト  出力される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 Emailアカウントへログイン 2. ダッシュボードメニューから「コンタクトリスト」>「登録フォーム」をクリック 3. 「登録フォーム作成」ボタンをクリックし「ポップアップフォーム」を選択した状態で「次へ」をクリック 4. 登録フォーム名、顧客リストを選択し「保存&次へ」をクリック 5.  画面左上の「標準設定」をクリックし、「ボックス設定」メニューをクリック 6. 一番下の「配信間隔」からご希望の設定時間を選択。最大で60秒間、表示までに時間をかけることができます。 幅を変更する方法 ポップアップフォームはデフォルト設定で横幅400px、サイドの空白枠40pxの仕様となっております。また、最大画像領域は320pxです。フォームの横幅を320px以下に変更すると、画像サイズは自動的にフォームに合うように調整されます。 なお、変更が適用されない場合は、ブラウザのキャッシュが削除されているかご確認ください。 幅を変更する方法については、以下の手順に従ってください。 1. ダッシュボードメニューから「コンタクトリスト」>「登録フォーム」をクリック 2. ステップ2デザインで、画面左上の「標準設定」をクリック 3. 「ボックス設定」をクリック 4. 「横幅」の下のボックス内に任意のピクセル数を入力 5. 調整完了後、「保存&出力」をクリック なお、Benchmark EmailではEU一般データ保護規則(GDPR)に準拠した登録フォームを作成することが可能です。 詳しくは以下のFAQをご確認ください。 FAQ:EU一般データ保護規則(GDPR)に準拠した登録フォームにチェックボックスを追加することはできますか? ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。     >>「登録フォーム」のまとめページに戻る

登録フォーム 4月 6, 2021

Twitterプロフィールに登録フォームを掲載する方法

ニュースレター購読の登録フォームをTwitterに掲載するには、以下の手順に従ってください。 STEP1: 登録フォームのリンクを取得 1. Benchmark Emailのアカウントへログインし、ダッシュボードメニューより「コンタクトリスト」>「登録フォーム」を選択 2. 「埋込型フォーム(多項目)」をクリック(登録フォームをTwitterに掲載するには埋込型フォーム(多項目)のみ利用可能) 3. 「ステップ2 デザイン」段階へ進み、右上の「公開用URL」をクリック 4. ポップアップ画面の「公開用URL」の「登録フォームURL」をコピー STEP2:URLの短縮 リンクを短縮する為にBit.lyを使用することが出来ます。 1. Bit.lyのサイトへ行く 2. コピーしたURLを下部のボックスに貼付け、「Shorten」をクリック 3.「Copy」をクリックすると、短縮URLがコピーされます。   STEP3:Twitterへの貼り付け 1. Twitterにログインし左上の「ユーザーアイコン」をクリック 2. 「プロフィール」を選択し、画面右側の「プロフィールの編集」をクリック 3. 「ウェブサイト」のボックスに短縮URLを貼付け 4. 「変更を保存」をクリックし、完了   登録フォームの作り方は以下のFAQをご確認ください。 FAQ:登録フォームの作り方は? ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。     >>「登録フォーム」のまとめページに戻る

ソーシャルメディア 登録フォーム 10月 14, 2020

1 2