How do I add a name section to a newsletter sign up form?

How do I add a name section to a newsletter sign up form?

thelittlehousek
Tourist
11 0 6

Hi there! Thanks in advance for your help. I am currently using this code to ask users to sign up for our newsletter. How do I also ask for their contact name as well as their phone number? 

 

{% form 'customer' %}
{{ form.errors | default_errors }}
<input type="hidden" name="contact[tags]" value="newsletter">

<div class="text-center">
<div class="lds-dual-ring newsletter-spinner hide"></div>
<p class="note form-success{% unless form.posted_successfully? %} hide{% endunless %}">
<strong>{{ 'general.newsletter_form.thanks' | t }}</strong>
</p>
</div>

<div id="newsletter-wrapper" {% if form.posted_successfully? %}class="hide"{% endif %}>
<input
id="newsletter_text{% if section %}-{{ section.id }}{% endif %}"
type="tel"
value="{% if customer %}{{ customer.phone }}{% endif %}"
placeholder="123-456-7890"
name="contact[phone]"
class="input-group-field email"
aria-label="phone number"
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
required
>

<button type="submit" id="newsletter_submit{% if section %}-{{ section.id }}{% endif %}" name="commit" aria-label="{{ 'general.newsletter_form.submit' | t }}" class="alt-focus">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
</button>
</div>
{% endform %}

Replies 2 (2)

AvadaCommerce
Shopify Partner
3879 839 981

Hi @thelittlehousek,

 

We're AVADA.

 

You can refer to our AVA Email Marketing,SMS,Popups app. It provides you the ability to create popup forms with various premade templates for different purposes and different industries from Newsletter popup, Notification Popup, Spin To Win to Multi-Step Popup. If you don't like popups, we also support inline forms for you to choose.

AvadaCommerce_0-1660100857774.png

 

With our forms, you can totally have additional form fields such as first name, last name, phone number, etc.

 

AvadaCommerce_2-1660100954580.png

 

With popups, you can choose a specific action to trigger the popup such as: on exit intent, after X seconds, add-to-cart trigger, and many more. You can also select which pages and which countries where customers can see the popup.

 

We provide 24/7 in-app live support. Feel free to reach out to us if you have any questions regarding the app.

banned

GiorgiaGSC
Tourist
15 0 1

Hi!

 

I can suggest trying one of our email signup pop-up forms, they require no coding whatsoever.

Here are some examples for you:

 

GiorgiaGSC_0-1660811349719.png

 

GiorgiaGSC_1-1660811417676.png

 

GiorgiaGSC_2-1660811471806.png

 

You can add a phone field (or any other kind of field) to them as well:

 

GiorgiaGSC_3-1660811644872.png

 

Our app is called Email Popups and Coupon Pop Ups by Getsitecontrol, if you're interested.

Feel free to DM me for any other information that you may need!

 

Giorgia from Getsitecontrol