# Preview Your Site

## Preview Mode

Preview mode will update prices on the page for experiences in Preview Mode. Enter Preview Mode by adding the `ig-preview=true` query string parameter.

### Entering a Specific Experience

You can preview a specific experience by adding the below to the end of your site's URL:

`/?ig-preview=EXPERIENCE-ID`

where `EXPERIENCE-ID` is the ID for the experience or personalization you would like to preview. You can find the ID by heading to the A/B Tests tab in the Intelligems app, clicking on the three dots / more options menu next to the experience you are working on, and selecting "Show Info". This will bring up both the experience ID and the variation IDs. Click on the long ID for the experience you'd like to preview to copy it to your clipboard.

The final results should look something like this:

`www.mywebsite.com/?ig-preview=24d3c894-210a-4300-bae0-8388ee54f495`

### Entering a Specific Variation

You can force yourself into a specific variation by adding the below to the end of your site's URL:

`/?igTg=VARIATION-ID`

where `VARIATION-ID` is the ID for the variation you would like to be forced into. You can find the variation ID by heading to the A/B Tests tab in the Intelligems app, clicking on the three dots / more options menu next to the experience you are working on, and selecting "Show Info".

The final results should look something like this:

`www.mywebsite.com/?igTg=44bae2e6-dbc3-4fc1-a68d-4218ac04f99c`

## Integration Mode

Integration Mode will color prices using the [`<IgPrice/>`](/version-1.2.16/reference/components/price-components.md#less-than-igprice-greater-than) component. Enter Integration Mode by adding the `ig-integration=true` query string parameter.

* <mark style="color:green;">**Green**</mark> highlighting means Intelligems changed the price
* <mark style="color:blue;">**Blue**</mark> highlighting means Intelligems did not change the price

The `useIgStyles` hook may be used to manually style price elements:

```tsx
const styles = useIgStyles(isIgPrice);
```


---

# 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://headless.intelligems.io/version-1.2.16/usage/preview-your-site.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.