How to use Octane AI: Advanced Quiz Maker with PageFly

About Octane AI: Advanced Quiz MakerClick to copy

What Is Octaine AI: ​​Advanced Quiz MakerClick to copy

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 Octaine AI: ​​Advanced Quiz MakerClick to copy

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

How To Access Octane AI: Advanced Quiz MakerClick to copy

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

  • Step 1: In the PageFly editor, click “Add third-party element” on the left menu
  • Step 2: Click “Manage integrations” or the gear icon on top
  • Step 3: Search for “Octane AI: Advanced Quiz Maker” and enable it
  • Step 4: Click “Close” and the element will appear in the “Add third-party element” menu

How To Configure Octane AI: Advanced Quiz MakerClick to copy

Important note:
  • One element can be used one time on a page.
  • The element can be used on all page types.
  • The elements can be used anywhere on the page.
  • All styling and configuration must be done in the Octane AI: Advanced Quiz Maker app.

From PageFlyClick to copy

Step 1: Add Octane AI: Advanced Quiz MakerClick to copy

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 “Add 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 ElementClick to copy

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 Visibiliy, 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 AppClick to copy

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 QuizClick to copy

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

Step 2: Customize QuizClick to copy

  • 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 PageClick to copy

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.

Frequently Asked QuestionsClick to copy

What Types Of Quizzes Can I Create?Click to copy

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

Can I Customize The Quiz Questions And Design?Click to copy

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

Additional ResourcesClick to copy

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us