How to add shoppable links in Shopify blogs

A shoppable link in a Shopify blog post sends a reader from useful content to the relevant product page. It works best when the link fits the article: mention the product where it helps the reader, then link the product name, image or callout text to the product page.

Step-by-step guide to adding shoppable links

Start in the Shopify blog post you want to edit.

1. Log in to your Shopify admin.
2. Click Online Store, then Blog posts.
3. Open the post you want to edit, or create a new post.

Next, turn the text or image into a link to the product page.

1. Highlight the product name, product image or short phrase you want readers to click.
2. Click the insert link button in the editor.
3. Add the product URL in the link field.
4. Use a relative URL such as /products/product-handle when you are linking to a product in the same store. Shopify’s product object documentation shows product URLs using the same /products/... path pattern.
5. Add a clear link title if your editor gives you that option.
6. Choose whether the link should open in the same window or a new one.
7. Click Insert link, then save the blog post.

What to check before you save

Use shoppable links sparingly. A product link should help the reader act on the advice in the post, not interrupt the article every few lines.

• Check that the product URL opens the right product page.
• Use descriptive anchor text, such as the product name, instead of vague text such as ‘click here’.
• Preview the post on mobile so product images and links are easy to tap.
• If you are linking to products that should stay hidden from collections or search, read the guide to Shopify’s unlisted product status before using those URLs in blog content.

The main point is to keep the article useful first. Place product links where they answer the reader’s next question, then test each link before you publish or update the post.