Integrate Experiences by Jebbit into your Shopify storefront to enhance customer engagement with interactive product recommendations and quizzes directly on your site. This guide outlines two methods for adding Experiences by Jebbit using the Onsite Embed app or the Custom Liquid block.
Before you begin
Ensure you have an experience built and ready to be embedded.
Confirm that your Shopify theme supports theme extensions. If not, the Custom Liquid method will be applicable.
Add an Experience via the deep link button
The easiest way to embed your Jebbit experience in Shopify is by using the Install Shopify App Block button.
In your Brand account, go to Settings > Onsite Deployment.
Click Install Shopify App Block.
This redirects you to your Shopify theme editor and highlights the Jebbit app block automatically.
Drag and drop the Onsite Embed block into your desired section of the theme.
Paste the Launch Link from the experience’s Launch page into the settings panel.
For Lightbox or Companion experiences, copy the Global Code Snippet from Settings > Onsite Deployment and paste it where prompted.
Click Save.
Use a Custom Liquid Block
If your theme does not support theme extensions, follow these steps.
Go to the Experience Library and select the desired experience.
Click Launch, then choose Website > Embed On Site, and select Create Embed Code to generate the iframe snippet.
Copy the generated embed code.
In your Shopify admin, go to Online Store > Themes, and click Customize on your current theme.
In the theme editor, click Add section and choose Custom Liquid.
Paste the copied embed code into the Custom Liquid field.
Click Save to add the experience to your storefront.
Note: Some steps in the Shopify platform may look slightly different than what we outline below. If you are unable to follow along, try checking out this resource from the Shopify help center.
Next steps
Test the experience on your storefront to ensure it functions as intended.
FAQ
Why isn’t my experience displaying correctly?
Ensure the embed code is correctly pasted and that the experience is published.