![見出し画像](https://assets.st-note.com/production/uploads/images/64989263/rectangle_large_type_2_22beb56a1a9b671f84c25d396e123c0d.png?width=1200)
【Shopify Tips:05】テスト購入の方法(Bogus Gateway)
Shopifyにてサイト構築する上で役に立つ情報を紹介します。
今回は Bogus Gatewayでのテスト購入の方法を説明します。
Bogus Gatewayとは
Bogus Gatewayは、どのストアでもテスト注文を使用できる決済サービスです。サイト構築時に各種決済の設定ができていない段階でもテスト注文を行うことができます。
また、Bogus Gatewayを設定している間は、作成するすべての注文はテスト注文になります。
Bogus Gatewayを有効にする
Shopify管理画面>設定>決済設定
※クレジットカード決済サービスを有効にしている場合は、続行する前に無効に変更してください。
■Shopifyペイメントが有効になっていない場合
決済サービスのShopifyペイメントの項目より、 他のすべてのプロバイダーを見る を選択します。
![画像6](https://assets.st-note.com/production/uploads/images/64791339/picture_pc_deabf1def4f758fa96794f90ae364bbc.png?width=1200)
外部決済サービスの一覧が表示されるので、一番上にある (for testing)Bogus Gateway を選択します。
![画像8](https://assets.st-note.com/production/uploads/images/64791352/picture_pc_9db1c973a436b52eeb075ff4d34984d6.png?width=1200)
Bogus Gatewayの詳細が表示されるので、一番下にある (for testing)Bogus Gatewayを有効化する を選択します。
![画像9](https://assets.st-note.com/production/uploads/images/64791358/picture_pc_1a0799875c6ed9c9c74dabac52766001.png?width=1200)
このような画面が表示されれば、Bogus Gatewayの有効化は完了です。
![画像8](https://assets.st-note.com/production/uploads/images/64792089/picture_pc_b6f71b7ced02ab7f2b80cd4391131a0b.png?width=1200)
■Shopifyペイメントが有効になっている場合
決済サービスのShopifyペイメントの項目より、 管理する を選択します。
![画像9](https://assets.st-note.com/production/uploads/images/64792163/picture_pc_4a3c8be207120d9d9074b4ffc404f903.png?width=1200)
Shopifyペイメントの詳細画面に移動したら、一番下までスクロールした箇所に 外部サービスプロバイダーに切り替える があるので、こちらを選択します。
![画像10](https://assets.st-note.com/production/uploads/images/64792224/picture_pc_beaec567f472daab99db634d00e88fe6.png?width=1200)
Shopify ペイメントが無効になる旨のポップアップが表示されますが、 外部サービスプロバイダーに切り替える を選択します。
![画像11](https://assets.st-note.com/production/uploads/images/64792414/picture_pc_6e441fa0a42820ea281dc3426005e0d7.png?width=1200)
外部決済サービスの一覧が表示されるので、一番上にある (for testing)Bogus Gateway を選択します。
![画像12](https://assets.st-note.com/production/uploads/images/64792518/picture_pc_6cf28b45dab54c138f378e3ffe0ad948.png?width=1200)
こちらを選択すると、Bogus Gatewayの詳細が表示され、下部に 「Shopify ペイメントを無効にする」 の項目が表示されますので、理由を選択し、 (for testing)Bogus Gatewayを有効化する を選択します。
![画像13](https://assets.st-note.com/production/uploads/images/64792621/picture_pc_aad1076543316bcaface65f9b80450b3.png?width=1200)
このような画面が表示されれば、Bogus Gatewayの有効化は完了です。
![画像14](https://assets.st-note.com/production/uploads/images/64792808/picture_pc_3e2b437ddc93adaa4cfa59a9ad82f213.png?width=1200)
テストモードでのテスト購入
Bogus Gatewayが有効になっていることを確認できたら実際にサイトにて商品のテスト購入を行います。
まず、Shopify管理画面よりオンラインストアの横にある目のマークよりフロント画面へ移動します。
![画像15](https://assets.st-note.com/production/uploads/images/64931563/picture_pc_cdff4aa42c6f5224557f7a11eebbbf37.png?width=1200)
そこから実際に購入するのと同様に商品をカゴに追加し、住所へと進みます。住所、メールアドレス等は仮のものを入力し、「支払い」の項目まで進めます。
ここではクレジットカードの情報を求められますが、以下を参考に入力して下さい。
テスト購入用 クレジットカード情報
カード番号:「1」と入力します。
カードの名義人:「Bogus Gateway」と入力します。
有効期限:将来の日付を入力します。
セキュリティコード:3桁を入力します。
出典:Shopify のチェックアウト>テスト注文
https://help.shopify.com/ja/manual/checkout-settings/test-orders
必要情報の入力が完了しましたら「今すぐお支払い」を選択します。
![画像15](https://assets.st-note.com/production/uploads/images/64932368/picture_pc_cfda09760d82e99b4f96fefd31d695c4.png?width=1200)
無事に以下のようなサンクスページに移動すればテスト購入の作業自体は完了です。また、この段階で登録したメールアドレスに対しても注文確認メールが送信さるので確認してみてください。
![画像11](https://assets.st-note.com/production/uploads/images/64791371/picture_pc_9a27feeccf225fdc3563ead4416a1e5c.png?width=1200)
注文内容の確認
注文された内容に関しては、Shopify管理画面>注文管理より確認することができます。
こちらに一覧で注文した内容が表示され、各注文を選択することで注文の詳細を確認・変更することができます。
![画像12](https://assets.st-note.com/production/uploads/images/64791378/picture_pc_7b2d15332dba91547f8dc0760c6dec2e.png?width=1200)
対象の注文を選択すると、注文の発送状況、支払状況、タイムライン(注文の処理状況)、顧客情報を確認することができます。
![画像13](https://assets.st-note.com/production/uploads/images/64791387/picture_pc_2b08c4011ed49e2dd43ed2671ee68297.png?width=1200)
正常に注文が入っていることが確認できれば、テスト購入は完了です。
イレギュラーな取引のシミュレーション
下記のクレジットカード番号でテスト購入することで、チェックアウト中のエラーメッセージを確認することができます。
顧客からの問い合わせがあった場合同様のケースがどれに当てはまるのか確認することにも役立ちます。
失敗したシュミレーション:
失敗した取引のシミュレーションを行うには、「2」を入力します。
例外のシュミレーション:
例外のシミュレーションを実行するには、「3」を入力します (プロバイダーにエラーが発生したことを示すメッセージが生成されます)。
まとめ
今回はBogus Gatewayのテスト購入の方法について簡単に説明しました。
Bogus Gatewayは他の決済の導入をしていない段階でも使用できるので、顧客情報がない段階ではこちらを活用するようにしましょう。
テスト購入では、実際に顧客に表示される画面の確認もできるので、サイト公開前に1度は確認しておきましょう。
また、今回紹介したテストモードに関しては、顧客も購入できなくなってしまう為、必ずサイトが公開されていない状態で行うようにして下さい。
各決済毎にテスト購入の方法は違ってきますので、今後各記事を追加していく予定です。
今回の記事は以上です。
この記事が気に入ったらサポートをしてみませんか?