Skip to main content

Product widget integration - Manage all your product pages at once

Clara Hachem avatar
Written by Clara Hachem
Updated over a week ago

With Shopify extension

👩‍💻 Video tutorial

What is a dynamic integration with Product Matcher?

The dynamic integration with Product Matcher allows you to display widgets across different product pages through a single integration within the page template, using just one widget created in the JOIN studio.

This means you can update and manage your content directly from the JOIN platform.

Prerequisite

You must connect your Shopify store before integrating a widget.

Creation

First, you need to create a “Product Page” type widget within the JOIN studio.

How it works

Next, you need to associate the desired stories with the product pages. There are two options:

  • Product Matching Stories
    These are stories personalized for each product. This section includes both stories automatically associated (based on the products identified within the story) and those that the user can manually add.

  • Product Shared Stories
    These are stories personalized for each product. This section includes both stories automatically associated (based on the products identified within the story) and those that the user can manually add.

Integration

  1. Once the widget is configured and published, go to the Integration tab to retrieve the Alias and CLS Settings fields.

2. You can then go to Shopify, add a section to your page template, and select the JOIN app called Product Matcher Widget.

3. Paste the Alias and CLS Settings fields you retrieved from the JOIN studio, and fill in the corresponding fields in the block configuration on Shopify.

If you change the shape or size of the widget, make sure to update the CLS settings accordingly to ensure an optimal user experience.

Did this answer your question?