動的チェックアウトボタンを追加および削除する
このページはFeb 03, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/dynamic-checkout/add-buttonsをご覧ください。
[カートに追加する] ボタンを配置したオンラインストアの任意の場所に、動的チェックアウトボタンを追加あるいは削除できます。
動的チェックアウトボタンを追加する前に、オンラインストアとの互換性を確認してください。
商品ページに動的チェックアウトボタンを追加あるいは削除する
手順:
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- 編集するテーマを見つけて、[カスタマイズする] をクリックします。
- ページ上部のドロップダウンメニューを開きます。
- Shopifyアプリから [ストア] をタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 編集するテーマを見つけて、[カスタマイズする] をタップします。
- [テンプレート] をタップします。
- Shopifyアプリから [ストア] をタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 編集するテーマを見つけて、[カスタマイズする] をタップします。
- [テンプレート] をタップします。
- [商品ページ] を選択します。
- [商品ページ] セクションをクリックします。
- [動的チェックアウトボタンを表示する] のチェックボックスをオンまたはオフにします。
- [保存] をクリックします。
[動的チェックアウトボタンを表示する] 設定が表示されない場合、テーマを更新するか、テーマコードを編集する必要があります。
ホームページに動的チェックアウトボタンを追加あるいは削除する
ホームページに [カートに追加する] ボタンを配置した特集商品セクションが含まれている場合、そのセクションに動的チェックアウトボタンを追加あるいは削除できます。
手順:
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- 編集するテーマを見つけて、[カスタマイズする] をクリックします。
- Shopifyアプリから [ストア] をタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 編集するテーマを見つけて、[カスタマイズする] をタップします。
- [編集] をタップします。
- Shopifyアプリから [ストア] をタップします。
- 販売チャネルセクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 編集するテーマを見つけて、[カスタマイズする] をタップします。
- [編集] をタップします。
- [セクションを追加する] をクリックします。
- [特集商品] をクリックし、[選択] をクリックします。
- 商品の詳細を入力し、[動的チェックアウトボタンを表示する] のチェックボックスをオンまたはオフにします。
- [保存] をクリックします。
[動的チェックアウトボタンを表示する] 設定が表示されない場合、テーマを更新するか、テーマコードを編集する必要があります。
選択した商品に動的チェックアウトボタンを追加する
一部の商品ページだけに動的チェックアウトボタンを表示する場合、代替テンプレートを作成します。代替テンプレートは、元のテンプレートに影響を与えずに編集できる複製したテーマコードテンプレートです。動的チェックアウトボタンを代替テンプレートに追加して、商品の選択向けのテンプレートを使用できます。
代替商品テンプレートの作成については、「新しいテンプレートを作成する」を参照してください。
代替商品テンプレートを作成して商品に割り当てた後、商品の動的チェックアウトボタンを有効にすることが必要です。
手順:
- 管理画面から [オンラインストア] > [テーマ] の順に移動します。
- Shopifyアプリで [ストア] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- Shopifyアプリで [ストア] をタップします。
- [販売チャネル] セクションで、[オンラインストア] をタップします。
- [テーマを管理する] をタップします。
- 代替テンプレートを作成したテーマを見つけて、[カスタマイズする] をクリックします。
- テーマエディタで、代替テンプレートを割り当てた商品の商品ページに移動します。
- [商品ページ] セクションをクリックします。
- [動的チェックアウトボタンを表示する] をオンにします。
- [保存] をクリックします。 変更は、代替テンプレートを使用するすべての商品に適用されます。