A user wants to add a “share link” button to their product pages, similar to Amazon’s functionality that opens the native share widget on mobile devices.
Solution provided:
<button> element with JavaScript that triggers navigator.share() to open the device’s native share menuTechnical details:
{{ product.url | prepend: shop.url }} to dynamically generate the shareable product URLAdditional context: Another participant noted that Shopify products automatically have dedicated URLs that can be copied and shared directly, referencing product handle structure as an alternative approach.
My theme comes with a “share” functionality that lets user share the product to socials… ok. But I need a thing that lets me share the link to a friend, like what amazon has:
On the phone it opens the standard “share” widget that lets you pick your preferred messenger or app:
How do I do this?
What’s your store url ?
Go to your online store → customize → add a custom html or custom liquid block there on product page where you want to add the share button
and use this code in the block
Nice. Thanks
let me know if you need any more help 
That’s a good question! If you want to set up product page links similar to how Amazon does it, you can use the product handle or URL structure within Shopify. Each product automatically has its own dedicated page, so you just need to copy that link and share it.
For example, here’s a product page style link from DBS Window Treatments so you can see how it works in practice.