お問合せ送信後にサンクスページを表示させる方法

Shopify大好きちさです。

今回はShopifyのお問合せフォームの送信後にサンクスページ（お問合せ完了ページ）を表示させる方法を紹介します。

Shopifyの標準のお問合せはページ遷移がない

Shopifyの標準のお問合せフォームには、送信ボタンを押下後、ページ遷移がなく、ページ内でThanksメッセージが表示されます。

日本のお問合せフォームだと、送信完了ページが表示されることがほとんだよね。

お問合せフォーム送信後にサンクスページを表示させる方法

Shopifyのお問合せフォーム送信後にサンクスページを表示させるには、
①アプリを使う
②コードをカスタマイズする
のどちらかの方法にて対応する必要があります！

アプリを使う方法

一番簡単なのはフォームのアプリを使うことで、送信後サンクスページを表示させてくれるものもあります！

例えば、Form Builder ‑ Contact Formは無料で使えるし、送信後のお問合せ完了ページも設定できるから便利です。

コードカスタマイズで表示させる方法

もう1つはJavaScriptで送信後にお問合せ完了ページにリダイレクトさせる方法です。

下記のコードをフォームのセクションに埋め込みます。jQueryは使っていないので、このまま使えます。

<script>
  if (location.href.match("contact_posted=true") != null) {
    window.location.href = '/pages/お問合せページのhandle/';
  }
</script>