# 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 [``](https://headless.intelligems.io/reference/components/price-components#less-than-igprice-greater-than) component. Enter Integration Mode by adding the `ig-integration=true` query string parameter.
* **Green** highlighting means Intelligems changed the price
* **Blue** highlighting means Intelligems did not change the price
The `useIgStyles` hook may be used to manually style price elements:
```tsx
const styles = useIgStyles(isIgPrice);
```