自動割引のためのカスタムスタイル - 商品詳細ページの表示設定 – SHOPLINE ヘルプセンター

SHOPLINE管理パネルで自動割引アクティビティを作成した後、該当商品の詳細ページに自動割引が表示されます。ユーザーは商品の詳細ページ内でアクティビティの主要な割引情報を確認でき、商品の現在のプロモーションを理解することができます。

また、商品の詳細ページでアクティビティ情報の表示スタイルやコピーテキストをカスタマイズすることもできます。これにより、ユーザーがより多くの商品を購入するよう促し、売上を増やすことができます。

注意事項

自動割引スタイルをカスタマイズするには、キャンペーン用デザインメーカーアプリで構成する必要があります。まず、アプリをアプリケーションマーケットからダウンロードしてください。
SHOPLINE管理パネルで作成された自動割引アクティビティは、バナー、タグ、テキスト、および一括購入ボタンなど、さまざまな形式で商品詳細ページに表示できます。自動割引アクティビティはデフォルトでバナースタイルで表示されます。
- 数量に基づく割引を含むアクティビティ（ユーザーが最小数量の商品を購入する必要がある場合）については、M番目の商品の割引、最も安い商品の無料提供、またはM個の商品をNドルで購入するなどの場合、商品詳細ページ内で一括購入ボタンの形式で表示することができます。
商品詳細ページでの自動割引アクティビティの表示スタイルは、アクティビティの次元設定です。異なるアクティビティに異なるスタイルを設定したり、一部のアクティビティにスタイルを表示しないように選択することができます。
「X個購入でY個プレゼント」のプロモーションアクティビティを設定した場合、自動割引バナーは商品Xの商品詳細ページのみに表示され、商品Yの商品詳細ページには表示されません。

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

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

自動割引のアクティビティ詳細ページで、カスタムスタイルモジュール内の今すぐ設定をクリックします。または、キャンペーン向けデザインメーカーアプリに移動し、スタイルを設定したいアクティビティを選択して、商品詳細ページタブをクリックします。
グローバルスタイルに従う: このオプションが有効になっている場合、このアクティビティのスタイル構成は、グローバル設定で設定した構成に従います。割引コピーの設定のみが必要です。このオプションが無効になっている場合、このアクティビティの表示スタイルを別途設定する必要があります。これには、テンプレート、色、背景画像などが含まれます。
テンプレート選択: 表示用のテンプレートタイプを選択します。
デザイン: ストアのテーマに従うスタイルオプションを設定できます。このオプションが有効になっている場合、アクティビティのスタイルは、色、フォント、角の半径などに関してテーマスタイルと一貫性があります。このオプションが無効になっている場合、選択したテンプレートタイプに基づいてスタイルをカスタマイズするためのさまざまなオプションが用意されています。
- 色の設定: システムから事前定義されたカラープランを選択するか、カスタムカラーを設定します。
- 背景画像: バナー用に背景画像をアップロードし、表示ルールを設定できます。
  - 背景画像をアップロードすると、バナーは色の設定に従うのではなく、画像が表示されます。
  - PC用に画像をアップロードする場合、PCとモバイルデバイスの両方のバナーの背景は、アップロードしたPC画像が表示されます。
  - モバイルデバイス用に画像をアップロードする場合、明瞭さを確保するため、モバイルデバイスのみがアップロードした背景画像を表示し、PCはバナーのスタイルを表示します。
- 配置: キャンペーンスタイルを商品タイトルの近くまたは商品価格の近くに表示できます。
コンテンツ設定:
- 割引セクションで、商品詳細ページに表示したいアクティビティコピーを入力します。
- バナータイプのテンプレートを選択した場合、バナーをクリックした後にユーザーをリダイレクトするリンクを設定できます。このリンクを使用して、アクティビティランディングページや指定したカスタムページにユーザーを誘導できます。

注意: ストアのテーマがOS 2.1テーマに設定されている場合、商品詳細ページでのバナーのクリックスルー機能はサポートされていません。

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