How to use Octane AI: Advanced Quiz Maker with PageFly

About Octane AI: Advanced Quiz Maker

What Is Octane AI: ​​Advanced Quiz Maker

Octane AI: Advanced Quiz Maker app lets you create powerful quizzes that allow customers to answer questions and receive the best product for their needs.

With the Octane AI: Advanced Quiz Maker app, you can:

• Create quizzes that cater to your audience’s interests based onAI, tags, collections, and/or conditional logic
• Customize the quiz design, from images, font, and layout, to full custom CSS
• Browse quiz templates for every industry

Install Octane AI: ​​Advanced Quiz Maker

Before using this element in PageFly, you have to install the Octane AI: ​​Advanced Quiz Maker app to your store and configure all options in the app.

• Install Octane AI: Advanced Quiz Maker
• Install PageFly

How To Access Octane AI: Advanced Quiz Maker

In the page editor, follow these steps to accessOctane AI: Advanced Quiz Maker element:

• Step 1: In the PageFly editor, click “Third-party element” on the left menu
• Step 2: Click “Third-party integrations” or the icon on top right of the menu modal
• Step 3: Search for “Octane AI: Advanced Quiz Maker” and activate it
• Step 4: Click “Done” icon and the element will appear in the “Third-party element” menu

How To Configure Octane AI: Advanced Quiz Maker

From PageFly

Step 1: Add Octane AI: Advanced Quiz Maker

Before starting to set up the Octane AI: Advanced Quiz Maker element, you will need to add this element to your page canvas:

• Step 1: Click “Third party element” on the left menu bar
• Step 2: Look for “Octane AI: Advanced Quiz Maker” element
• Step 3: Click on the element to see its variant
• Step 4: Drag and drop the variant onto the page canvas

Step 2: Configure Octane AI: Advanced Quiz Maker Element

After adding the element, you can adjust it by clicking on the element.

• From the General tab, you can paste the code created in the Octane AI: Advanced Quiz Maker app. You can also adjust the general settings such as Visibility, Animation, and Attributes.

• For styling options like margins, borders, and effects, go to the Styling tab. You can find more details about the available styling options.

From Octane AI: Advanced Quiz Maker App

Before using the Octane AI: Advanced Quiz Maker element in PageFly, you’ll need to create and configure your announcement in the Octane AI: Advanced Quiz Maker app. Here’s how:

Step 1: Create A Quiz

On the App Dashboard, select Quizzes > New Quiz to create a quiz recommendation for your store.

Step 2: Customize Quiz

• Quiz: Apply questions for your quiz
• Design: Customize the quiz to fit your brand design
• Settings: Change the quiz type in the Settings tab of the quiz editor

Step 3: Embed The Quiz To Your Page

Once you’ve done with all the settings, head to the Publish tab > On the Shopify Page Embed tab, choose Go to page embed settings > Copy the embed code > Back to the PageFly Editor > Paste the embed code.

Tips & Best Practices

We strongly recommend using the Shopify App Block Element for Octane AI: Advanced Quiz Maker integration. Available for Shopify theme OS 2.0, this feature simplifies adding Octane AI: Advanced Quiz Maker functionality to your PageFly pages or sections. It offers greater flexibility, easier updates, and an improved user experience. While limited to one per page, the App Block is a valuable tool to enhance your store’s capabilities.

For detailed setup guidance, refer to our App Block article. This simple change can substantially improve your Octane AI: Advanced Quiz Maker integration and overall store performance.

Frequently Asked Questions

1. What types of Quizzes can I create?

Octane AI: Advanced Quiz offers various quiz formats, including product recommendation quizzes, lead magnet quizzes, and personality quizzes.

2. Can I customize the quiz questions and design?

Yes, you can fully customize the quiz design, from images, font, and layout, to full custom CSS to match your brand and target audience.