Collect phone number with newsletter signup

[thefourthplace]

Has anyone found a way to (optionally) collect a phone number on the same form that people can use to subscribe to the newsletter? Making it easier for visitors to create a contact/customer record with emails would really help with SMS marketing,

[Kimi]

Hi, @thefourthplace!

I found this third-party app that allows you to collect a customer's mobile number via a form on your storefront. As seen on their guide here, it looks like you'd be able to select between an embed form (much like a store's newsletter sign up form that normally appears on the footer), a floating button, or a pop-up. I'm unsure if they'd be able to combine their form with an already available email newsletter form however, but as they're a third-party made app you can double check this with their support team.

Alternatively, you can also look into hiring one of our Shopify Experts to discuss if coding a tailored solution onto your store's theme is something that can help for the functionality that you're after.

Once you've figured out how you'll implement your SMS marketing opt-in form for customers, you can also start to think about some strategies for your SMS marketing. Take a look at our Shopify Blog here for some tips and tricks.

[LitExtension]

Hi @thefourthplace,

You can add it as Customer Note: https://i.imgur.com/Ni8KxWh.png

Please add the code in the customer form: https://i.imgur.com/HYsfXgH.png 

Code: 

<input type="tel" id="{{ formId }}-phone" name="contact[note]" pattern="[0-9\-]*" value="{% if form[phone] %}{{ form[phone] }}{% elsif customer %}{{ customer.phone }}{% endif %}">

Hope it helps!

[thefourthplace]

In order for this to work with apps that provide SMS message updates, I need to populate the actual telephone number field on the customer/contact.

[LitExtension]

Hi @thefourthplace,

I really don't understand what you mean. 

Newsletter is added by customer form, not contact if you want to change to contact you can refer https://shopify.dev/themes/customer-engagement/add-contact-form

Code:

	<div class="order-number">
    <label for="order-number">Order number</label>
    <input type="text" name="contact[order_number]" />
  </div>

Hope it helps!

[VitaF]

Hello!

I hope you have found a solution from the options suggested above. As you are clearly interested in combining email and SMS marketing (absolutely great idea!) I would suggest to take a look at this article here, which covers the best practises how to get the best results out of both mediums. 

Best of luck with your store!