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

1.2. Headless Shopify Stores

2. Adding Product Recommendations to a Non-Shopify Quiz

3. Additional Resources

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.

  1. From the Shop Quiz page, click on the quiz you want to embed.

  2. Find the Embed Code section.

  3. Click "Get the code".

  4. Choose Full Page or Page Body and copy the code that's generated.

  5. 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.

Back to top.

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.

Back to top.

3. Additional Resources

Have any questions? Send an email to [email protected] or use the support icon to chat with our team.

Did this answer your question?