Headless Docs
Latest (1.2.3)
Latest (1.2.3)
  • Overview
  • Change Log
  • General Steps
    • Update Prices on Page
    • Update ATC Events
      • Shopify Functions
      • Shopify Plus + Scripts
    • Preview Your Site
    • Lite Mode
  • Next.js Steps
    • Requirements
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Next.js - App Directory Configuraiton
    • Requirements
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Gatsby Steps
    • Requirements
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Pack Digital Steps
    • Requirements
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Shopify Hydrogen / Remix
    • Requirements
    • Update loader()
    • Add Intelligems Provider
    • Track Page Views
    • Update Prices on Page
    • Update ATC Events
    • Preview Your Site
  • Examples
    • Custom Events
    • Content Testing
    • Gift With Purchases
  • Reference
    • Providers
      • Provider Props
    • Components
      • Price Components
    • Hooks
      • Price Hooks
      • Offer Hooks
      • Track Hooks
      • Experience Hooks
      • Variation Hooks
      • Cart & Checkout Hooks
Powered by GitBook
On this page
  • Preview Mode
  • Entering a Specific Experiment
  • Entering a Specific Test Group
  • Integration Mode
  1. General Steps

Preview Your Site

Preview Mode

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

Entering a Specific Experiment

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

/?ig-preview=EXPERIMENT-ID

where EXPERIMENT-ID is the ID for the experiment 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 test you are working on, and selecting "Show Info". This will bring up the experiment ID, as well as the test group ID for each test group. Click on the long ID for the experiment 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 Test Group

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

/?igTg=TEST-GROUP-ID

where TEST-GROUP-ID is the ID for the test group you would like to be forced into. You can find the test group ID by heading to the A/B Tests tab in the Intelligems app, clicking on the three dots / more options menu next to the test you are working on, and selecting "Show Info". This will bring up the experiment ID, as well as the test group ID for each test group. Click on the long ID for the group you'd like to be forced into to copy it to your clipboard.

The final results should look something like this:

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

Integration Mode

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

PreviousShopify Plus + ScriptsNextLite Mode

Last updated 1 month ago

Integration Mode will color prices using the component. Enter Integration Mode by adding the ig-integration=true query string parameter.

<IgPrice/>