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

このページはJun 10, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/online-store/dynamic-checkout/customize-buttonをご覧ください。

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

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

目次

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

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

手順:

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

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

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

手順:

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

Shopifyで販売を開始する準備はできていますか?

無料体験を試す