ウェブサイトにニュースレターのポップアップを設定するにはどうすればよいですか?

ニュースレター ポップアップは、オンライン ストアが Web サイト訪問者から電子メール アドレスを収集し、電子メール マーケティング リストを作成するための強力な方法です。 Conceptテーマはニュースレターのポップアップをサポートし、ニュース購読プロセスの最適化に役立つさまざまな設定を提供します。

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

このページでは

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

  1. Shopify 管理者ダッシュボードで、 [オンライン ストア] > [テーマ]をクリックします。

  2. [テーマ] ページで、 [コンセプトテーマ] を選択し、テーマのボタン[カスタマイズ]をクリックします。

  3. ホーム ページの左側のメニューで、 [オーバーレイ] グループ> [ニュースレター] ポップアップセクションまで下にスクロールします。

  4. Nesletter ポップアップセクションでは、テキスト、ボタンなどのさまざまなブロックを追加し、顧客に表示する場合はこれらのブロックのコンテンツを編集/書式設定できます。

  5. ニュースレター ポップアップセクションの設定でニュースレター ポップアップ属性を構成します。

    ニュースレターのポップアップセクションの設定:

      • 表示モード- ニュースレターのポップアップをプレビューするには、テスト モードを有効にします。外観に満足したら、 「有効」に切り替えて Web サイト上でポップアップをライブにします。
      • ホームページにのみ表示- このポップアップをホームページにのみ表示したい場合は、このオプションにチェックを入れます。
      • 訪問者のみに表示- このポップアップを訪問者のみに表示したい場合は、このオプションにチェックを入れます。 Web サイト上のアカウントにログインするユーザーにはポップアップは表示されません。
      • 遅延- ホーム ページのニュースレター ポップアップが 2 ～ 60 秒後に表示されるまでの遅延時間を設定します。 (注:遅延属性はテーマ エディターでは無効になっているため、編集時に適用されているのを確認できません。)
      • 頻度- ニュースレターのポップアップ頻度を設定して、訪問者に表示される頻度を制御します。最小頻度は 1 日、最大頻度は 30 日です。

      • テキスト配置- テキスト配置を左、中央、または右から選択します。

        包括的な概要については、以下の表をご確認ください。

        左
        中心
        右
      • コンテンツの位置- 次のポップアップ位置のいずれかを選択します。
        • 左- ブラウザの左下。
        • 中心- ブラウザの中心。
        • 右- ブラウザの右下。

        包括的な概要については、以下の表をご確認ください。

        左
        中心
        右

      • 画像- このフィールドはポップアップの画像を挿入します。

        注記：

        • ポップアップ画像を表示するには、ポップアップの最小幅は720 ピクセルである必要があります。
        • モバイル ブラウザでは、SEO 向上のための Google のインタースティシャル ガイドラインを満たすため、ニュースレターのポップアップ画像はモバイルでは表示されません。

      • 色- ニュースレターポップアップのテキスト、背景、ハイライト、ボタンのテキスト、ボタンの背景、およびボタンの背景のグラデーションの色を好みに応じて選択できます。

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

コンセプトには、Web ページの側面にある洗練されたニュースレターのフローティング バーが含まれます。訪問者がスクロールしてもその位置に留まるため、ページを離れることなく簡単にクリックして購読することができます。

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

  1. [ニュースレター] ポップアップセクションに[20% オフ]ブロックが表示され、ここでフローティング バーを調整できます。このブロックはデフォルトで表示されます。要素を非表示にしたい場合は、目のアイコンをクリックすると、ニュースレター ブロック (フローティング バー) がグレー表示になり、Web サイト上で非表示になります。

    それ以外の場合は、 [ブロックの追加]リストからフローティング バーブロックを追加します。

  2. フローティングバーブロックをクリックします。開いた編集ウィンドウで、次の変更を加えることができます。

    • 見出し- ポップアップ セクションでブロックをすばやく移動できるように、ブロックに表示されるテキスト。
    • コンテンツの位置- フローティング バーをブラウザの左側または右側に配置するように設定できます。
    • ソーシャル メディア アイコンを表示- このフローティング バーにソーシャル メディアのショートカットを表示する場合は、このオプションにチェックを入れます。ソーシャル メディア アカウントを表示するには、 テーマ設定でアカウントをリンクします。
    • ソーシャルメディアの見出し-
    • モバイルレイアウト:
      • モバイルで無効にする- モバイル ブラウザーでフローティング バーを無効にします。
      • ソーシャル メディア アイコンを非表示にする- フローティング バーを有効にしてすべてのソーシャル アイコンを非表示にすると、このブロックには見出しテキスト (例: 「セール 20% オフ」) のみが表示されます。
    • 色- ここでフローティング バーのテキストと背景の色を設定できます。

  3. 最後に、 「保存」をクリックして終了します。

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

{{ タイトル }} に戻る