商品情報にスキップ
公開日:2023.10.12
【Dawn】Shopifyのテーマ「Dawn」のお問い合わせフォームに 一致しないと送信できない確認用メールフォームを設置する設定例
用途
Shopifyのアカウントページと同様に、お問い合わせフォームについてもメールアドレスの間違いは防ぎたいところです。実際、アドレス間違いで返信が届かないということが発生しています。そこで確認用のフォームを設置して入力間違いを防ぐための設定例です。
テーマ「Dawn」のお問い合わせフォームに一致しないと送信できない確認用メールフォームを設置する設定例

設定手順①「contact-form.liquid」のコードを編集する(使用しないコードの削除)

設定手順②「contact-form.liquid」のコードを編集する(確認用メールアドレス入力フォームの追加)

設定手順③「contact-form.liquid」のコードを編集する(アドレス一致判別用Javascriptの追加)

サンプルコード
動作検証済テーマ:Dawn/Rise 15.2.0