本ガイドでは、Appifyの商品ページのデザイン構成および設定内容についてご案内します。
商品ページの設定を行う際は、まず本ガイドで商品ページで実現できる内容をご確認のうえ、各種ガイドを参考に設定を行ってください。
商品ページは、以下5つのカテゴリーでデザイン調整が可能です。
基本設定
商品カスタマイズ設定
ボタン・販売状態のカスタマイズ
商品バリエーションのカスタマイズ
商品詳細のカスタマイズ
基本設定では、商品ページ全体の表示内容や見た目に関する設定ができます。
設定可能な項目は以下の通りです。(→商品ページの基本設定のガイドはこちら)
画像比率
ブランド名の表示/非表示
カラーバリエーションの表示/非表示
N% OFFのバッジの表示/非表示
割引前の価格の表示/非表示
割引前の価格を非表示にした場合は「N%バッジ」が「SALE」と表示されます
商品価格に消費税を含める/含めない
「残りわずか」ラベルの表示/非表示
チャット導線の表示/非表示
チャネルトークと連携可能
すべての表示設定を有効にした状態のサンプルです
おすすめ商品欄と閲覧履歴のタイトル編集(→商品リストのガイドはこちら)
カスタマイズ設定では、商品ページ内の訴求エリアや表示コンテンツの調整ができます。
設定可能な項目は以下の通りです。
コールアウトの設定(→コールアウトのガイドはこちら)
商品バナーの設定(→商品バナーのガイドはこちら)
商品リストの設定(→商品リストのガイドはこちら)
商品状態や購入導線に応じて、各種ボタン表示のカスタマイズも可能です。
設定可能な項目は以下の通りです。
SOLD OUTボタンの表示設定(→SOLD OUTボタンのガイドはこちら)
「再入荷通知を受け取る」ボタンの表示設定(→再入荷ボタンのガイドはこちら)
特定商品の「カートに追加」ボタンの非表示設定(→カートに追加ボタンのガイドはこちら)
商品の割引前価格の非表示設定(→割引前の価格を非表示にするガイドはこちら)
商品ページの基本設定でも同じく設定できます
割引前の価格を非表示にした場合は「N%バッジ」が「SALE」と表示されます
商品バリエーションごとに以下の設定が可能です。
商品バッジをバリエーションごとに設定する(→バリエーションごとに設定するガイドはこちら)
商品バリエーション単体の購入制限を設定する(→購入制限のガイドはこちら)
商品詳細に、サイズガイドや商品の特徴、返品ルールや配送に関する情報など、購入を兼用するために必要な情報を記載できます。(→商品詳細のカスタマイズの設定ガイドはこちら)
商品詳細のカスタマイズ(アコーディオン型)
サイズガイド
本ガイドでは、Appifyの商品ページのデザイン構成および設定内容についてご案内します。
商品ページの設定を行う際は、まず本ガイドで商品ページで実現できる内容をご確認のうえ、各種ガイドを参考に設定を行ってください。
商品ページは、以下5つのカテゴリーでデザイン調整が可能です。
基本設定
商品カスタマイズ設定
ボタン・販売状態のカスタマイズ
商品バリエーションのカスタマイズ
商品詳細のカスタマイズ
基本設定では、商品ページ全体の表示内容や見た目に関する設定ができます。
設定可能な項目は以下の通りです。(→商品ページの基本設定のガイドはこちら)
画像比率
ブランド名の表示/非表示
カラーバリエーションの表示/非表示
N% OFFのバッジの表示/非表示
割引前の価格の表示/非表示
割引前の価格を非表示にした場合は「N%バッジ」が「SALE」と表示されます
商品価格に消費税を含める/含めない
「残りわずか」ラベルの表示/非表示
チャット導線の表示/非表示
チャネルトークと連携可能
すべての表示設定を有効にした状態のサンプルです
おすすめ商品欄と閲覧履歴のタイトル編集(→商品リストのガイドはこちら)
カスタマイズ設定では、商品ページ内の訴求エリアや表示コンテンツの調整ができます。
設定可能な項目は以下の通りです。
コールアウトの設定(→コールアウトのガイドはこちら)
商品バナーの設定(→商品バナーのガイドはこちら)
商品リストの設定(→商品リストのガイドはこちら)
商品状態や購入導線に応じて、各種ボタン表示のカスタマイズも可能です。
設定可能な項目は以下の通りです。
SOLD OUTボタンの表示設定(→SOLD OUTボタンのガイドはこちら)
「再入荷通知を受け取る」ボタンの表示設定(→再入荷ボタンのガイドはこちら)
特定商品の「カートに追加」ボタンの非表示設定(→カートに追加ボタンのガイドはこちら)
商品の割引前価格の非表示設定(→割引前の価格を非表示にするガイドはこちら)
商品ページの基本設定でも同じく設定できます
割引前の価格を非表示にした場合は「N%バッジ」が「SALE」と表示されます
商品バリエーションごとに以下の設定が可能です。
商品バッジをバリエーションごとに設定する(→バリエーションごとに設定するガイドはこちら)
商品バリエーション単体の購入制限を設定する(→購入制限のガイドはこちら)
商品詳細に、サイズガイドや商品の特徴、返品ルールや配送に関する情報など、購入を兼用するために必要な情報を記載できます。(→商品詳細のカスタマイズの設定ガイドはこちら)
商品詳細のカスタマイズ(アコーディオン型)
サイズガイド