Every store has the same moment. A customer finds three products they love, screenshots the page, texts it to a friend, and the friend has no idea what they are looking at. No link. No product name. No price. No way to buy.<\/p>\n
You already have a wishlist on your store. But that wishlist only lives inside the customer’s account. They cannot send it to anyone. They cannot text it. They cannot post it. The wishlist is a private list that goes nowhere.<\/p>\n
A wishlist share link fixes this. It turns a private list into a shareable URL that opens on any device, shows every product with images and prices, and lets the friend click straight through to the product page. No login required. No plugin needed. You can build this with a single page template and a URL parameter.<\/p>\n
A dedicated page on your store that reads a wishlist ID from the URL, pulls the products from your store’s database or a simple JSON file, and displays them as a clean, shoppable gallery. The customer copies the URL, texts it, and the friend sees exactly what was saved.<\/p>\n
In your Shopify theme (or whatever platform you use), create a new page template called In Shopify, go to Online Store > Themes > Edit Code > Templates<\/strong> and create a new template called The key principle: this page is public. Anyone with the URL can see it. That is the point.<\/p>\n When a customer shares their wishlist, the URL will look like this:<\/p>\n The If there is no list parameter, show a friendly message: “No wishlist found. Ask your friend to share their list with you.”<\/p>\n You do not need a database for this. Use a simple JSON structure stored in a file on your server, or in Shopify metafields, or in a Google Sheet connected via a simple API.<\/p>\n The JSON structure looks like this:<\/p>\n Each wishlist has a unique ID (generate a random 6-character string when the customer creates their list). The array contains the products they saved.<\/p>\n Now write the HTML and CSS to display the products. Keep it clean: a responsive grid, product image, title, price, and a “View Product” button. No clutter. No sidebars. No popups.<\/p>\n The layout should work on mobile first, because most people will open the shared link on their phone. Use a 2-column grid on mobile and 3-4 columns on desktop.<\/p>\n Each product card should have:<\/p>\n The friend who receives this link should be able to scan all products in under 10 seconds and click through to buy any of them.<\/p>\n On your existing wishlist page (where logged-in customers see their saved items), add a “Share List” button. When clicked, it:<\/p>\n The JavaScript for this is about 15 lines:<\/p>\n On mobile, use This is the detail that makes it feel human. Let the customer attach a short note to their shared list. Store it in the JSON alongside the products:<\/p>\n Display the note at the top of the share page in a highlighted box. The friend sees the products and the message together. It turns a product list into a gift hint.<\/p>\n Add a simple counter to the JSON: every time the share page is loaded, increment a Display “This list has been viewed X times” on the customer’s wishlist dashboard. That is enough data to be useful without being invasive.<\/p>\n If you are comfortable editing your theme files: about 45 minutes. The share page template is one file. The share button is 15 lines of JavaScript. The JSON storage is a simple file. The CSS is a responsive grid you have probably written before.<\/p>\n If you are on Shopify and want to skip the code entirely, you can use a page builder app to create the share page visually. But the custom route gives you full control over the layout and costs nothing.<\/p>\n Wishlist sharing turns your existing customers into a distribution channel. Every shared link is a warm introduction to your store from someone the recipient already trusts. The conversion rate on a friend’s recommendation is higher than any ad you will ever run.<\/p>\n The best part: you are not building anything new. Your customers already have wishlists. You are just making them portable.<\/p>\n Want more like this? Join MOKU Club for free. Weekly resources, early access to new guides, and occasional templates you can actually use. Join below.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":" The Problem: Your Customers Are Already Sharing Products, Just Badly Every store has the same moment. A customer finds three products they love, screenshots the page, texts it to a…<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[64,59],"tags":[],"class_list":["post-6462","post","type-post","status-publish","format-standard","category-design","category-how-to"],"yoast_head":"\nwishlist-share<\/code>. This page will not require a login. It reads a query parameter from the URL to know which wishlist to display.<\/p>\npage.wishlist-share.liquid<\/code>. If you are on WooCommerce, create a custom page template in your theme folder. On Squarespace, use a code block on a new page.<\/p>\nStep 2: Read the Wishlist ID From the URL<\/h2>\n
yourstore.com\/pages\/wishlist-share?list=abc123<\/code><\/p>\nlist<\/code> parameter is a unique identifier for that wishlist. In your template, grab it with:<\/p>\nconst wishlistId = new URLSearchParams(window.location.search).get('list');<\/code><\/p>\nStep 3: Store Wishlist Data as JSON<\/h2>\n
{\"abc123\": [{\"id\": 12345, \"title\": \"Ceramic Mug\", \"price\": \"$24\", \"image\": \"mug.jpg\", \"url\": \"\/products\/mug\"}, {\"id\": 12346, \"title\": \"Linen Napkins\", \"price\": \"$18\", \"image\": \"napkins.jpg\", \"url\": \"\/products\/linen-napkins\"}]}<\/code><\/p>\nStep 4: Build the Gallery Display<\/h2>\n
\n
Step 5: Add the Share Button to the Wishlist Page<\/h2>\n
\n
navigator.share()<\/code>)<\/li>\n<\/ol>\nconst shareUrl = window.location.origin + '\/pages\/wishlist-share?list=' + wishlistId;<\/code>
\nnavigator.clipboard.writeText(shareUrl).then(() => { showToast('Link copied! Send it to a friend.'); });<\/code><\/p>\nnavigator.share()<\/code> if available to open the native share sheet, which lets the customer text it directly.<\/p>\nStep 6: Add a Personal Note Field<\/h2>\n
{\"abc123\": {\"note\": \"These are the things I want for my birthday. No rush. Love you.\", \"items\": [...]}}<\/code><\/p>\nStep 7: Track Shares Without Being Creepy<\/h2>\n
views<\/code> number. Do not track who viewed it. Do not collect emails. Just count opens so the customer knows their friend actually looked.<\/p>\nWhat Not to Do<\/h2>\n
\n
How Long This Takes<\/h2>\n
Why This Works<\/h2>\n