動的チェックアウトボタンをカスタマイズする

ブランドなしの動的チェックアウトボタンの色やフォントを、オンラインストアに合わせてカスタマイズできます。ブランド版のボタンをカスタマイズすることはできません。

動的チェックアウトボタンをカスタマイズする前に、ボタンがオンラインストアに追加されていることを確認してください。

動的チェックアウトボタンの色をカスタマイズする

動的チェックアウトボタンの色をカスタマイズできます。

手順

デスクトップ

1. 管理画面から [オンラインストア] > [テーマ] に移動します。

2. 編集するテーマを見つけて、[カスタマイズする] をクリックします。

3. [テーマ設定] の歯車アイコンをクリックします。

4. [カラー] をクリックします。

5. 背景色に影響する設定と、動的チェックアウトボタンのテキストの配色に影響する設定を編集します。特定の設定は、テーマによって異なります。

6. [保存] をクリックします。

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

Android

1. Shopifyアプリで [...] ボタンをタップします。
2. 販売チャネルセクションで、[オンラインストア] をタップします。
3. [テーマを管理する] をタップします。
4. 編集するテーマを見つけて、[カスタマイズする] をタップします。
5. [編集] をタップします。
6. [...] > [テーマ設定] の順にタップします。
7. [タイポグラフィー] をタップします。
8. 動的チェックアウトボタンのテキストに影響するタイポグラフィーの設定を編集します。特定の設定は、テーマによって異なります。
9. [完了] をタップします。
10. [✓] をタップします。