Jump to content

inserting a link to additional info on product page

Recommended Posts

Posted

I'm using the Product page "additional information" to place a Chinese version of my product information (same info as main section, but in a different language). I would like to have a link at the top of my product info that would jump directly to the Chinese version, for those customers who prefer that. I understand that when they look at the product page they can scroll down to the Chinese section, but I'm worried that they might not see it, so a link will alert them and be convenient for them. Thank you for your expertise!

Also I'd love to add a "Share" button on the each product page so customer's could easily what'sapp us and say "I want to know more". We use what'sapp constantly to communicate with our customers. 

Thanks!

  • Replies 3
  • Views 1.4k
  • Created
  • Last Reply
Posted

It sounds like you need to use an anchor link.

So in the main product description I would add a piece of text that says Chinese Version or something along those lines. Then you will need to make this into a link with the destination URL being #chinese

Now in the additional information section add the below to a code block, you can change the text Chinese Version to whatever you would like.

<a id="chinese"></a>Chinese Version

That's it you should now have a link that automatically scrolls the user down to that section.

The below link may also give you some ideas on how to create a WhatsApp share button.

https://stackoverflow.com/questions/21935149/sharing-link-on-whatsapp-from-mobile-website-not-application-for-android


  • 4 months later...
Posted

Hi Allan - which template are you using?  I have done everything according to directions with no luck so I am wondering if my template will not support anchor links on the additional Info section of a products page. Thanks!

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.