ポップアップフォームの紹介(SHOPLINEマーチャント向け)

SmartPush
SmartPush
  • 更新

コンタクトリストの拡大は、効果的なマーケティング戦略を構築するための重要なステップです。SmartPush ポップアップフォームを使えば、ストアフロント上で直接顧客の連絡先情報を収集し、訪問者を購読者に変換できます。

SmartPushは、さまざまなマーケティングシナリオや顧客の購買プロセスに合わせた多様なポップアップテンプレートを提供しています。適切なタイミングで適切なフォームを表示することで、コンタクトリストを拡大し、潜在的な離脱顧客を回復し、コンバージョンを向上させることができます。

注:

  • この記事はSHOPLINEマーチャント専用です。
  • 無料プランのマーチャントは、Goal > Data Collectionのテンプレートのみ使用可能です。

ポップアップ&フォームのカテゴリ

マーケティング目標に合ったフォームを素早く見つけられるよう、SmartPushはテンプレートを目標、スタイル、タイプ、テーマで分類しています。

1. マーケティング目標別

データ収集
まだ購読していない新規訪問者向けに設計されています。これらのフォームは、ユーザーがストアを閲覧中に連絡先情報を送信するよう促し、コンタクトリストの拡大を支援します。

回復&維持
訪問者が離脱の意図を示したり、チェックアウトを放棄したり、購入をためらった際にトリガーされます。これらのフォームは潜在的な離脱顧客を回復し、コンバージョンを増加させます。

クーポンマーケティング
顧客がプロモーションメール経由でストアに入った際に、クーポンコードを表示するポップアップが自動的に表示され、プロモーションを強化します。

リピート購入促進
スピンホイールポップアップなどのテンプレートは、ゲーミフィケーションを活用してエンゲージメントを促し、購読者を引きつけます。

2. フォームスタイル別

画像+テキストフォーム

これらのフォームは画像とテキストのレイアウトを組み合わせています。テキスト部分には追加のコンテンツブロックを追加可能です。

注:画像ブロックはメイン構造の一部であり削除できませんが、画像の差し替えは可能です。

スピンホイールフォーム

スピンホイールフォームは、顧客がホイールを回して割引やその他のリワードを獲得できるゲーミフィケーションを導入しています。

このテンプレートを使用するには:

まずポップアップフォーム > テンプレートライブラリーに移動し、Goal > Drive Repeat Purchasesを選択して、Spin Wheel (Pro)を選びます。

設定可能な項目:

  • 賞品名
  • 賞品タイプ(クーポンまたはその他のリワード)
  • 当選確率
  • 賞品画像

注意事項: 

  • すべての賞品の合計確率は100%でなければなりません。
  • 無料プランのマーチャントはSpin Wheel (プロ)テンプレートを使用できません。

3. フォームタイプ別

モーダルポップアップ(中央表示)
ページの中央に表示されるポップアップです。設定したトリガー条件に基づいて閲覧を中断します。

コーナーポップアップ
ページの四隅のいずれかに表示され、閲覧体験を妨げません。

4. テンプレートテーマ別

テンプレートは以下のようなマーケティングテーマ別にも分類されています:

  • ウェルカムサブスクリプション
  • ホリデーキャンペーン
  • プロモーションイベント
  • リマインダーノーティフィケーション

新しいテンプレートとテーマは継続的に追加されています。


ポップアップフォームの有効化

ポップアップフォームを使用する前に、SmartPushスクリプトを有効にする必要があります。

  1. SHOPLINE管理画面で、アプリ > マイアプリ > SmartPush > アプリ設定 に移動します
  2. アプリスクリプト トグルを有効にします。有効にすると、ポップアップフォームをストアフロントに表示できます。

注:ポップアップは現在、以下のテーマに対応しています:

  • Ultra Chic
  • Kingsman
  • Varm

これらはトップページ、商品ページ、カートページ、チェックアウトページ、メンバーページなどの選択されたページで利用可能です。


フォームの作成と修正

ステップ1:フォームを作成する

  • SmartPush > ポップアップフォーム > ポップアップリスト に移動します
  • フォームを作成 をクリックし、テンプレートライブラリーからテンプレートを選択します。
  • テンプレートを選択すると、フォームエディター に入ります。

ステップ2:フォームを設定する

1. フォーム設定

以下を設定します:

  • フォームの有効期間
  • 収集した連絡先のタグ

タグは将来のキャンペーンのために連絡先をセグメント化するのに役立ちます。

ここで作成された新しいタグは、セグメントフィルターの第一階層タグとして表示されます。

2. 表示設定

ポップアップの表示および非表示の方法を設定します。

設定内容は以下を含みます:

  • 表示デバイス(PC版 / モバイル)
  • ポップアップタイプ(モーダルまたはコーナー)
  • 閉じる方法(閉じるボタン、外側クリック、自動閉じ)
  • 表示頻度

表示頻度は、訪問者が購読しなかった場合にポップアップが再度表示される頻度を制御します。

3. ターゲティングとトリガー

ポップアップを誰に見せるか、いつ表示するかを定義できます。

ターゲットオーディエンス
以下に基づいて訪問者をフィルタリングします:

  • ログインステータス
  • 購入ステータス
  • 国または地域(IPに基づく)

トリガー条件

ポップアップは以下に基づいてトリガーされます:

  • ページの入場時
  • ページ滞在時間
  • スクロール深度
  • 離脱意図

離脱意図は以下の場合に検出されます:

  • PC版ユーザーがカーソルをブラウザバーの方向に動かすとき
  • モバイルユーザーが戻るスワイプや類似のナビゲーション操作を行うとき

停止条件

ユーザーに対してポップアップの表示を停止できる条件は:

  • 購読したとき
  • ポップアップが一定回数表示されたとき

4. コンテンツブロックの追加

ドラッグ&ドロップエディターを使ってフォームを作成します。

利用可能なブロックには以下が含まれます:

  • テキスト
  • ボタン
  • メール入力
  • 電話番号入力
  • 日付入力
  • ドロップダウン選択
  • コンプライアンス同意
  • 割引コード
  • 画像

これらのブロックを使って、顧客データを収集する柔軟なフォームをデザインできます。

5. グローバルスタイル

フォーム全体の外観をカスタマイズします。以下を含みます:

  • レイアウト構造
  • 背景色
  • 透明度
  • 影と角丸

モバイルデバイスは縦型レイアウトのみ対応しています。

6. マルチページフォーム

ポップアップテンプレートは通常、2~3ページで構成されます。例:

  • 情報収集ページ
  • クーポンページ
  • 成功ページ

ユーザーはフォーム送信後、自動的に次のページにリダイレクトされます。

7. ティーザー(閉じたエントリー)

ティーザーは、ページの端に表示されるポップアップの最小化バージョンです。

フルポップアップと比べて、ティーザーは目立ちすぎず、訪問者が閲覧を継続できるようにします。顧客がティーザーをクリックすると、フルポップアップフォームが開きます。

以下をカスタマイズできます:

  • コピーとスタイル
  • 表示位置
  • 表示タイミング
  • 背景画像
  • 閉じるボタンの動作

ステップ3:フォームを公開する

設定が完了したら:

  • 保存して終了をクリックして下書きを保存します
  • 有効にするをクリックしてポップアップを公開します

フォームキャンペーンの管理

ポップアップフォーム > ポップアップリストで、すべてのポップアップフォームを管理できます

各フォームは以下の主要な指標を表示します:

  • 表示回数
  • クリック数
  • クリック率

キャンペーンのステータスには以下が含まれます:

  • 下書き
  • 保留中
  • 進行中
  • 一時停止中
  • 終了

利用可能な操作には以下が含まれます:

  • 修正
  • コピー
  • 一時停止 / 有効にする
  • 削除
  • プレビュー
  • データを見る

フォームのパフォーマンスデータの表示

フォームのパフォーマンスを分析するには、SmartPush > データ分析 > フォームに移動します

以下を含む、全体のパフォーマンス個別のキャンペーンデータの両方を表示できます:

  • 表示数
  • クリック数
  • クリック率
  • 収集された連絡先
  • 注文数
  • 売上

さらに分析のためにデータをエクスポートすることもできます。

注文は、顧客がフォームの割引コードを使用して注文を行い、その顧客に対して注文の15日前以内にポップアップキャンペーンが表示された場合に、そのポップアップキャンペーンに帰属されます。

 

 

この記事はAIを使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。

この記事は役に立ちましたか?

0人中0人がこの記事が役に立ったと言っています

他にご質問がございましたら、リクエストを送信してください