Dynamic Data

Last updated: April 3, 2025

Dynamic data refers to any content pulled directly from your integrated Shopify store—like product titles, prices, images, vendors, and more. Instead of hardcoding a value (like “$40”), you can now pull it in dynamically (e.g. “Price of Product X”) and whenever you update in your other platform, it will update in Replo.

You’ll know something is dynamic when it turns purple. This applies to:

  • Content within a product Buy Box

  • Text components using dynamic content

  • Images or carousels linked to product data

  • Buttons or elements tied to dynamic product info

How to Add Dynamic Data

  1. Select a Component: Click on the component within the Product Buy Box (or other component that supports dynamic data) you want to update. For example, a text block, image, or button.

  2. Open the Dynamic Data Selector:

    • In the canvas, select the component and click the dynamic data icon in the purple pill above the selected component.

    • Or select the dynamic data icon in the right design panel.

  3. Choose a Data Bucket: Use the organized selector to browse by category: Products, Variants, Metafields, etc.

  4. Search or Scroll: Use the built-in search or scroll through options. You’ll see a preview of the data (like product images) before inserting.

  5. Click to Insert: Select the data item you want, and Replo will insert it directly into the component. The content will now turn purple to indicate it’s dynamic.

Note: If you’re editing an image or a text component, the selector will only show relevant data types.

How to Edit Dynamic Data

Editing is super easy—you can do it right in the canvas.

  1. Click on a component that already has dynamic data.

  2. Click the dynamic data icon in the purple pill above the selected component

  3. Use the selector to change the data type (e.g. Product to Metafield).

  4. For prices, use the Data Formatter to control display:

    • Currency vs. plain number

    • Rounded or not

    • Use selling plan pricing

How to Remove Dynamic Data

  1. Select the component with dynamic data (look for the purple).

  2. Open the right design panel.

  3. Select the 'x' in the Dynamic Modifier.

  4. Replace it with static content, or leave it blank.

Once removed, the purple highlight will disappear and the component will return to a static state.

Component-Specific Behaviors

Some components behave differently with dynamic data:

  • Product Buy Box: A component that references data for a single product. Supports dynamic data.

  • Product Collection: A component that references multiple products. Supports dynamic data.

  • Image Components: Only image-type data will appear in the selector.

  • Text Components: Only text-based dynamic values will show up.

  • Carousels: You’ll mostly see the “Use Product Images” option for simple setup.

  • Option Lists / Variants / Selling Plans: Only editable with matching dynamic types.

Questions?

If you’re unsure about how to use dynamic data or something isn’t working as expected, feel free to reach out to support@replo.app or message our team in app.