Shop Payの分割払い商品ページバナー

Shop Payの分割払いのバナーは、お客様に分割払いのオプションについて知らせるもので、商品ページの商品価格の下に表示されます。このバナーに表示される情報は、商品の金額やお客様の利用資格によって異なります。

商品ページバナーを表示することで、お客様がチェックアウトに進む前に、推定融資額に関する情報を事前に提供できます。

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

Shop アプリでのブランドのプレゼンスを管理し、販売インサイトなどの機能にアクセスしやすくするために、Shopify 管理画面に Shop 販売チャネルを追加することを検討してください。Shopについて、詳しくはこちら。

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

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

テーマコードの読み取りと編集に慣れている場合は、変更を加える箇所を特定し、商品フォームを更新することができます。

変更を加える場所を特定する

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

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

商品フォームを更新する

手順:

デスクトップ
  1. Shopify 管理画面で、オンラインストア > テーマ の順に移動します。

  2. 編集するテーマを見つけ、[…] をクリックしてアクションメニューを開き、「コードを編集」をクリックします。

  3. 該当するファイルを開きます。

  4. {% form 'product', product を含む行を見つけます。

  5. すぐ下に新しい行を作成し、その行に以下を貼り付けます。

{{ form | payment_terms }}
  1. [保存] をクリックします。
モバイル
  1. Shopifyアプリから、Menu アイコンをタップします。

  2. [販売チャネル] セクションで、[オンラインストア] をタップします。

  3. [すべてのテーマを管理] をタップします。

  4. 編集するテーマを見つけて […] をタップし、アクションメニューを開いてから、[コードを編集] をタップします。

  5. 該当するファイルを開きます。

  6. {% form 'product', product を含む行を見つけます。

  7. すぐ下に新しい行を作成し、その行に以下を貼り付けます。

{{ form | payment_terms }}
  1. [保存] をタップします。

結果は、以下のようになります。

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