Shopifyのお問合せフォームに必須項目を設定する方法

この記事の所要時間: 2 分

今回は、Shopifyのお問合せフォームに必須項目を設定する方法を紹介

liquidファイルの編集が必要だけど、1単語コピペするだけだから専門知識は不要

お問合せフォームに必須項目を設定する方法

お問合せフォームのliquidファイルを開く

アクション>コードを編集>「contact」で検索>「contact-form.liquid」を開く(テーマによって、ファイル名は違うかも)

お問合せフォームのliquidファイルを開く1
お問合せフォームのliquidファイルを開く2

liquidファイルを編集する

ページ内検索でinputタグを探す>必須項目にしたいinputタグに「required」を追加する

liquidファイルを編集する

どれが必須項目にした部分かは、inputタグの中身を見ればなんとなくわかるはず

おまけ:必須項目であることをわかりやすくする

フォームの項目名に「*」をつけることで、必須項目だと分かりやすくするのが良いかも

必須項目であることをわかりやすくする1
必須項目であることをわかりやすくする2

Shopifyのお問合せフォームに必須項目を設定する方法
TwitterでEC・Web関連のTipsを発信しています