Headless Docs
Latest (1.1.0)
Latest (1.1.0)Version 1.0.4Version 0.4.2Version 0.2.0Version 0.1.9
Latest (1.1.0)
Latest (1.1.0)Version 1.0.4Version 0.4.2Version 0.2.0Version 0.1.9
  • Overview
  • Change Log
  • General Steps
    • Update Prices on Page
    • Update ATC Events
      • Shopify Functions
      • Shopify Plus + Scripts
    • Preview Your Site
  • 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
  • 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.

Integration Mode

Integration Mode will color prices using the <IgPrice/> 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.

PreviousShopify Plus + ScriptsNextRequirements