Button acts as a link

Solved
Klubo555
Explorer
54 0 20

I want to use my button as a link to a specific page.

1.png

 

 

 

After click on this button from home page redirect people to this page https://four-leggedpets.com/account/register

Thank you

 

https://four-leggedpets.com/

password is leden2021

 

KetanKumar
Shopify Partner
16926 1850 6334

@Klubo555 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your newsletter section code,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Klubo555
Explorer
54 0 20

hdsbsnsnsnsnsn

0 Likes
Klubo555
Explorer
54 0 20

 

@KetanKumar 

 

 

<div class="newsletter-section{% if section.settings.show_background %} index-section--newsletter-background{% endif %}">
<div class="page-width">
<div class="section-header text-center">
{% if section.settings.section_title != blank %}
<h2 class="h2">{{ section.settings.section_title | escape }}</h2>
{% endif %}
{% if section.settings.subheading != blank %}
<div class="rte">{{ section.settings.subheading }}</div>
{% endif %}
</div>
{%- assign formId = 'Contact_' | append: section.id -%}
{% form 'customer', id: formId, novalidate: 'novalidate', class: 'contact-form form-single-field' %}
{%- if form.posted_successfully? -%}
<p class="form-message form-message--success" tabindex="-1" data-form-status>
{{ 'general.newsletter_form.confirmation' | t }}
</p>
{%- endif -%}
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="input-group {% if form.errors %} input-group--error{% endif %}">
<input type="email"
name="contact[email]"
id="{{ formId }}-email"
class="input-group__field{% if form.errors %} input--error{% endif %}"
value="{{ form.email }}"
placeholder="{{ 'general.newsletter_form.email_placeholder' | t }}"
aria-label="{{ 'general.newsletter_form.email_placeholder' | t }}"
aria-required="true"
autocorrect="off"
autocapitalize="off"
{% if form.errors %}
aria-invalid="true"
aria-describedby="{{ formId }}-email-error"
data-form-status
{% endif %}
>
<span class="input-group__btn">
<button type="submit" class="btn" name="commit">
<span>{{ 'general.newsletter_form.submit' | t }}</span>
</button>
</span>
</div>
{%- if form.errors contains 'email' -%}
<span id="{{ formId }}-email-error" class="input-error-message">
<span class="visually-hidden">{{ 'general.accessibility.error' | t }} </span>
{% include 'icon-error' %}
<span>{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}.</span>
</span>
{%- endif -%}
{% endform %}
</div>
</div>

0 Likes
Klubo555
Explorer
54 0 20

@KetanKumar 

And can you please take off the place for email and leave just button there?

Thanks so much !!!

KetanKumar
Shopify Partner
16926 1850 6334

@Klubo555 

great, thanks 

so doesn't require for this section you have is custom content section it would be great 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Klubo555
Explorer
54 0 20

Thank you for advice, I did it like this:

11.png

The only thing I need to adjust is to have button aligned to the center and designed like the button above, what should I do? 

 

This is my HTML at Custom content for button: 

<form action="https://four-leggedpets.com/account/register">
<input type="submit" value="CREATE ACCOUNT">
</form>

At theme.css I paste this: <a href="https://four-leggedpets.com/account/register" class="button">CREATE ACCOUNT</a>

KetanKumar
Shopify Partner
16926 1850 6334

This is an accepted solution.

@Klubo555 

great, Thanks for it 

yes please remove the newsletter section then add this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#shopify-section-1612380552a75fdbb1 {background: var(--color-bg-alt);}
#shopify-section-1612380552a75fdbb1 .custom__item-inner {text-align: center;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Klubo555
Explorer
54 0 20

I am sorry, work

 

Button is now at the center, great. How to have it like button on the right? Color: #A02280, bold white font and no boarder?112.png

KetanKumar
Shopify Partner
16926 1850 6334

This is an accepted solution.

@Klubo555 

can you please add this code also

#shopify-section-1612380552a75fdbb1 input[type="submit"] {
    background: #A02280;
    font-size: 16px;
    border-color: #A02280;
    color: #fff;
    font-family: "Abril Fatface", serif;
    letter-spacing: 0.08em;
}
#shopify-section-1612380552a75fdbb1 input[type="submit"]:hover {
background-color: #76195e !important;
border-color:  #76195e !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing