SHOPLINE管理パネルで割引コードキャンペーンを作成すると、商品詳細ページに割引コードを表示するかどうかを選択できます。ユーザーは、ストアの商品詳細ページに入ると対応する割引コードを見ることができ、クリックして適用することができます。割引コードを商品詳細ページに表示することで、割引コードの使用率を上げ、それにより売上を増やすことができます。

目次

• 注意事項
• 商品詳細ページのスタイル設定

注意事項

• 割引コードキャンペーンのスタイルをカスタマイズするには、キャンペーン用デザインメーカーアプリを使用する必要があります。まず、SHOPLINEアプリストアからアプリをダウンロードしてください。
• 商品詳細ページでの割引コードキャンペーンの表示スタイルは、キャンペーンレベルの設定によって決まります。異なるキャンペーンごとに異なるスタイルを設定したり、一部のキャンペーンにスタイルを表示しないように選択することができます。
• 商品詳細ページに割引コードを表示した後、ユーザーは該当する割引コードを表示して適用することができます。
• 商品詳細ページでの割引コードの表示効果は、該当する割引コードの数によって異なります：
  • ユーザーが閲覧している商品に表示される割引コードが1つだけの場合、割引コードのスタイルはキャンペーンレベルで設定できます。
    
    
    
  • 商品詳細ページに複数の適用可能な割引コードがある場合、複数のクーポンの表示スタイルはマルチ割引コードバナー＞スタイル設定に移動して調整できます。
    

商品詳細ページのスタイル設定

商品詳細ページで割引コードのスタイルを設定するには、以下の手順を実行できます：

1. キャンペーン用デザインメーカーアプリに移動し、スタイルを設定したいキャンペーンを選択し、商品詳細ページタブをクリックします。
2. グローバルスタイルに従う: このオプションが有効になっている場合、このキャンペーンのスタイル設定は、デザインメーカーアプリのホームページにあるマルチ割引コードバナーのスタイル設定で行った設定に従います。
   
   
   
   
   
   割引コピーの設定のみ必要です。このオプションが無効になっている場合、異なるキャンペーン用に個別の表示スタイルを設定する必要があります。テンプレート、色、背景画像などが含まれます。
3. テンプレート選択: バナー、ワード、タグ、ビブラントなど、さまざまな種類の表示テンプレートから選択できます。各テンプレートには、カスタマイズ可能なさまざまな構成オプションが用意されています。
   
4. デザイン: ストアのテーマに従うスタイルオプションを有効にできます。このオプションが有効になっている場合、キャンペーンスタイルは、色、フォント、角丸などの面でテーマスタイルと一貫性があります（一部のテーマは角丸設定に従うことができません）。このオプションが無効になっている場合、選択したテンプレートタイプに基づいてスタイルをカスタマイズするためのさまざまなオプションが用意されています。
   • 色の設定: システムから事前定義されたカラープランを選択するか、色をカスタマイズします。
   • クーポン背景画像: バナーの場合、背景画像をアップロードして表示ルールを設定できます。
     • 背景画像をアップロードすると、バナーは色の設定に従う代わりに画像を表示します。
     • PC用に画像をアップロードする場合、PCとモバイルデバイスの両方のバナーの背景には、アップロードしたPC画像が表示されます。
     • モバイルデバイス用に画像をアップロードする場合、明瞭さを確保するため、モバイルデバイスのみがアップロードした背景画像を表示し、PCはバナーのスタイルを表示します。
   • 配置: キャンペーンスタイルを商品タイトルまたは商品価格の近くに表示するように設定できます。表示位置もカスタマイズできます。
     
5. コンテンツ設定:
   • 割引コピーの表示セクションで、商品詳細ページに表示したいキャンペーンコピーを入力します。また、割引要件などの動的テキストを挿入したり、コピーの表示を無効にしたりできます。
   • キャンペーンに終了時間が設定されている場合、有効期限日の表示を有効にできます。有効期限日はユーザーのタイムゾーンに基づいて表示されます。有効期限日に対してテキストの表示またはカウントダウンタイマーの表示を選択することもできます。
   • 割引コード適用後のジャンプページを有効にして、ユーザーがアクティビティ情報をクリックしたときに、アクティビティランディングページまたは他のカスタムページにユーザーを誘導します。
     

6. スタイルをカスタマイズすると、プレビューがリアルタイムで変更されます。すべてが正しいことを確認した後に変更内容を保存してください。 グローバルスタイルに従う を有効にすると、実際の効果は商品詳細ページで確認する必要があります。
7. 更新 をクリックして変更内容を保存します。