Shopifyで問い合わせ後にサンクスページに遷移する設定方法を知りたい
この記事では上記の課題を解決します。
デフォルトの設定だと、Shopifyで問い合わせフォームから送信すると送信完了のポップアップが出てきます。
ポップアップではなくサンクスページにページ遷移する設計に変更したいという方が多くいると思います。
しかしShopifyのデフォルトの設計だとサンクスページへのページ遷移はできません。問い合わせページにコードを追加する必要があります。
Shopifyのコードを編集して問い合わせ送信後にサンクスページにページ遷移するやり方を紹介します！
目次
問い合わせ送信後にサンクスページに遷移する方法
まずShopifyで作成した問い合わせページのコードファイルを開きます。まだ問い合わせページを作成していないという方は、まず問い合わせページを作成してください。
問い合わせページのコードファイルを開いたら、下記コードを入力してください。
{% form 'contact' %}
{% if form.posted_successfully? %}
<script>
window.location = "サンクスページのリンク先";
</script>
{% endif %}
{{ form.errors | default_errors }}コードは問い合わせページの最下部に追加してください。
また、コード内の「サンクスページのリンク先」の部分に遷移させたいサンクスページのリンク先を入力してください。
以上で完成です。問い合わせ後に指定したサンクスページにページ遷移するはずです。
ファイルを保存したら実際にページ遷移するか確認してみてください。
最後に
問い合わせ送信後にサンクスページを設けることで、ユーザーに対して無事に問い合わせが完了したことを伝えることができます。
さらに、サンクスページに訪れる方はロイヤルティの高いお客様なので、他の商品の宣伝を行い購買を促すこともできます。
是非サンクスページへのページ遷移設定を行ってください。