With a custom integration available through Octane AI's Enterprise plans, you can add Octane AI features on a non-Shopify store.
Table of Contents
1. Using a Quiz on a Non-Shopify Website
1.1. Adding a Quiz to the Website
2. Adding Product Recommendations to a Non-Shopify Quiz
1. Using a Quiz on a Non-Shopify Website
You can integrate Octane AI with a non-Shopify store with one of Octane AI's custom plans. When a quiz has been added to a non-Shopify website, you'll be able to use all of a quiz's functionality except:
revenue attribution
automatically calling products in your recommendations
add to cart button
quiz pop-ups
However, you will still be able to:
create manual product entries in your recommendations
embed the quiz in any page
target the quiz with custom CSS
Websites that are headless Shopify stores can take advantage of a custom javascript event to build in functionality with the add to cart button (see below).
1.1. Adding a Quiz to the Website
Adding the quiz to a non-Shopify website follows very similar steps to embedding a quiz into a Shopify webpage.
From the Shop Quiz page, click on the quiz you want to embed.
Find the Embed Code section.
Click "Get the code".
Choose Full Page or Page Body and copy the code that's generated.
Add the code into the body of the HTML/CSS for your website.
Once you embed the code into a webpage, any changes you make to the quiz in Octane AI will be reflected in the embedded version in real time.
You'll only have to re-embed the quiz if you change any of the options that generate your embed code.
1.2. Headless Shopify Stores
Headless Shopify stores can add products directly from their Shopify store catalogues to their quizzes.
However, to get the add to cart button to work, additional user integration will be required.
This guide introduces you to a custom javascript event in quizzes that can be used to let quizzes on headless Shopify stores integrate with custom carts.
2. Adding Product Recommendations to a Non-Shopify Quiz
When using a Shop Quiz on a non-Shopify store, product recommendations cannot be added directly to the quiz.
Instead, you'll need to build product entries manually that redirect customers to product pages, where they can then make a purchase. To set this up, follow these steps:
1. Inside of a results page, create a content block.
2. Expand the "TOP CONTENT" tab.
3. Click on "Add content".
4. Select the "Button" option.
5. In the button's settings, add a URL to the product page you'd like the button to redirect to.
You can also add text and media content to complete the manual product entry in your results pages.
3. Additional Resources
Have any questions? Send an email to [email protected] or use the support icon to chat with our team.