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
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:
automatically calling products in your recommendations
add to cart button
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
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.
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.