# 決済完了後に外部サイトにリダイレクトする方法

**URL:** <https://community.shopify.com/t/topic/6513>\
**Category:** 技術的なQ＆A\
**Created:** [October 16, 2019, 7:08am UTC](https://community.shopify.com/t/topic/6513 "2019-10-16T07:08:45Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Storefront APIで取得した商品を独自プロダクト上に表示し、購入時は`Checkout.webUrl`でShopifyの決済画面へ遷移する構成で、決済完了後に独自サイトへ戻す方法が質問されています。求められているのは、自動リダイレクト、またはThank youページに戻り先ボタンを設置する方法です。

回答では、Shopify Plus以外ではチェックアウト以降のテーマ自体は編集できない点が指摘されています。その代わり、管理画面の「設定 ＞ チェックアウト ＞ 追加スクリプト」にJavaScriptやLiquidを挿入でき、ここに記述した内容は注文完了ページで実行または表示されます。

具体的な提案は以下です。
- 追加スクリプトにリダイレクト処理を書く
- もしくはテキストやボタンを表示して外部サイトへ誘導する

結論として、決済後画面の完全な自由編集は難しい一方、注文状況ページ（Thank youページ）での対応は可能という方向性が示されています。実装可否の最終確認や具体コードはまだ未提示で、議論は部分的な回答に留まっています。

<div class="post-metadata">

**Author:** ![hitomono](https://avatars.discourse-cdn.com/v4/letter/h/aeb1de/32.png) [@hitomono](https://community.shopify.com/u/hitomono)\
**Post date:** [October 16, 2019, 7:08am UTC](https://community.shopify.com/t/topic/6513/1 "2019-10-16T07:08:45Z")

</div>

Storefront APIを使って開発を進めています。

shopifyに登録した商品をAPIで取得して自分のプロダクトに表示させており、公式のリファレンスに元ずいて購入ボタンを押すとshopifyの決済ページに飛ばすようにしています。

以下、公式リファレンスより抜粋

**Shopify web checkout**

The simplest way to complete it is to redirect the customer to Shopify’s web checkout form using the returned webUrl field. At any point during the checkout flow, you can redirect the user to this form by querying the webUrl field on the Checkout:

```auto
query {
  node(id:"Z2lkOi8vc2hvcGlmeS9DaGVja291dC81ZDliYTZjOTlhNWY4YTVhNTFiYzllMzlmODEwNTNhYz9rZXk9NWIxZTg5NDQzNTZkMjMxOGU1N2ZlNjQwZDJiNjY1M2Y=" ) {
    ... on Checkout {
      id
      webUrl
    }
  }
}

```

そのままshopify上で決済完了まで進むことができるのですが、その後にまた自分のプロダクトにリダイレクトするやり方が分かりません。

恐らくshopifyのコードをいじってどこかに自分のページへのURLを書けば良いと思うのですが、Liquid言語が全くわからないので頭を抱えています。

決済完了後に自動で自分のサービスにリダイレクトまたは決済完了後に表示されるThank youページで自分のサービスに飛ばすボタンを設置するのどちらでも構いませんので、道筋を教えていただけると幸いです。

よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [October 18, 2019, 2:54am UTC](https://community.shopify.com/t/topic/6513/2 "2019-10-18T02:54:54Z")

</div>

Plusマーチャント以外は、checkout以降のテーマをいじれませんが、設定＞チェックウト＞追加スクリプトにJavaScriptとliquidを挿入することができます。少しわかりづらいかもですが、この部分は、テキストを書けばそのまま決済完了ページにテキストとして表示され、スクリプトとして書けばその内容は表示されずスクリプトとして動作するので、ここにリダイレクト処理を書けばおそらく動作するのではないでしょうか？  
[https://help.shopify.com/en/manual/orders/status-tracking/customize-status-tracking](https://help.shopify.com/en/manual/orders/status-tracking/customize-status-tracking)