.amp ヘルプセンター
    🗒️

    手順3. 商品にボタンを適用する

    • 1. テーマをカスタマイズする
    • 2. 商品のテンプレートを作成する
    • 3. 商品の詳細ページを編集する
    • 3-1. デフォルトの購入ボタンを削除する
    • 3-2. 作成した購入ボタンを追加する
    • 4. 商品にテンプレートを適用する
    • 5. 実際のサイト上でボタンを確認する

    1. テーマをカスタマイズする

    メニューの販売チャネル > オンラインストア > テーマ を選択し、カスタマイズボタンを押します

    image

    2. 商品のテンプレートを作成する

    条件を指定するために「商品のテンプレート」を新規作成します

    image

    3. 商品の詳細ページを編集する

    3-1. デフォルトの購入ボタンを削除する

    手順2で作成したボタンを利用するため、デフォルトで追加されている購入ボタンを削除します

    image

    左側にある商品情報欄から「購入ボタン」を選択します

    左下にある「ブロックを削除する」ボタンか、右側の購入ボタンをクリックすると出てくるゴミ箱アイコンを押して、削除する

    image

    左側にある商品情報欄に「購入ボタン」が無くなっていれば削除できています

    image

    3-2. 作成した購入ボタンを追加する

    商品情報欄にある「ブロックを追加」を押し、スマート購入ボタンを追加します

    image
    • ボタン選択画面で使用したい条件セットを選択します(Set01 - Set10)
    image
    • 右上にある「保存する」ボタンを押します
    image

    4. 商品にテンプレートを適用する

    商品管理から、スマート購入ボタンを設定したい商品に作成したテンプレートを設定します

    image

    設定したら右上の「保存する」ボタンをクリックします

    image

    5. 実際のサイト上でボタンを確認する

    • 購入可能なユーザーでログインします
    • 商品詳細ページにて、対象のボタンが表示されていることを確認します
    image

    NEXT⏩ Linked page

    (c) and.d k.k.