【Shopify】問い合わせ送信後にサンクスページに遷移する方法を紹介!

Shopifyで問い合わせ送信後にサンクスページに遷移する方法を紹介!coding

takato@enjoying_freeです!

Shopifyで問い合わせフォームから送信すると、送信完了のポップアップが出てきます。

ポップアップではなくサンクスページにページ遷移する設計に変更したいという方が多くいると思います。

しかしShopifyのデフォルトの設計だとサンクスページへのページ遷移はできません。問い合わせページにコードを追加する必要があります。

Shopifyのコードを編集して問い合わせ送信後にサンクスページにページ遷移するやり方を紹介します!

takato
takato
 

Shopifyで問い合わせ送信後にサンクスページへ遷移する方法を紹介するよ!

僕はプログラミングスクールに通って勉強し、未経験でwebデザイナーになりました。そんな僕がおすすめするプログラミングスクールはこちらです。

問い合わせ送信後にサンクスページに遷移する方法

まずShopifyで作成した問い合わせページのコードファイルを開きます。まだ問い合わせページを作成していないという方は、まず問い合わせページを作成してください。

問い合わせページのコードファイルを開いたら、下記コードを入力してください。


{% form 'contact' %}
      {% if form.posted_successfully? %}
      	<script>
      window.location = "サンクスページのリンク先"; 
    </script>
      {% endif %}
{{ form.errors | default_errors }}

以上で完了です。非常に簡単ですね!

コードファイルを保存したら、実際に問い合わせしてみてください。無事にサンクスページへ遷移したら完成です。

最後に

問い合わせ送信後にサンクスページを設けることで、ユーザーに対して無事に問い合わせが完了したことを伝えることができます。

さらに、サンクスページに訪れる方はロイヤルティの高いお客様なので、他の商品の宣伝を行い購買を促すこともできます。

是非サンクスページへのページ遷移設定を行ってください。