割引キャンペーンデザインの使い方入門

割引キャンペーンデザインを使うと、ストアでの割引コードや自動割引の表示方法を簡単にカスタマイズできます。グローバル設定に従うか、色、配置、プロモーションテキストなどを調整してブランドスタイルに合わせてデザインを調整することが可能です。

設定が完了すると、そのデザインはストアフロントに適用され、一貫したビジュアルスタイルでキャンペーンの独自性を示します。これにより、魅力的で認識しやすいプロモーションを通じてショッピング体験が向上し、コンバージョン率が向上します。

このガイドでは、割引キャンペーンデザインを使ってプロモーションの表示スタイルをデザインする方法を説明します。ストアフロントでの割引コードの追加、割引コードと自動割引の外観カスタマイズ、統一スタイルのためのグローバル設定の適用などが含まれます。

割引キャンペーンデザインダッシュボードの理解

割引キャンペーンデザインダッシュボードの上部にあるタブを使って、割引コードキャンペーンと自動割引を切り替えられます。これにより、1つのインターフェースで両方のキャンペーンタイプのデザインスタイルを管理できます。

各タブには、ストアで利用可能なすべての割引キャンペーンのリストが表示されます。各キャンペーンは、割引コード名、タイプ、ステータス、有効時間、デザインが商品詳細ページまたはチェックアウトページに表示されるかどうか、商品ページがグローバル設定に従うかどうかなどの主要な詳細とともに表示されます。

特定の割引のデザインを修正するには、その割引コード名をクリックして編集ページに入ります。

表示とカスタマイズのための割引コードの追加

ストアフロントに割引コードを表示し、そのデザインをカスタマイズするには、割引コードキャンペーンダッシュボードに手動で追加する必要があります。

表示とスタイルカスタマイズのために割引コードを手動で追加する手順は以下の通りです：

1. 割引コードキャンペーンタブで、割引コードを選択をクリックします。

   

2. ポップアップウィンドウで、ストアフロントに表示したい割引コードを選択し、スタイルをカスタマイズしてから、選択をクリックします。

   

3. 選択した割引コードがダッシュボードに表示され、デザインのカスタマイズと公開の準備が整います。

割引コードの表示スタイルの設定

表示スタイルのカスタマイズ

割引コードキャンペーンに独自の外観を持たせるために、割引コードを追加した後のストアフロントでの表示方法をカスタマイズできます。これにより、キャンペーンのデザインやレイアウトのプリファレンス設定に合わせた表示が可能になります。以下の手順に従ってください：

1. ダッシュボードから割引コードキャンペーンを選択し、カスタマイズしたい割引コードをクリックします。

   

2. 設定ページで、表示をカスタマイズしたいページを選択します：商品詳細ページ、アクティビティランディングページ、またはチェックアウトページ。

   

3. 割引コードの表示スタイルのカスタマイズガイドに従い、さまざまなストアフロントページでの割引コード表示のカスタマイズ手順を確認してください。

グローバル設定の使用

割引スタイルを迅速かつ簡単にデザインするには、グローバルスタイルに従うを有効にします。これにより、すべてのキャンペーンで統一された表示スタイルをデザインして適用できます。グローバル設定を構成するには、以下の手順に従ってください：

1. マルチ割引コードバナーセクションで、スタイル設定をクリックします。

   

2. この統一テンプレートで、グローバルスタイルに従うが有効になっているすべての割引コードキャンペーンのテンプレートとデザイン設定を構成します。

   注： 割引コードのグローバルスタイル設定の詳細な手順については、グローバルスタイルによる統一デザインの適用セクションを、商品詳細ページの表示設定で参照してください。

   

3. デザインを構成した後、統一デザインを適用したい各割引コードの商品詳細ページに戻り、グローバルスタイルに従うを有効にします。

自動割引の表示スタイルの設定

表示スタイルのカスタマイズ

自動割引に独自の外観を持たせるために、ストアフロントでの表示方法をカスタマイズできます。これにより、キャンペーンのデザインやレイアウトのプリファレンス設定に合わせた表示が可能になります。以下の手順に従ってください：

1. ダッシュボードから自動割引を選択し、カスタマイズしたい自動割引をクリックします。

   

2. 設定ページで、表示をカスタマイズしたいページを選択します：商品詳細ページ、カートページ、またはアクティビティランディングページ。

   

3. 自動割引の表示スタイルのカスタマイズガイドに従い、異なるストアフロントページでの自動割引表示のカスタマイズ手順を確認してください。

グローバル設定の使用

自動割引のスタイルを迅速かつ簡単にデザインするには、グローバルスタイルに従うを有効にします。これにより、すべての自動割引に統一された表示スタイルをデザインして適用できます。グローバル設定を構成するには、以下の手順に従ってください：

1. グローバル自動割引設定セクションで、スタイル設定をクリックします。

   

2. この統一されたテンプレートで、グローバルスタイルに従うが有効になっているすべての自動割引コードのテンプレートとデザイン設定を構成します。

   注：自動コードのグローバルスタイル設定の詳細な手順については、商品詳細ページの表示設定内のグローバルスタイルによる統一デザインの適用セクションを参照してください。

   

3. デザインを構成した後、統一デザインを適用したい各自動割引の商品の詳細ページに戻り、グローバルスタイルに従うを有効にします。