Changing an email form to a phone number form

Changing an email form to a phone number form

artistdata22
Tourist
4 0 3

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

mystore.png

Replies 3 (3)

Sam_Mahmud
Shopify Partner
295 9 18

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 <input> 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.

 

newsletter.png

Your COFFEE TIP! Can Create something incredible!
Require Assistance with website design or enhanced conversion tracking Via Google Tag Manager GTM ?
sam.analyst4@gmail.com! or WhatsApp!
Solved? accept it as solution with like

PageFly-Amelia
Shopify Partner
626 165 238

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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

JuneN
Shopify Partner
145 6 43

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

 

JuneN_0-1716779990087.png

 

If you find my suggestion helpful, please give it a like or mark it as a solution!
And discover more approaches to:
Streamline invoicing process Boost sales with labels & badges Add social proofs & create FOMO
Or get valuable updates and private deals regarding Shopify here.