Web サイトにニュースレターのポップアップを設定する

"

ニュースレター ポップアップは、オンライン ストアが Web サイト訪問者から電子メールを収集し、電子メール マーケティング キャンペーンに必要な適切な連絡先をより多く獲得するための効果的なツールです。この機能は、ニュース購読プロセスを最適化するための複数の設定を備えたBe Yoursテーマでサポートされています。

この記事では、ニュースレターのポップアップをすばやく簡単に設定する方法を説明します。

このページでは

ニュースレターのポップアップを構成する

  1. Shopify 管理者ダッシュボードで、 [オンライン ストア] > [テーマ]をクリックします。
  2. [テーマ] ページで、 [Be Yours]テーマを選択し、テーマの[カスタマイズ] ボタンをクリックします。
  3. ホーム ページの左側のメニューで、下部のポップアップセクションまで下にスクロールします。
  4. [ポップアップ]セクションでは、テキスト、ボタンなどのさまざまなブロックを追加し、顧客に表示する場合はこれらのブロックのコンテンツを編集/書式設定できます。
  5. 「ポップアップ」セクションをクリックして、次のようなさまざまな属性を設定します。
      • 表示モード:有効、無効、テスト モードの 3 つのオプションがあります。 「テストモード」を選択すると、確認のためにポップアップが常に表示されます。見た目に満足したら、「有効」に切り替えます。
      • ホーム ページのみに表示: このポップアップをホームページにのみ表示したい場合は、このオプションにチェックを入れます。
      • 訪問者のみに表示: このポップアップを訪問者のみに表示したい場合は、このオプションにチェックを入れます。 Web サイト上のアカウントにログインするユーザーにはポップアップは表示されません。
      • 遅延: ホームページをロードしてからバナーを表示するまでの遅延時間を設定できます。最小遅延時間は 2 秒、最大遅延時間は 60 秒です。テーマエディターでは遅延属性が無効になっているため、編集時に遅延属性が適用されているのを確認できないことに注意してください。
      • 頻度: ここでは、ポップアップが訪問者に表示される頻度を設定できます。たとえば、「3day」が設定されている場合、訪問者が Web サイトにアクセスすると、ニュースレターのポップアップが 3 日ごとに表示されます。設定できる頻度の最小値は 1 日、最大値は 30 日です。
      • ポップアップ幅: ポップアップ幅を 300 ～ 1000px の範囲で設定します。
      • コンテンツのパディング: コンテンツのパディングを 20 ～ 80px の範囲で設定します。
      • コンテンツの配置: ポップアップ コンテンツは、水平方向に左、中央、または右に配置できます。
      • コンテンツの位置: ポップアップ コンテンツを中央、左下、または右下に配置できます。
      • 画像: このフィールドは、ポップアップの画像を挿入します。画像は、デスクトップに表示するときにポップアップのTop 、 Left 、 Right 、またはBottomに配置できます。 [デスクトップの位置]フィールドのオプションを選択して設定します。

        注: ポップアップ画像の可視性に関しては、次のようないくつかの制限があります。

        • ポップアップ画像を表示するには、コンテンツの位置を「 Center 」にする必要があります。
        • ポップアップ画像を表示するには、ポップアップの最小幅は720 ピクセルである必要があります。
        • モバイル デバイスでは、Google のインタースティシャル ガイドラインの SEO 要件により、ポップアップ画像は表示されません。

      • 色: ポップアップのテキスト、境界線、背景、影の色を好みに応じて選択できます。

ニュースレターのフローティング バーを設定する

Be Yoursテーマでは、Web ページの横にあるニュースレターのフローティング バーもサポートされています。 Web 訪問者がページを上下にスクロールしてもその位置を維持することで、他の場所に移動することなく、クリックして情報に即座にアクセスできます。

ホーム ページの左側のメニューで、このニュースレターのフローティング バーの設定を次のように変更できます。

    1. ポップアップセクションにはニュースレターブロックが表示され、ここでフローティングバーを調整できます。このブロックはデフォルトで表示されます。要素を非表示にしたい場合は、目のアイコンをクリックすると、ニュースレター ブロック (フローティング バー) がグレー表示になり、Web サイト上で非表示になります。
  1. 「ニュースレター」ブロックをクリックします。開いた編集ウィンドウで、次の変更を加えることができます。
      • 見出し: ポップアップ セクションですばやく移動できるように、ブロックに表示されるテキスト。
      • ソーシャル メディア アイコンを表示: このフローティング バーにソーシャル メディアのショートカットを表示する場合は、このオプションにチェックを入れます。これらのアイコンを確実に表示するには、最初に[テーマ設定] > [ソーシャル メディア]にソーシャル メディア リンクを入力することを忘れないでください。
      • コンテンツの位置: フローティングバーを画面の左側または右側に配置するように設定できます。
      • Color : ここでフローティングバーの色を設定できます。
      • モバイルで無効にする: 訪問者がモバイルデバイスを使用しているときにフローティングバーを表示したくない場合は、このオプションにチェックを入れます。
  2. 最後に、 「保存」をクリックします。

この記事がお役に立てば幸いです。この機能についてご不明な点がございましたら、サポートが必要なため、お気軽に弊社チームまでお問い合わせください。

"
{{ タイトル }} に戻る