タイムセール:バナーとプロモーションタグのカスタマイズ
タイムセールプロモーションを作成した後、参加商品に対するバナースタイルを商品詳細ページでカスタマイズできます。また、商品表示ページやカートにプロモーションタグを追加して、視認性を高め、販売を促進することができます。このガイドに従って、詳細な設定手順を確認してください。
商品詳細ページのバナーをカスタマイズする
タイムセールを作成すると、参加商品の商品詳細ページにデフォルトのバナーが自動的に表示されます。このバナーにはカウントダウンと商品販売量が含まれており、緊急感を生み出します。このバナーをブランドに合わせてカスタマイズし、より多くの購入を促すことができます。
| Note: カウントダウン アプリが商品に対して有効になっている場合、その設定はタイムセールキャンペーンのアクティブ期間中は非表示になります。これにより、商品詳細ページに複数のカウントダウンが同時に表示されるのを防ぎます。 |
- タイムセールのリストページで、プロモーションを選択し、その詳細ページにアクセスします。
-
カスタムスタイルセクションで、編集をクリックします。
-
商品詳細ページを選択し、以下のオプションを設定します:
-
- プロモーションバナー: 利用可能な2つのバナーテンプレートから選択します。
-
表示設定: バナーに表示する要素を選択します:
- プロモーションカウントダウンを表示: バナーにカウントダウンを表示し、緊急感を生み出します。
- 進捗バーを表示:商品販売量を示す進捗バーを表示します。商品にまだ販売がない場合、進捗バーは表示されません。
- プロモーションテキスト: 顧客の注意を引くカスタムメッセージを入力します。
-
リダイレクトリンク: バナーのリンク動作を定義します:
-
-
- アクティビティランディングページ: 顧客をプロモーションのランディングページにリダイレクトします。
- カスタム: 顧客を特定のページに誘導するURLを入力します。
- リンクなし: リダイレクトを無効にします。
-
-
- カラー設定: バナーの色をカスタマイズするか、ストアのテーマに従うスタイルを有効にします。
- バナー背景画像: デザインに合わせてPCとモバイルビュー用の画像をアップロードします。
-
満足したら、右下の保存をクリックし、プロモーションページで更新をクリックして適用します。
タイムセール商品にプロモーションタグを追加する
タイムセールの視認性をさらに高めるために、商品表示ページやカートにプロモーションタグを追加できます。
商品画像タグの設定
- タイムセールのリストページで、プロモーションを選択し、その詳細ページにアクセスします。
-
プロモーションタグセクションで、 編集をクリックします。
- 次に、商品画像タグを選択し、以下を設定します:
-
- プロモーションタグを表示: タグを有効にするにはスイッチを切り替えます。
-
タグスタイル:お好みのタグスタイルを選択してください:
-
固定ブロック:タグのコピーをカスタマイズし、ストアのテーマに従うスタイルを有効にするか、カラー設定を調整します。また、表示位置と表示ページを定義することもできます。
-
画像タグ:利用可能な3つの画像タグから選択するか、カスタム画像をアップロードします。また、表示位置と表示ページを設定できます。
-
カウントダウン:カウントダウンタイマーを表示します。このオプションは1つのスタイルのみをサポートします。 ストアのテーマに従うスタイルを有効にするか、カラー設定をカスタマイズできます。なお、カウントダウンはカテゴリページでのみ表示できます。
-
固定ブロック:タグのコピーをカスタマイズし、ストアのテーマに従うスタイルを有効にするか、カラー設定を調整します。また、表示位置と表示ページを定義することもできます。
-
右下の 保存をクリックし、次にプロモーションページで 更新をクリックして変更を適用します。
カートタグの設定
-
タイムセールリストページで、プロモーションを選択し、詳細ページにアクセスするためにクリックします。
-
プロモーションタグセクションで、クリックして編集します。
-
カートタグを選択し、次の設定を行います:
-
- カートタグを表示:カート内でタグを有効にするにはスイッチを切り替えます。 表示例を確認を使用して、タグの外観をプレビューします。
- タグコピー:タグに表示されるテキストをカスタマイズします。
- プロモーションカウントダウンを表示:タグにカウントダウンタイマーを表示します。
- ストアのテーマに従うスタイルまたはカラー設定:ストアテーマスタイルに従うか、タグの色をカスタマイズします。
-
右下の 保存をクリックし、次にプロモーションページで 更新をクリックして変更を適用します。
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。