How to add anchor link to the Contact Form at the bottom of homepage when visitor clicks on banner

Solved

How to add anchor link to the Contact Form at the bottom of homepage when visitor clicks on banner

homewithhone
Tourist
7 1 0

Hi,

I'm using Dawn theme, can someone help me with the code and where to put it if I want visitors to click on the button in the Homepage Header and for it to anchor to the bottom of the Homepage to the Contact Form?

See image.

 

My website URL is homewithhone.com

Screenshot 2023-04-25 at 5.54.57 PM.png

 Thanks!

Accepted Solutions (2)

Typostore
Shopify Partner
117 11 13

This is an accepted solution.

Hi @homewithhone , you can put code this in bellow text comming soon same my image here:
https://prnt.sc/4MbOw-sLcUTD

<a class="button" href="#shopify-section-template--18545689362724__004dc5ad-8ca5-4c35-90db-b351ed34f4aa">anchor link</a>

 

it will work for you

Thank you

- I'm dev shopify. | Skype : hoang.nguyenit92 | Email: typostores@gmail.com
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution

View solution in original post

homewithhone
Tourist
7 1 0

This is an accepted solution.

Thank you! I used a combination of your solution 🙂

I was able to adjust the anchor link you sent me and paste it in the URL section of the button.

#shopify-section-template--18545689362724__004dc5ad-8ca5-4c35-90db-b351ed34f4aa

homewithhone_0-1682521433506.png

 

View solution in original post

Replies 4 (4)

Typostore
Shopify Partner
117 11 13

This is an accepted solution.

Hi @homewithhone , you can put code this in bellow text comming soon same my image here:
https://prnt.sc/4MbOw-sLcUTD

<a class="button" href="#shopify-section-template--18545689362724__004dc5ad-8ca5-4c35-90db-b351ed34f4aa">anchor link</a>

 

it will work for you

Thank you

- I'm dev shopify. | Skype : hoang.nguyenit92 | Email: typostores@gmail.com
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution
homewithhone
Tourist
7 1 0

This is an accepted solution.

Thank you! I used a combination of your solution 🙂

I was able to adjust the anchor link you sent me and paste it in the URL section of the button.

#shopify-section-template--18545689362724__004dc5ad-8ca5-4c35-90db-b351ed34f4aa

homewithhone_0-1682521433506.png

 

BSS-Commerce
Shopify Partner
3477 463 542

Hi @homewithhone 

This is BSS Commerce - Full-service eCommerce Agency. We'd love to suggest you this solution:

First, you can go to the contact-form.liquid file in the edit code section of the online store.

Find the following code line:

<div class="color-{{ section.settings.color_scheme }} gradient" >

and add this code snippet id="contact__form". Result:

<div class="color-{{ section.settings.color_scheme }} gradient" id="contact__form">

Then go to the image-banner.liquid file. Find the following code line (you can search with the keyword 'banner__content banner__content').

view (74).png

And add the following code line to the red highlighted area:

<a href="contact__form" style="display: block; color: white;">Sign me up</p>

After adding it will become:

view (76).png

If you need me to style the sign-me-up button, just let me know.

Hope this helps you.

---------

BSS Commerce - Shopify Apps & Development Services Provider

Level up your Shopify store with our B2B & B2C apps

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
homewithhone
Tourist
7 1 0

Thanks for responding! I tried this but unfortunately I got a 404 error when I clicked on the 'Sign me up' button. I was able to figure it out with another solution though. Thanks!