logo

Shopifyで、Amazon Payments の配送先と請求先が同じになる不具合の対応について

Shopifyで、Amazon Payments の配送先と請求先が同じになる不具合の対応について

Shopifyの決済方法にAmazon Payを設定した際に、請求先と配送先の住所を別々に入力しても、 ユーザーには両方とも配送先が表示されてしまう不具合の対応について解説します。


【結論】ユーザーがAmazon Payを使用した際は、請求先住所に固定の文言を表示させる

商品を購入したユーザーへの請求はAmazon Payが行うので、ストア側は請求先を取得できないはずです。

そこで、今回のカスタマイズでは、

  • ユーザーが支払い方法で「Amazon Pay」を選択した時に
  • 注文完了ページ・注文確認メール・注文の編集メールの3箇所の請求先情報が記載される箇所に
  • 「Amazon Payにご登録の住所です。」というテキストを表示させる

ということを目的にします。

繰り返しになってしまいますが、対応するべき箇所は以下の3点

  1. 注文完了ページ
  2. 注文確認メール
  3. 注文編集メール

ここからは、①〜③の修正方法について解説していきます。

※全てコピペで完了するので、コードの知識がない方でも大丈夫です


① 注文完了ページ

管理画面左下の歯車マーク「設定(Settings)」→カートマークの「チェックアウト(Checkout)」→「追加スクリプト(Additional scripts)」の中に、下記のコードをコピペして、保存します。

See the Pen Untitled by 福水正太 (@shotafukumizu) on CodePen.


② 注文確認メール

管理画面左下の歯車マーク「設定(Settings)」→ベルマークの「通知(Notifications)」→「注文の確認(Order confirmation)」→「メール本文 ( HTML )」の中身を、下記のコードとそっくり入れ替えて。保存します。。

※メモ帳でも良いので、必ずバックアップをとってから実行してください。

See the Pen AmazonPay注文確認メール by 福水正太 (@shotafukumizu) on CodePen.


③ 注文編集メール

管理画面左下の歯車マーク「設定(Settings)」→ベルマークの「通知(Notifications)」→「注文の確認(Order confirmation)」→「メール本文 ( HTML )」の中身を、下記のコードとそっくり入れ替えて。保存します。。

※メモ帳でも良いので、必ずバックアップをとってから実行してください。

See the Pen AmazonPay注文編集メール by 福水正太 (@shotafukumizu) on CodePen.


まとめ

以上で、Shopifyの決済で「amazon pay」を設定した際に発生する請求先住所の表示不具合に関しての対応は完了です。

※コピペするコードの中の「Amazon Payにご登録の住所です。」という箇所を変更していただければ、任意のテキストが出力できます

※②③に関しては、メモ帳でも良いので、必ず事前にバックアップをとってから作業をしてください

※この記事は2022年07月時点の内容です。今後のアップデートやShopifyの仕様変更等により、記事の内容が古くなってしまう可能性があります。

\ShopifyでEC構築を検討中の方へ/

現在、Shopify公式は無料のお試しキャンペーンを実施しています。

Shopify

百聞は一見に如かずといいますが、ネット上で情報収集するよりも、実際にShopifyに触れるほうが何倍も効率が良いでしょう。

下記の案内ページからキャンペーンの詳細をご確認ください。

【150円×1ヶ月】CP実施中!!

サービス

Service

- プロジェクトプラン -

こんな方におすすめ!

  • これからShopifyでECを立ち上げるための支援をしてほしい

  • 自社で取ってきたShopify案件のディレクションや開発業務を任せたい

  • 自社サービスとShopifyを連携させたアプリケーションを作ってほしい

- サポートプラン -

こんな方におすすめ!

  • 自社でShopifyストアを立ち上げてみたが、やはり専門家がいないと厳しいため、相談できるパートナーがほしい

  • 自社で受けたShopify案件の一部を、Shopifyに強い開発者に相談したい

  • 開発してもらったShopifyアプリの保守やメンテナンスをお願いしたい

- SESプラン -

こんな方におすすめ!

  • ストアの改修や更新業務が忙しくなってきたため、色々な業務をお願いできて専門的なスキルを持っている人材がほしい

  • 自社でShopify案件が溢れてしまい、数ヶ月間、スピーディかつ自由に案件を依頼できる外部のパートナーがほしい

事例

Works

ストア開発/支援

Shopify Store

累計100以上のShopifyストア開発経験を基に、商材・業界ごとに無駄のないご提案~実装が可能です。また、既に公開されているShopifyストアを、技術的な観点から保守/サポートさせて頂いております。弊社が構築していないストア様も、ご加入が可能です。

アプリ開発

Shopify App

各ストアに特化したカスタムアプリだけでなく、Shopify App Storeに掲載できる公開アプリ開発のご相談・ご依頼を承っています。例えば、自社サービスで構築しているAPIとShopifyのAPIを連携~Shopify App Storeで公開することで、Shopifyを使用しているEC事業者に自社サービスをリーチさせることができます。