• Topic 主题 トピック Topic Topic
  • Sign in

ポップアップの基本ガイド

 

SHOPLINEの管理画面でポップアップを作成すると、ストアに訪問した顧客や特定のページにアクセスした顧客に表示されます。

ポップアップは、購読情報の収集、特別キャンペーンのプロモーション、イベントの雰囲気演出、送料無料オファー、顧客の引き留めなど、さまざまな目的に活用できます。ブランドスタイルに合わせたフォームのカスタマイズが可能で、ショッピング体験の各ステップでコンバージョン率を高めると同時に、潜在顧客の情報を収集し、ストアの売上向上にもつなげます。

 

目次

 


 

ポップアップの活用ポイント

ポップアップを作成する前に、次のポイントを確認してください。

  • ポップアップは、顧客情報(メールアドレス、電話番号、誕生日など)を収集したり、クーポンコードを発行したりするために利用できます。
  • 1つのストアで複数のポップアップを同時に有効化できます。複数のポップアップが同時に設定されている場合、最後に更新されたものが最初に表示されます。
  • ポップアップ内のクーポンコードコピー機能は、コードをコピーするだけで、自動適用はされません。
  • 設定したすべてのポップアップは「ポップアップ一覧」で確認できます。ポップアップに付けた名前は一覧にのみ表示され、顧客には見えません。
  • ポップアップ一覧では、ポップアップの一括操作が可能です(有効化、一時停止、削除など)。ただし、選択したポップアップが開始時間に達していない場合や、既に期限切れの場合は、有効化や一時停止ができません。

 


 

ポップアップのテンプレート

ビジネスシーンに応じたプロモーションを行うために、ポップアップには9種類のテンプレートが用意されています。

  • メルマガ購読
  • 割引クーポン
  • ホリデーセール
  • カート離脱防止

  • サイト離脱防止
  • くじ引き
  • 送料無料
  • 商品レコメンデーション
  • プロモーション

それぞれのテンプレートには、複数のスタイルやデザインが用意されています。有効化したポップアップは、ストア内で顧客に表示されます。

2.png

 


 

ポップアップの作成方法

ポップアップを作成するには、次の手順に従ってください。

  1. SHOPLINE管理画面から「アプリ」をクリックします。「ポップアップ」を検索し、アプリのインターフェースにアクセスします。

  2. ポップアップテンプレートページで、任意のテンプレートにマウスを重ね、[作成する] をクリックします。
    3.2.1.png
    使用可能なテンプレートが複数ある場合は、希望するテンプレートを選択し、[OK] をクリックします。
    3.2.2.png
  3. ポップアップの名前を入力します。
  4. 希望の設定に基づいてポップアップキャンペーンを構成します。
  5. [作成する]をクリックしてポップアップを作成します。

各ポップアップテンプレートには異なる設定モジュールがあります。これらを構成することで、顧客が個人情報を入力したり、クーポンコードを取得したり、ポップアップをフローティングカードに最小化したりできます。また、ポップアップの表示タイミングや対象となる顧客、表示されるページ、表示間隔も調整可能です。

 

以下では、特定のモジュールの設定手順と機能について説明します。

フローティングボタン

この設定モジュールが含まれるポップアップ:

  • メルマガ購読(ほとんどのテンプレート)
  • 割引クーポン(一部のテンプレート)
  • ホリデーセール(すべてのテンプレート)
  • カート離脱防止(すべてのテンプレート)

  • サイト離脱防止(すべてのテンプレート)

  • 送料無料(すべてのテンプレート)

設定手順:

  1. フローティングボタンの表示タイミングを選択します。
  2. タイトルを入力 します。このテキストはフローティングボタンに表示されます。
  3. フローティングボタンの表示位置を選択します。
  4. モバイルまたはデスクトップに表示するかどうかを選択します。
  5. フローティングボタンの表示方法を選択します。ページの端に沿って回転させて表示するか、通常の水平表示にするかを選びます。
  6. フローティングボタンの位置を決定した後、他の要素と重ならないように、下または横からの距離を調整します。

Note:フローティングカードの表示タイミングに、「ポップアップが表示される前」を選択した場合は、ポップアップが表示される前にフローティングボタンが表示される点に注意してください。

例えば、「通知設定 > タイミング」を「一定時間後 > 5秒後に通知」と設定し、フローティングボタンの表示タイミングを「ポップアップが表示される前」とした場合、顧客がページに入ってから5秒後にティーザー(フローティングボタン)が表示され、ボタンをクリックするとポップアップが表示されます。

 

情報収集

この設定モジュールが含まれるポップアップ:

  • メルマガ購読(すべてのテンプレート)
  • サイト離脱防止(一部のテンプレート)

設定手順:

  1. ポップアップ送信前」セクションで [+ フォームフィールドを追加する] ボタンをクリックし、収集したい顧客情報を選択します。
  2. ポップアップの効果を最大限に活かすために、情報収集フィールドは3〜5項目に制限することを推奨します。

 

一般的な情報

  • SHOPLINEは、メールアドレス電話番号、および誕生日を含む、顧客がよく使用する5つの情報を用意しています。
  • 選択した情報について、顧客に案内するガイドテキストを入力することができます。
  • 必要に応じて、必須項目に設定することも可能です。必須項目にした情報は、顧客が送信する前に入力する必要があります。

 

カスタム情報

  • 一般的な情報がニーズを満たさない場合は、[+ フォームフィールドを追加する] ボタンをクリックし、「新しいフィールドを追加」 でカスタマイズ情報を設定できます。
  • 収集したい情報をどのように顧客に提示するかを設定します。
フィールド
タイプ
顧客のポップアップ
表示
収集できる情報
1行
テキスト
テキスト入力ボックス

顧客の回答はテキスト形式で、回答内容は大きく異なる可能性があります。
例: 職業

複数行
テキスト
大きなテキスト入力ボックス

顧客の回答は長いテキスト形式で、回答内容は大きく異なる可能性があります。
例: フィードバックや提案

ドロップダウンリスト ドロップダウン選択ボックス

多くの顧客の回答は、いくつかの固定された選択肢に限定されます。カスタム入力を許可すると操作が複雑になる可能性があります。
例: 返品理由。「もう必要ない」「住所を間違えた」「在庫切れ」など。
推奨される回答の選択肢の数は2〜6です。

単一選択肢 複数の選択肢の中から1つだけ選択

顧客は一つの選択肢しか選べません。
例: SHOPLINEを友人に勧める可能性。1点、2点、3点、4点、5点など。
推奨される選択肢の数は6つ以上です。

複数選択肢 複数の選択肢から1つ以上選択

顧客は複数の選択肢を選ぶことができます。
例: 好きな商品カテゴリー。Tシャツ、シャツ、フーディー、コート、ジーンズ、スカートなど。
推奨される選択肢の数は6つ以上です。

日付 年、月、日を入力する3つの入力ボックス

顧客の回答は日付です。
例: 誕生日

数値 テキスト入力ボックス

顧客の回答は数値です。
例: 連絡先情報

 

割引コード

この設定モジュールが含まれるポップアップ:

  • メルマガ購読(すべてのテンプレート)
  • 割引クーポン(すべてのテンプレート)
  • ホリデーセール(すべてのテンプレート)
  • サイト離脱防止(すべてのテンプレート)
  • くじ引き(すべてのテンプレート)
  • 送料無料(すべてのテンプレート)

既存の割引コードを利用、または新しい割引コードを作成することも可能です。

ポップアップで作成できる割引コードの種類には以下のものがあります。

割引コードの
種類
割引コードの効果 対応ポップアップテンプレート
一般的な
割引コード
すべての顧客が同じ割引コードを取得 ほとんどのポップアップ
限定
割引コード
受け取った日時に基づいて顧客ごとに異なる割引コードを取得 クーポンポップアップ
(クーポン受け取り登録テンプレート)

 

フローティングパーツ

この設定モジュールが含まれるポップアップ:

  • 割引クーポン(一部のテンプレート)
  • くじ引き(すべてのテンプレート)

設定手順:

  1. フローティングパーツを有効にします。
  2. フローティングパーツのアイコンをカスタマイズします。
  3. フローティングパーツの位置を選択します。
  4. フローティングパーツをモバイルまたはデスクトップで表示するかを選択します。
  5. フローティングパーツを左側または右側に表示するかを選択します。
  6. フローティングパーツの位置を選択した後、他の要素と重ならないように、ボタンを画面下部または横からの距離を調整できます。

 

有効時間

この設定モジュールは、すべてのポップアップに含まれています。

設定手順:

  • ポップアップの終了日を設定する場合は、「期限なし」のオプションのチェックを外し、終了日を設定してください。
  • 割引コードを無期限にする場合は、有効期間を設定せずに「期限なし」のオプションをチェックしたままにしておいてください。

 


 

ポップアップの管理方法

ポップアップリスト

ポップアップを保存すると、設定したすべてのポップアップが一覧で表示されます。

  • 一覧には、各ポップアップの名前、有効期間、ステータスが表示されます。また、プレビューや複製も可能です。
  • 「スケジュール済み」または「期限切れ」のポップアップを除いて、一覧にあるポップアップを一括操作できます。
  • ポップアップ名、ポップアップの種類、開始日・終了日を指定して、ポップアップを効率的に検索・フィルタリングすることができます。

 

ポップアップの有効化

  • どの状態でも、ポップアップ一覧から任意のポップアップをクリックして設定を変更できます。
  • 変更後は [更新] をクリックすると、更新されたポップアップがストアに表示されます。
Note:ストアに表示されるポップアップの順番は、最後に更新または作成した順に決まります。最新の更新が反映されたポップアップが最初に表示されます。

 

ポップアップの無効化

ポップアップ一覧から、次の手順で無効化できます。

  1. 無効化したいポップアップキャンペーンの横にあるチェックボックスにチェックを入れます。
  2. キャンペーンリストのヘッダーにある「一時停止」をクリックします。
  3. 表示される確認ポップアップで「一時停止」をクリックして無効化を確定します。

また、進行中のポップアップキャンペーンを無効化したい場合は、以下の方法もあります。

  1. ポップアップ一覧から対象のキャンペーンをクリックし、詳細ページにアクセスします。
  2. 画面右上の「一時停止」をクリックします。

 

ポップアップの名前変更

ポップアップキャンペーンの名前を変更するには、対象のキャンペーンをクリックして名前を編集します。

 

ポップアップの複製

ポップアップ一覧で、次の手順でキャンペーンを複製できます。

  1. 複製したいキャンペーンの「アクション」列にある「複製」ボタンをクリックします。
  2. 複製されたポップアップを編集し、設定をカスタマイズしたり名前を変更したりします。
  3. 追加」をクリックすると、変更された複製ポップアップが保存され、ポップアップリストに追加されます。

また、以下の手順でも複製できます。

  1. ポップアップ一覧から対象のキャンペーンをクリックして、詳細ページに移動します。その後、右上にある「複製」をクリックします。
  2. 複製されたポップアップを編集し、設定をカスタマイズしたり名前を変更したりします。編集が終わったら「追加」をクリックして保存します。

 

ポップアップのプレビュー

ポップアップ一覧で、次の操作が可能です。

  1. 複製したいポップアップキャンペーンの「アクション」列にある「プレビュー」ボタンをクリックします。
  2. 画面中央に顧客が見るポップアップの効果が表示されます。

 

ポップアップの削除

ポップアップ一覧で、次の操作が可能です。

  1. 削除したいポップアップキャンペーンの横にあるチェックボックスを選択します。
  2. ポップアップキャンペーンリストの上部にある「削除」をクリックします。
  3. 削除確認のポップアップが表示されたら「削除」をクリックします。
他にご質問がございましたら、リクエストを送信してください

コメント