LogoLogo
  • Quiz Kit - AI Powered Quizzes for Shopify Stores
  • What's new
    • Release notes
      • V9.2024 - September
      • V7.2024 - July 2024
      • V6.2024 - June 2024
      • V5.2024 - May 2024
  • Getting started
    • Installation
    • Pricing and plans
    • First-time user guide
  • Navigating the Interface
    • Quiz Kit interface
      • My Quizzes
      • A/B testing
      • Analytics
      • Submissions
      • Integrations
      • Billing
      • Support
    • Quiz Builder
      • Quiz
        • Introduction
        • Questions
        • Additional page types
      • Results
        • AI Auto Results
        • Results template
      • Publish
      • Styles
      • Settings
  • Build and publish
    • Building a quiz
      • Collecting customer contact information
    • Styling and customizing your quiz
      • Applying custom CSS and JavaScript to your quizzes
    • Setting up quiz results
      • Results logic
        • Basic logic (default)
        • Single logic
        • Points logic
        • Product weight logic
        • Result weight logic
        • Combination logic
        • Creating logic jumps
      • Results template
    • Publishing your quiz
      • Publishing on page builder apps or headless setups
  • Advanced Settings
    • Personalizing your quiz
      • Personalizing with user responses
    • Making your quiz full-width
    • Sending quiz results to customers by email
      • Sending quiz results to customers via Klaviyo
  • Analytics and optimization
    • Data and analytics
      • Analytics metrics
      • URL redirect analytics
    • Quiz submission data
    • A/B testing your quiz
  • Quiz Kit Integrations
    • Quiz Kit integrations
      • ActiveCampaign
      • Additional marketing data
      • Attentive
      • Facebook Pixel (Meta Pixel)
      • Google Analytics
      • Klaviyo
      • Mailchimp
      • Omnisend
      • PageFly
      • Recharge
      • Sendlane
      • Shopify
        • Shopify Subscriptions
        • Shopify Flow
        • Shopify Customers List
        • Shopify Checkout UI
        • Shopify Markets
      • Skio
      • Smartrr
      • Yotpo
      • Zapier
  • FAQs
    • Frequently asked questions
      • How do I delete the Quiz Kit app?
Powered by GitBook
On this page
  • In this section:
  • Content blocks
  • Adding a content block
  • Editing content blocks
  • Styling your content
  • Previewing and publishing
  • Best practices
  • Troubleshooting

Was this helpful?

  1. Build and publish
  2. Setting up quiz results

Results template

Learn how to create unique layouts for your quiz results page with custom content in the template section.

PreviousCreating logic jumpsNextPublishing your quiz

Last updated 22 days ago

Was this helpful?

You can create custom content sections or choose from content block combination layouts.

Note

In each custom content section, you can apply a maximum of 2 content blocks.

In this section:


Content blocks

Content blocks are the building blocks of your custom results page. There are several types of content that you can add:

  • Text: For paragraphs, headings, or any text-based content.

  • Image: To add photos, graphics, or illustrations.

  • Video: Embed videos to explain results or provide additional information.

  • Product Recommendation: Showcase products or services relevant to the quiz outcome.

  • Collection: Showcase products or services you'd like to highlight in addition to the quiz-recommended results.

  • Newsletter: Add a newsletter sign-up form to grow your customer newsletter base.

  • Articles: Display engaging articles on various topics: Showcase your products, share expert insights, or provide interesting information to your customers.

  • FAQ: A section dedicated to the frequently asked questions about this result.

  • Custom content: A combination of other content types that you can mix and match, like text and video.

  • HTML & CSS: Add your own custom code for even more customization.


Adding a content block

  1. From the quiz builder, click Results.

  2. Under Template, click + Add section.

  3. Choose the type of content block that you want to add.

  4. Drag and drop the block to your desired location on the page.

  5. Click Save.

Editing content blocks

  1. From the Template section, click a content block.

  2. Use the editing panel on the right to modify the content:

    • For text: Edit directly in the block or use the rich text editor.

    • For images/videos: Upload new media or provide a URL.

    • For CTAs: Set the button text and link.

  3. Click Save.

Styling your content

  1. From the Template section, click a content block.

  2. Use the Style tab in the editing panel to customize:

    • Font styles (for text blocks)

    • Colors

    • Margins and padding

    • Animations or transitions

  3. Click Save.

Previewing and publishing

  1. From the Results page, click Preview.

  2. Use the device toggle to check appearance on desktop, tablet, and mobile.

  3. When you're ready, click Publish to make your changes live.

Best practices

  • Keep your content concise and relevant to the quiz results.

  • Use a consistent style throughout your results page.

  • Ensure your content is accessible – use alt text for images and captions for videos.

  • Test your results page thoroughly especially if you're using jump logic.

Troubleshooting

  • Changes not appearing: Make sure you've clicked Publish after making edits.

  • Conditional content not working: Double-check your display conditions and test with different quiz outcomes.

  • Styling issues: Ensure your custom styles don't conflict with the base theme. Use the preview function to check across devices.

Content blocks
Adding a content block
Editing content blocks
Styling your content
Previewing and publishing
Best practices
Troubleshooting