割引キャンペーンデザインの使い方ガイド

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

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

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

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

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

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

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

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

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

表示とスタイルのカスタマイズのために割引コードを手動で追加するには、以下の手順に従ってください：

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

   

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

   

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

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

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

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

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

   

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

   

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

グローバル設定の使用

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

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

   

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

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

   

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

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

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

自動割引にユニークな外観を与えるために、ストアフロントでの表示方法をカスタマイズできます。これにより、表示がキャンペーンのデザインやレイアウトの好みに合致します。以下の手順に従ってください：

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

   

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

   

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

グローバル設定の使用

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

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

   

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

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

   

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