Liquid、JavaScriptなどに関する質問
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:
query { node(id:"Z2lkOi8vc2hvcGlmeS9DaGVja291dC81ZDliYTZjOTlhNWY4YTVhNTFiYzllMzlmODEwNTNhYz9rZXk9NWIxZTg5NDQzNTZkMjMxOGU1N2ZlNjQwZDJiNjY1M2Y=" ) { ... on Checkout { id webUrl } } }
そのままshopify上で決済完了まで進むことができるのですが、その後にまた自分のプロダクトにリダイレクトするやり方が分かりません。
恐らくshopifyのコードをいじってどこかに自分のページへのURLを書けば良いと思うのですが、Liquid言語が全くわからないので頭を抱えています。
決済完了後に自動で自分のサービスにリダイレクトまたは決済完了後に表示されるThank youページで自分のサービスに飛ばすボタンを設置するのどちらでも構いませんので、道筋を教えていただけると幸いです。
よろしくお願い致します。
Plusマーチャント以外は、checkout以降のテーマをいじれませんが、設定>チェックウト>追加スクリプトにJavaScriptとliquidを挿入することができます。少しわかりづらいかもですが、この部分は、テキストを書けばそのまま決済完了ページにテキストとして表示され、スクリプトとして書けばその内容は表示されずスクリプトとして動作するので、ここにリダイレクト処理を書けばおそらく動作するのではないでしょうか?
https://help.shopify.com/en/manual/orders/status-tracking/customize-status-tracking
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024