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

このページはApr 20, 2024に印刷されています。最新のバージョンについては、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で販売を開始する準備はできていますか?

無料体験を試す