Onsite Editor
Use Intelligems' Onsite Editor tool to tailor visitors' on-site experience based on their test group.
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 Price Testing integration. 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
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 Intelligems script installed in the theme you are working in for the Onsite Editor to be available!
To add a new Onsite Edit:
Click the
Editbutton and Select the cursor icon in the bottom left of the widget.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.
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.
Click 'Done'. Continue the process above to add new Onsite Edits until all necessary locations are updated.
Once you are done adding Onsite Edits, be sure to save your work using the Save button in the top right!
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 here.
Last updated
