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

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

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

メモ

簡単なチェックアウトボタンは、Shopify Theme Storeのテーマのすべての最新バージョンで利用できます。旧バージョンのテーマを使用している場合、テーマを更新するかテーマコードを編集して、簡単なチェックアウトボタンを追加することが必要です。

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

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

手順

デスクトップ

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. [✓] をタップします。