Liquid、JavaScriptなどに関する質問
みなさんこんにちは。
「注文状況ページ」でそのご注文に関してすぐにお問合せ頂けるシンプルな問い合わせ欄を作りました。
こんなコードです。
<script>
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>この御注文に関してのお問合せはこちらから</h2>',
`<div id="contact_form">
{% form 'contact' %}
<input type="hidden" name="contact[form_title]" value="ご注文明細からのお問合せ">
<input type="hidden" name="contact[order_id]" value="{{ order.name }}">
<input type="hidden" name="contact[email]" value="{{ email }}">
<div>
<textarea rows="3" name="contact[body]" style="border: 1px solid lightgray; width: 95%; padding: 8px;" placeholder="お問合せ内容" required="required"></textarea>
</div>
<div>
<button type="submit" class="btn btn--size-small">送信</button>
</div>
</div>
{% endform %}
`);
</script>
問い合わせフォームは現れて、問い合わせを送り、メールとして届くのですが、
問い合わせ投稿後、
/?contact_posted=true
こういうURLに移動してしまい、
「注文状況ページ」に戻りません。
商品や、/page/...の各ページにも問い合わせ欄を作りましたが、
そちらは投稿後それぞれのページに戻ります。
「注文状況ページ」に戻るようにする方法はありませんでしょうか?
(戻ってきたら、form.posted_successfully?で投稿ありがとうのメッセージを表示したい)
宜しくお願いします。
ありがとうございます。
拝見しました。
この記事に書かれているのは、投稿フォームに戻ってくるのが前提で、戻ってきたときの処理方法について書かれているので、そのフォームに戻ってこなければこの記事に書かれた方法は使えなさそうです。
2番目で紹介されている方法で、contact_posted=true だけでなくて、注文ページのURLまで含まれていればトップページからリダイレクトできるのですが…
英語コミュニティにも投げてみました。
言語違うから、いいですよね?(内容はほぼ同じ)
Adding CONTACT FORM SECTION to ORDER STATUS PAGE, but its not working properly. - Shopify Community
みなさん、おせわになっております。
この件、解決できました。
送信ボタンを押した際に、
javascriptで新しいウィンドウ(タブ)を作り、
<form>のターゲットをそのウィンドウに設定してからsubmit()することで、
注文状況ページは開いたままで、別のウィンドウでコンタクトフォームの送信を進め、
送信完了時にトップページに戻ってきたところで、送信完了ダイアログを表示し、作ったウィンドウを閉じるようにしました。
閉じたときに、大概は元の注文状況ページを表示しているウィンドウに戻るので、思ったような動作になりました。
ありがとうございました。
これからもよろしくお願いします。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024