Replo Page Builder

Integrating Intelligems with Replo is easy!

For Price Testing

For a price testing integration, every price element on a Replo page needs three dataset attributes:

1. data-product-id (dynamically bound to the correct Product ID from Shopify, Product > Id)

2. data-variant-id (dynamically bound to the correct Variant ID from Shopify, Variant > Id)

3. A role attribute identifying what kind of price this element is (see below)

The first two are identical on every price element. Only the third one changes.

Price: [data-replo-price] (dynamically bound to the correct Price from Shopify, Variant > Price) Compare Price: [data-replo-compare-price] (dynamically bound to the correct Compare At Price from Shopify, Variant > Compare At Price) Savings ($): [data-replo-compare-difference] (dynamically bound to the correct Price Difference from Shopify, Variant > Compare At Price Difference) Savings (%): [data-replo-compare-percentage] (dynamically bound to the correct Price Difference Percentage from Shopify, Variant > Compare At Price Percentage Difference)

Click into the price element, open the Config tab, and expand Dataset Attributes. Add all three attributes. The screenshot below shows a correctly configured sale price element -- note that all three attributes are present.

For a compare-at price element, the first two attributes stay the same; only the third changes to data-replo-compare-price bound to Variant > Compare At Price. Same pattern for savings elements.

Every price element gets all three attributes. No element should ever have only one or two.

To verify this worked, inspect the rendered element in the browser. You should see all three data-* attributes on the root HTML tag of the component.

In Intelligems, you can then add the following selectors while tagging prices:

Price: [data-replo-price] Compare Price: [data-replo-compare-price] Savings ($): [data-replo-compare-difference] Savings (%): [data-replo-compare-percentage]

If you have questions, reach out to Intelligems support here.