# 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.

<div align="left"><figure><img src="/files/9zOaUx8TdjEZzEA92Wb7" alt=""><figcaption></figcaption></figure></div>

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](https://docs.intelligems.io/price-testing/price-testing-integration-guides/integration-guide-using-checkout-scripts/step-2-tag-product-prices):

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

{% hint style="warning" %}
If you have questions, reach out to Intelligems support [here](https://portal.usepylon.com/intelligems/forms/intelligems-support-request).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.intelligems.io/price-testing/price-testing-integration-guides/replo-page-builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.