How to add different journey per product

Edited

Learn how to display specific video widgets for individual products using Shopify Metafields. This tutorial guides you through creating the metafield and assigning unique Journey IDs to specific product pages.

For a visual walkthrough of this process, please check out our demo here: https://app.supademo.com/demo/cmkfqe6tp1eaaw7p24qu4q80d?utm_source=link

How it Works

By default, if you add a ReelTok widget to a product template in the Shopify Customizer, that same video will appear on every product using that template.

To show a different video on each product (or only on specific products), we need to use a Shopify Metafield. This allows you to "dynamically" swap the Journey ID based on which product the customer is viewing.

Step 1: Create the Product Metafield

First, we need to create a field where you can paste the Journey ID in your product settings.

  1. From your Shopify Admin, go to Settings (bottom left).

  2. Click on Custom data.

  3. Select Products.

  4. Click Add definition.

  5. Name: Enter a name like ReelTok Journey ID.

  6. Namespace and key: Leave this as default.

  7. Select type: Choose Single line text (One value).

  8. Click Save.

Step 2: Connect the Metafield to the Widget

Now we need to tell the theme to look for that metafield instead of a static ID.

  1. Go to Online Store > Themes and click Customize.

  2. Navigate to your Product Page template.

  3. Add the ReelTok Widget block (or click on the existing one).

  4. In the block settings on the right, find the Journey ID field.

  5. Do not paste an ID here. Instead, click the Dynamic Source icon (it looks like a stack of coins/discs) next to the field label.

  6. Select the metafield you created in Step 1 (e.g., ReelTok Journey ID).

  7. Click Save.

Step 3: Assign Journey IDs to Your Products

Finally, you can choose which video shows on which product.

  1. Open the ReelTok App and copy the Journey ID of the video you want to display.

  2. Go to Shopify Admin > Products and click on the specific product you want to edit.

  3. Scroll all the way down to the Metafields section at the bottom of the page.

  4. Paste the Journey ID into the ReelTok Journey ID field.

  5. Click Save.

Result: The widget will now only appear on this specific product using the video you selected. You can repeat Step 3 for any other products, pasting different Journey IDs for each one.