How to create Anchor Link on Homepage to Custom Liquid element?

Technical Q&A
1

Hi there,

Can someone please tell me how to create an Anchor Link on the Homepage to a Custom Liquid element further down below on the homepage?

I want to be able to click on the link in the Announcement bar and then be taken down to the sign up form.

The previous web dev has just put in “scroll down to the form” which I don’t like.

I don’t have much coding experience so would prefer not having to go into the theme.liquid file if I can avoid it.

Site is live https://wondercalls.com.au/

Theme: Dawn

Thank you.

shopify.jpg
shopify.jpg991×141 19.6 KB

2

Hi @meld78

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly

3

Here’s a solution that doesn’t involve editing any code - you can use # in a URL to indicate that the content is on the same page.

You can link your announcement bar to this url: https://wondercalls.com.au/#shopify-section-template–20523784175890__57507b68-02ec-4496-8050-582f73707f80

Hope that helps! For future reference, have a read up on using section ID’s in URLs - it’s a huge time saver.