Progress to new page after successful subscription

Solved
LetsGo1
Tourist
4 0 1

Hi!  

 

On my landing page I would like to push an email subscriber further down my sales funnel.  I have the newsletter section which collects the email address and adds it to a customer list.  However I would want that button to also point to a different page.  I tried editing the code by adding   <a href='https://www.mystore.com/page2/ '> </a>  To the following section of newsletter.liquid  but I do not know HTML at all.  Any suggestions about how to do it this way correctly or a more efficient way would be appreciated.:  

 

<div class="newsletter-wrapper newsletter-wrapper--{{ section.id }} one-whole" data-section-id="{{ section.id }}" data-section-type="newsletter">
<div class="page-width">
{% form 'customer' %}
<h2 class="newsletter__heading">{{ section.settings.heading | escape }}</h2>
{% unless section.settings.subheading == blank %}
<div class="newsletter__subheading rte">{{ section.settings.subheading }}</div>
{% endunless %}
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="input-group--underline" data-animate>
<input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter_form.newsletter_placeholder' | t }}" name="contact[email]" class="input-group__field" id="EmailField{{ section.id }}" aria-label="{{ 'general.newsletter_form.newsletter_placeholder' | t }}" autocorrect="off" autocapitalize="off">
<div class="input-group__btn input-group__btn--newsletter">
<button type="submit" class="btn--newsletter__submit">
{{ 'general.newsletter_form.submit' | t }}
{% include 'icon-arrow-right' %}
</button>
</div>
</div>
<div class="newsletter__message" aria-role="alert">
{% if form.posted_successfully? %}
<a href='https://www.mywebsite.com/page2 '> </a>
<p class="form-success" aria-role="alert">
{% unless section.settings.success_message == blank %}
{{ section.settings.success_message | escape }}


{% endunless %}
</p>
{% endif %}
{{ form.errors | default_errors }}
</div>
{% endform %}
</div>

</div>

 

 

 

Accepted Solution (1)

Accepted Solutions
g33kgirl
Shopify Partner
331 96 118

This is an accepted solution.

Hi @LetsGo1, you were so close. Just enter a text between the start and end of anchor tag and you should be good to go. 

 

<a href="https://www.mywebsite.com/page2">Another link</a>

 

 

If you want it look like a button, depending on your theme you can add the class="btn" to the anchor tag like:

<a href="https://www.mywebsite.com/page2" class="btn">Another link</a>
If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.

View solution in original post

Replies 2 (2)
g33kgirl
Shopify Partner
331 96 118

This is an accepted solution.

Hi @LetsGo1, you were so close. Just enter a text between the start and end of anchor tag and you should be good to go. 

 

<a href="https://www.mywebsite.com/page2">Another link</a>

 

 

If you want it look like a button, depending on your theme you can add the class="btn" to the anchor tag like:

<a href="https://www.mywebsite.com/page2" class="btn">Another link</a>
If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl
If you're not comfortable with code, please modify code files at your own risk.
LetsGo1
Tourist
4 0 1

THANK YOU!  I really appreciate the quick and thorough reply!