Intelligems Docs
  • Welcome to Intelligems
  • Getting Started
    • Getting Started
    • Adding Intelligems Script to your Theme
    • Updating the Intelligems Script
    • Common Use Cases
      • Price Test Common Use Cases
        • The Straddle
        • The Double Down
        • The Strikethrough
        • The Great Discount Debate
        • Savings Showdown: Volume Discount vs. Price Discount
      • Shipping Test Common Use Cases
        • The Flat Fee Face Off
        • The Threshold Trials
      • Content Test Common Use Cases
        • Landing Page Testing
        • Testing a Brand New Theme
        • Testing Different Imagery
        • Testing Cart Elements
        • Testing Announcement Bar Text
        • Navigation Menu
        • Testing Checkout Blocks
      • Offer Test Common Use Cases
        • The Volume Discount Duel
        • Gifting Games
    • Best Practices
      • 🧪Test Design Best Practices
      • ✅Best Practices During a Test
    • General FAQs
  • Price Testing
    • Price Testing - Getting Started
    • Price Testing Integration Guides
      • Integration Guide using Shopify Functions
        • Step 1: Add Intelligems JavaScript
        • Step 2: Tag product prices
        • Step 3: Update your cart
        • Step 4: QA your integration, and publish your changes
      • Integration Guide using Checkout Scripts
        • Step 1: Add Intelligems JavaScript
        • Step 2: Tag product prices
        • Step 3: Add the Checkout Script
        • Step 4: Update your cart
        • Step 5: QA your integration, and publish your changes
      • Integration Guide using Duplicate Products
        • Step 1: Add Intelligems JavaScript
        • Step 2: Tag product prices
        • Step 3: Hide duplicate products from collections pages
        • Step 4: Configure duplicate products
        • Step 5: QA your integration, and publish your changes
      • Troubleshooting
        • How to Add the data-product-id and/or data-variant-id Attribute to an Element
      • Replo Page Builder
    • How to Set Up a Price Test
    • Price Test QA Checklist
    • Starting a Price Test
    • Ending a Price Test
    • Testing Prices with Subscriptions
      • Testing Prices with Recharge 2.0 or Stay.Ai
      • How to Set Up a Price Test using Duplicate Products and Recharge Subscriptions
      • How to Set Up a Price Test using Duplicate Products and Skio Subscriptions
      • Managing Duplicate Products when Redirecting to Duplicate PDPs
    • Multi-Currency Testing
    • Price Testing FAQs
  • Shipping Testing
    • Shipping Testing - Getting Started
    • How to Set Up a Shipping Test
    • Shipping Test QA Checklist
    • Starting a Shipping Test
    • Ending a Shipping Test
    • Shipping Progress Bar Integration
    • Shipping Testing FAQs
  • Content Testing
    • Content Testing - Getting Started
      • How to Set Up a Split URL Test
      • How to Set Up an Onsite Edits Test
      • How to Set Up a Template Test
      • How to Set Up a Theme Test
      • How to Set Up a Test using our JavaScript API
    • Content Test QA Checklist
    • Ending a Theme Test
    • Content Testing FAQs
  • Personalizations
    • Personalizations - Getting Started
    • Personalization Modifications
      • Offer Modifications
      • Progress Bars
      • Offers: Integrating Widgets
      • Offers: Running a Large Number of Offer Personalizations with Shopify Functions
      • Theme Personalization Precautions
    • Targeting Personalizations
    • Targeting Modes for Personalizations
    • Previewing Personalizations
    • Testing Offer Personalizations
    • Offers Limits
    • Offer Combinations
    • Scheduling Personalizations
    • Rolling Out Tests
    • Personalizations FAQs
  • General Features
    • Targeting
      • Audience Targeting
      • Currency Targeting
      • Page Targeting
      • Mutually Exclusive Experiments
      • Targeting FAQs
    • Onsite Editor
    • Image Onsite Editor
    • CSS and JavaScript Injection
  • Analytics
    • Overview
      • How orders and sessions are attributed to experiments
      • Order and revenue accounting
      • How experiment targeting affects analytics
    • Analytics FAQs
    • Metric Definitions
      • Revenue
      • Conversion Funnel
      • Profit
      • Subscriptions
    • Filters
    • Statistical Significance
    • Timeseries
    • Custom Events
      • Overview
      • CSS Selectors
      • Scoping to specific pages
      • Custom Javascript Events
      • Testing Custom Events
      • Using custom events in experiment analytics
    • How to Add Profit to Intelligems Analytics
    • How to Add Product Groups to Intelligems Analytics
    • Tagging Orders by Test Group in Shopify
    • Exporting Data
    • Data Sharing
  • Performance Optimization
    • Site Performance
    • Optimizing Your Price-Test Integration
    • Anti-Flicker Modes
    • Edgemesh
  • Integrations
    • Google Analytics 4 Integration
    • Amplitude Integration
    • Heap Integration
    • Segment Integration
    • Heatmap Integrations
      • Integrating with Microsoft Clarity
      • Integrating with Heatmap.com
      • Integrating with HotJar
    • Navidium Testing
  • Developer Resources
    • Javascript API
      • User Object
      • Price Object
      • Campaigns Object
        • campaigns.getAll()
        • campaigns.getGWP(options)
        • campaigns.setHistoryStatus(params)
    • Intelligems Theme Snippets
    • Advanced Settings
    • Cart Permalinks
    • Targeting By Customer Parameters
    • Custom Add to Cart and Order Completed Events
Powered by GitBook
On this page
  • What is the Onsite Editor?
  • Why would I need to use the Onsite Editor?
  • How to Set Up an Onsite Edit

Was this helpful?

  1. General Features

Onsite Editor

Use Intelligems' Onsite Editor tool to tailor visitors' on-site experience based on their test group.

PreviousTargeting FAQsNextImage Onsite Editor

Last updated 7 months ago

Was this helpful?

What is the Onsite Editor?

Intelligems' Onsite Editor allows you to adjust site text, HTML or CSS for site visitors based on their test group. You will select where you want to update these items and what should be displayed for each test group.

Why would I need to use the Onsite Editor?

If you're running a price test, Intelligems will automatically update prices on collections pages, the primary price on PDPs, in the cart and at checkout if you have completed your . Similarly, if you're running a shipping test, Intelligems will automatically display a rate at checkout base off of a user's test group. The Onsite Editor is typically not required for these elements.

The Onsite Editor is typically used to update copy that may be hard coded into your theme and does not pull from a Shopify product variant (in the case of a price test) or from your shipping settings (in the case of a shipping test). Some examples of where you might use the Onsite Editor include:

  • Announcement bar where a shipping offer is displayed while you are testing the shipping threshold

  • Hard-coded prices on landing pages or PDPs while running a price test

  • The shipping policy page while running a shipping test

  • Shipping announcement on a PDP

  • To run a content test on a smaller component on your site, such as:

    • Changing the CTA on a button

    • To change the color of a button

    • To change a product description

How to Set Up an Onsite Edit

To add a new Onsite Edit:

  1. Click the Edit button and Select the cursor icon in the bottom left of the widget.

  2. Once you have selected that, you will notice that as you move the cursor over different elements on the webpage, they will become highlighted in purple. Click on an element you are wanting to update or remove. From here you can select whether you would like to edit the text or the HTML / CSS.

  3. Once you have clicked on an option, a pop up will come up that looks like the below - this is where you will define what each test group should see for the selected element. In addition to specifying what text the group will see, you also have the option to simply remove the element or leave as is.

  4. Click 'Done'. Continue the process above to add new Onsite Edits until all necessary locations are updated.

  5. Once you are done adding Onsite Edits, be sure to save your work using the Save button in the top right!

From within the test setup flow, navigate to the 'Onsite Edits' step and select 'Edit' next to Content Edits. You will need to have the in the theme you are working in for the Onsite Editor to be available!

In the optional 'Find' field, the text is case sensitive. You may need to use your browser's inspector tools to determine the case of the text you're replacing. Some fonts render as ALL CAPS but the source text could be lowercase or Mixed Case. Need help? Please reach out to our support team .

Price Testing integration
Intelligems script installed
here