How do I have a button link to a different spot on the same page?

epoll24
Excursionist
42 0 8

Hi - I have a button on my shop page that I want to direct to a different spot on the same page. It's a frequently asked questions (FAQ) button but the actual FAQ section that I want the button to link to is just lower down on the same page. Is there a way that I can have the button link to a specific section on the same page instead of a completely different page? My website is PulseDevice.com and I'm using the Impact theme. Thanks!

Screenshot 2024-02-19 at 2.43.02 PM.png

Screenshot 2024-02-19 at 2.43.22 PM.png

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
5414 1302 1600

Hi @epoll24 

You can add href in the custom liquid. Example:

Made4uoRibe_0-1708377310872.png

Then on the right side youll see this 

Made4uoRibe_1-1708377340193.png

<a href="{{ link_url }}" class="faq_button">Frequently Ask Question</a>

And we can make the button by adding css style. 

Made4uoRibe_2-1708377508282.png

css code. 

a.Faq_button {
    text-decoration: none;
    border: 1px solid black;
    color: black;
    padding: 10px 40px;
    border-radius: 20px;
}

 Just giving some idea. i hope it help.

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


epoll24
Excursionist
42 0 8

Hi - adding the button is not the issue, I can already add a button normally with this theme. The issue is that I want the button to link to send the user lower down the same page, instead of a different page.

CDSwebsite
Visitor
1 0 0

I am needing this functionality as well. Want to have different button links that redirect to the form spot we have on the same page.