動的チェックアウトボタンを追加および削除する

[カートに追加する] ボタンを配置したオンラインストアの任意の場所に、動的チェックアウトボタンを追加あるいは削除できます。

動的チェックアウトボタンを追加する前に、オンラインストアとの互換性を確認してください。

商品ページに動的チェックアウトボタンを追加あるいは削除する

商品ページで動的チェックアウトボタンを追加または削除できます。

手順:

デスクトップ
  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  3. [商品管理] をクリックします。
  4. [デフォルトの商品]、または編集する商品テンプレートを選択します。
  5. [商品情報] セクションで、[購入ボタン] をクリックします。
  6. [動的チェックアウトボタンを表示] を選択または選択解除します。テーマに [動的チェックアウトボタンを表示] 設定が含まれていない場合、テーマを更新するか、テーマコードを編集する必要があります。
  7. [保存] をクリックします。
iPhone
  1. Shopifyアプリ[...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [テンプレート] をタップします。
  6. [商品管理] をクリックします。
  7. [デフォルトの商品]、または編集する商品テンプレートを選択します。
  8. [商品情報] セクションで、[購入ボタン] をクリックします。
  9. [動的チェックアウトボタンを表示] を選択または選択解除します。テーマに [動的チェックアウトボタンを表示] 設定が含まれていない場合、テーマを更新するか、テーマコードを編集する必要があります。
  10. [保存] をクリックします。
Android
  1. Shopifyアプリ[...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [テンプレート] をタップします。
  6. [商品管理] をクリックします。
  7. [デフォルトの商品]、または編集する商品テンプレートを選択します。
  8. [商品情報] セクションで、[購入ボタン] をクリックします。
  9. [動的チェックアウトボタンを表示] を選択または選択解除します。テーマに [動的チェックアウトボタンを表示] 設定が含まれていない場合、テーマを更新するか、テーマコードを編集する必要があります。
  10. [保存] をクリックします。

ホームページに動的チェックアウトボタンを追加あるいは削除する

ホームページに [カートに追加する] ボタンを配置した特集商品セクションが含まれている場合、そのセクションに動的チェックアウトボタンを追加あるいは削除できます。

手順:

デスクトップ
  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。
  3. [セクションを追加する] をクリックします。
  4. [特集商品] セクションで、[購入ボタン] をクリックします。
  5. [動的チェックアウトボタンを表示する] を選択または選択解除します。
  6. [保存] をクリックします。
iPhone
  1. Shopifyアプリ[...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [すべてのテーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  6. [セクションを追加する] をクリックします。
  7. [特集商品] セクションで、[購入ボタン] をクリックします。
  8. [動的チェックアウトボタンを表示する] を選択または選択解除します。
  9. [保存] をクリックします。
Android
  1. Shopifyアプリ[...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [すべてのテーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
  5. [編集] をタップします。
  6. [セクションを追加する] をクリックします。
  7. [特集商品] セクションで、[購入ボタン] をクリックします。
  8. [動的チェックアウトボタンを表示する] を選択または選択解除します。
  9. [保存] をクリックします。

テーマに [動的チェックアウトボタンを表示] 設定が含まれていない場合、テーマを更新するか、テーマコードを編集する必要があります。

選択した商品に動的チェックアウトボタンを追加する

一部の商品ページだけに動的チェックアウトボタンを表示する場合、代替テンプレートを作成します。代替テンプレートは、元のテンプレートに影響を与えずに編集できる複製したテーマコードテンプレートです。動的チェックアウトボタンを代替テンプレートに追加して、商品の選択向けのテンプレートを使用できます。

代替商品テンプレートの作成については、「新しいテンプレートを作成する」を参照してください。

代替商品テンプレートを作成して商品に割り当てた後、商品の動的チェックアウトボタンを有効にすることが必要です。

手順:

デスクトップ
  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. 代替テンプレートを作成したテーマを見つけて、[カスタマイズする] をクリックします。
  3. テーマエディタで、代替テンプレートを割り当てた商品の商品ページに移動します。
  4. [商品ページ] セクションをクリックします。
  5. [動的チェックアウトボタンを表示する] を選択または選択解除します。
  6. [保存] をクリックします。変更は、代替テンプレートを使用するすべての商品に適用されます。
iPhone
  1. Shopifyアプリ[...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 代替テンプレートを作成したテーマを見つけて、[カスタマイズする] をクリックします。
  5. テーマエディタで、代替テンプレートを割り当てた商品の商品ページに移動します。
  6. [商品ページ] セクションをクリックします。
  7. [動的チェックアウトボタンを表示する] を選択または選択解除します。
  8. [保存] をクリックします。変更は、代替テンプレートを使用するすべての商品に適用されます。
Android
  1. Shopifyアプリ[...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 代替テンプレートを作成したテーマを見つけて、[カスタマイズする] をクリックします。
  5. テーマエディタで、代替テンプレートを割り当てた商品の商品ページに移動します。
  6. [商品ページ] セクションをクリックします。
  7. [動的チェックアウトボタンを表示する] を選択または選択解除します。
  8. [保存] をクリックします。変更は、代替テンプレートを使用するすべての商品に適用されます。
お探しの情報が見つかりませんか?いつでもお気軽にお問い合わせください。