Shop Payの分割払いに関する商品ページバナー

このページはDec 05, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/payments/shop-pay-installments/product-bannerをご覧ください。

商品ページにある商品価格の下に、Shop Payの分割払いのバナーが表示されます。このバナーにより、注文の支払いを分割で行うオプションがあることを、お客様に知らせることができます。

2022年1月31日より後に、Shopifyテーマをオンラインストアにインストールした場合、商品バナーは商品ページに追加されている可能性があります。Shop Payの分割払いを有効にした後、オンラインストアの商品ページで、商品の価格の下に表示されるバナーを確認する必要があります。

Shopアプリでのブランドプレゼンスを管理し、売上のインサイトなどの機能を利用できるように、管理画面にShop販売チャネルを追加することもできます。Shopについて詳しくは、こちらをご覧ください。

バナーが追加されていない場合は、商品ページバナーを手動で追加する必要があります。

目次

商品ページバナーを手動で追加する

テーマコードの読み取りや編集に問題がない場合は、変更が必要な箇所を特定し、商品フォームを更新できます。

変更が必要な箇所を特定する

商品フォームのすべてのインスタンスには、バナーのコードが含まれている必要があります。コードは{% form 'product', product ...のような形式で表示されます。商品フォームは、テーマによってさまざまな場所に表示されますが、一般的には次の場所に表示されます。

  • product-form.liquid
  • featured-product-form.liquid
  • product-template.liquid
  • product.liquid

商品フォームを更新する

手順:

  1. 管理画面から [オンラインストア] > [テーマ] に移動します。
  2. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
  3. 関連するファイルを開きます。
  4. {% form 'product', productが含まれている行を探します。
  5. すぐ下に新しい行を作成し、以下の内容をその行に貼り付けます。 
{{ form | payment_terms }}
  1. [保存] をクリックします。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
  5. 関連するファイルを開きます。
  6. {% form 'product', productが含まれている行を探します。
  7. すぐ下に新しい行を作成し、以下の内容をその行に貼り付けます。 
{{ form | payment_terms }}
  1. [保存] をクリックします。
  1. Shopifyアプリで [...] ボタンをタップします。
  2. 販売チャネルセクションで、[オンラインストア] をタップします。
  3. [テーマを管理する] をタップします。
  4. 編集するテーマを見つけて、[...] ボタンをクリックしてアクションメニューを開き、[コードを編集する] をクリックします。
  5. 関連するファイルを開きます。
  6. {% form 'product', productが含まれている行を探します。
  7. すぐ下に新しい行を作成し、以下の内容をその行に貼り付けます。 
{{ form | payment_terms }}
  1. [保存] をクリックします。

結果は次のようになります。

{% form 'product', product ... %}
  {{ form | payment_terms }}
  ...
{% endform %}

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

無料体験を試す