割引コードのカスタムスタイル - 商品詳細ページの表示設定

SHOPLINEの管理画面で割引コードキャンペーンを作成すると、商品詳細ページに割引コードを表示することができます。顧客はストアの商品詳細ページに入ると、対応する割引コードを確認し、適用することができます。商品詳細ページに割引コードを表示することで、割引コードの使用を増やし、売上を向上させることができます。

注意点

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

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

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

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

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