I am trying to switch out this form from an email form to one where the customer has to put in their phone number and don’t know how. Please someone help
Topic summary
A user seeks to convert an email input form into a phone number input form on their Shopify store but is unsure how to proceed.
Suggested Solutions:
-
Manual Code Edit: Access the theme editor, locate the contact/newsletter form section, and modify the HTML
<input>element by changing thetypeattribute from “email” to “tel” (for phone numbers). Update the associated label text to reflect that it now collects phone numbers. -
App-Based Approach: Use a Shopify app (such as PageFly or popup collection apps) to create the form without manual coding, which may be easier for non-technical users.
Key Steps (Manual Method):
- Navigate to Online Stores > Themes > Edit code
- Find the “newsletter” or contact form file (typically a .liquid file)
- Change input type from “email” to “tel” or “number”
- Modify label text accordingly
Status: The discussion remains open with multiple solutions provided but no confirmation of implementation from the original poster.
Hi Artistdata22,
Within the theme editor, look for the section that controls the contact form. It might be named “Contact Form,” “Newsletter Signup,” or something similar.
Change Input Type: Search for the code snippet that defines the email input field. This typically involves an HTML element with the type attribute set to “email”. Change the type attribute to “tel”. This specifies that the input field should accept phone numbers.
You might also want to update the label text associated with the input field to reflect that it’s now for phone numbers. Look for the code that defines the label and modify the text accordingly.
Hello @artistdata22
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Find “newsletter” and choose file .liquid
Step 3: Change type input “email” to “number”
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
Hi @artistdata22 ,
You can add custom HTML code to create a form. If you want a form without coding, using a Shopify app is the best choice. There’s many popup apps help you to collect the phone number
1 Like