LogoLogo
  • Introduction
    • Welcome to the Quiz Kit Help Center
      • Why Quiz Kit?
    • 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
    • Onboarding guide
  • Build and configure
    • Creating a quiz
      • Draft questions and pages
    • Styling and designing your quiz
      • Style settings
      • Custom code and JavaScript
    • Collecting customer data
    • Setting up quiz results
      • Results logic
        • Basic logic (default)
        • Single logic
        • Points logic
        • Product weight logic
        • Result weight logic
        • Combination logic
        • Creating logic jumps
      • AI Auto Results
      • Results template
    • Integrations
      • Shopify
        • Shopify Subscriptions
        • Shopify Flow
        • Shopify Customers List
        • Shopify Checkout UI
        • Shopify Markets
      • Email and SMS
        • Klaviyo
        • Mailchimp
        • Omnisend
        • Attentive
        • ActiveCampaign
        • Sendlane
      • Subscriptions
        • Recharge
        • Smartrr
        • Skio
      • Marketing automation
        • Yotpo
        • PageFly
        • Zapier
  • Publish and launch
    • Publishing your quiz
      • Publishing on page builder apps or headless setups
    • Visibility and placement
  • Advanced Settings
    • Personalizing your quiz
      • Dynamic questions & answers
    • Making your quiz full-width
  • Analytics and optimization
    • Email campaigns
      • Sending quiz results to customers by email
      • Sending quiz results to customers via Klaviyo
    • Using submission data
    • Viewing submission data
    • Analytics and tracking
      • Tracking setup
        • Facebook Pixel (Meta Pixel)
        • Google Analytics
        • Additional marketing data
      • Quiz analytics
        • URL redirect analytics
      • Dashboard and reporting
    • A/B testing your quiz
  • Account and settings
    • Quiz Kit interface
      • My Quizzes
      • A/B testing
      • Analytics
      • Submissions
      • Integrations
      • Billing
      • Support
    • Quiz Builder
      • Quiz
        • Introduction
        • Questions
        • Additional page types
      • Results
        • Results template
      • Publish
      • Styles
      • Settings
  • FAQs and support
    • Frequently asked questions
    • Contact us
    • Submit feedback
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 configure
  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.

PreviousAI Auto ResultsNextIntegrations

Last updated 12 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.

Note:

Certain style settings only apply to specific content block types.

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