お問い合わせフォームに必須項目（アスタリスク）を入れる方法

[toshiii13]

「メール」のようにアスタリスクを挿入したいのですが、どのようにすればよいでしょうか？

テーマは「Dawn」を使用しています。

[株式会社ナレッジサービス]

管理画面にログインして、「アクション」→「コードの編集」と進み、「セクション」フォルダ内のcontact-form.liquidファイルを選択してください。

アスタリスクを挿入したい項目の</label>の直前に以下のコードを挿入します。

<span aria-hidden="true">*</span>

例えば、名前にアスタリスクを挿入するなら、

<label class="field__label" for="ContactForm-name">{{ 'templates.contact.form.name' | t }}</label>

上記のコードを探して、下記のように変更します↓

<label class="field__label" for="ContactForm-name">{{ 'templates.contact.form.name' | t }} <span aria-hidden="true">*</span></label>

ちなみに、電話番号は

<label class="field__label" for="ContactForm-phone">{{ 'templates.contact.form.phone' | t }}</label>

コメントは

<label class="form__label field__label" for="ContactForm-body">{{ 'templates.contact.form.comment' | t }}</label>

上記が該当の<label>です。

なお、このやり方はアスタリスクを表示させているだけで、項目の入力を必須に変更したわけではありません。

入力を必須にする場合はより複雑なコードの編集が必要になるため、専門業者に依頼されることをオススメいたします。