How do I make my photos shoppable?

With Shoppable, you add product links to the photos in your widget. When a visitor clicks a photo, it opens in a lightbox with a pin on each product. Each product also gets a card with its photo and name from your product page, and the price if you turn it on.

​

Add product links

After you add a link, SnapWidget reads your product page. The link then shows the product’s photo, name and price, and Sold out when every size is sold out. If SnapWidget cannot use a product page, a note shows under the link:

• The shop no longer has this product page. Replace the link. Click the pencil icon next to the link, enter the link to the new product page in Product URL, then click Save.
• The shop does not let us read this page or This page shows no product name or photo. Click the pencil icon next to the link, enter the product name in Description, then click Save. The card shows that name.

You can add more than one link to a photo. A badge on each photo shows how many links it has. To see older photos, click Load More at the bottom of the page. To change a link, open the photo, click the pencil icon next to the link, change Product URL or Description, then click Save. To remove a link, open the photo, click the trash icon next to the link, then click Yes in the Remove Shoppable Link window.

​

Add your product feed

A product feed is the list of products that your shop sends to Google Shopping. Add it to SnapWidget, and you can find each product by its name when you add a link. When SnapWidget cannot read a product page, its card shows the photo, name, price and stock from your feed. Under the feed, you see how many products SnapWidget found, and when. With a feed address, your new products and prices come in every day. A file does not change: to update it, remove the feed and add the new file. SnapWidget reads these feeds:

• A Google Merchant Center feed in XML.
• A CSV or TSV file with the Google column names in the first row: title, link, image_link, price, sale_price and availability. Each product needs a title and a link.

A feed file can be up to 2 MB. For a larger feed, add its address. You can add more than one feed, for example one for each language of your shop. Some shop apps send your products straight to Google and give no feed address. Then export your products as a CSV file with the column names above, and upload the file. If SnapWidget cannot read a feed, a note under the feed tells you why. The products of the last read stay. To remove a feed, click the trash icon next to it, then click Yes. Your links stay.

​

Turn on Shoppable in your widget

The links only show on your website when the widget uses the Shoppable lightbox.

​

Show prices and stock

To show the price on each product card, turn on Show Prices and Stock in the Behavior card of the Advanced tab, then click Save. The switch shows when Photo Link is Shoppable (Lightbox). A product that is out of stock in every size then shows Sold out, so shoppers do not click through to something they cannot buy. SnapWidget reads your product pages and your feed addresses again every day, so a new price shows in your widget by the next day.

​

See which products visitors click

On the Shoppable page, each photo shows the product clicks of its links in the last 30 days, and each link shows its own clicks. To see which products do best, open Analytics and select a Shoppable widget: Top products lists the products that visitors click most. New clicks show within an hour.

​

Send product clicks to Google Analytics

Turn on Track in Google Analytics in the Behavior card, then click Save. Each product click then shows in the Google Analytics of your website, as the event snapwidget_product_click. A product link to another website also gets UTM tags (utm_source=snapwidget, utm_medium=referral, utm_campaign=shoppable), so your store sees the visits that come from your widget. This works with the Google tag (gtag.js) and with Google Tag Manager. In Google Tag Manager, add a GA4 event tag with a custom event trigger for snapwidget_product_click.

​

Use the same links in other widgets

On the Shoppable page, select a widget and click Update All. SnapWidget copies the links of that widget to your other Pro widgets for the same account.