Shopify themes, liquid, logos, and UX
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>
Solved! Go to the solution
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>
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>
THANK YOU! I really appreciate the quick and thorough reply!
User | RANK |
---|---|
181 | |
153 | |
75 | |
33 | |
32 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023