How do I remove the asterisk sign from the placeholder text of the email field in the contact form on the contact page?
Topic summary
Main issue: Remove the asterisk from the email field’s placeholder/default text in a Shopify contact form.
Key solution (via theme code):
- Open Theme > three dots > Edit code.
- Go to Sections > contact-form.liquid.
- Find the label for “ContactForm-email” and delete the “*” character in that text. This updates what displays on the form.
Alternative approach (localization file):
- Edit code > locate en.default.json.
- Update the relevant placeholder/label text values there to remove or change the default text.
Notes:
- “Placeholder” refers to the default hint text inside an input field; screenshots were shared to illustrate steps.
- The asterisk typically indicates required fields, but the thread focuses only on removing it from the visible text.
Outcome/status:
- Original poster confirmed the guidance was helpful.
- Practical solutions provided; no further questions raised. Appears resolved.
Hey MNS667!
The placeholders should be defined in the contact form section. Here’s what you need to do:
-
Click the 3 dots on the target theme for the changes.
-
Click edit code.
-
Under sections
-
Click contact-form.liquid
-
Search for the
- change the value in there and it should change on your theme! Specifically delete the “*” in your case.
Hope this helps.
Cheers,
Mike
1 Like
Thanks so much, Mike, for the detailed solution!
1 Like
You can also do this,
Edit theme code by pressing the three dots, locate the file called en.default.json, Inside this file you can change the value of the placeholder and others