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
    • Collecting customer data
    • Styling and designing your quiz
      • Style settings
      • Custom code and JavaScript
    • 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
  • Applying a new template to your quizzes
  • Part 1: Create a new page template
  • Part 2: Apply the new template to a page

Was this helpful?

  1. Advanced Settings

Making your quiz full-width

You can adjust the width of your quiz so that it looks better on your store's page.

PreviousDynamic questions & answersNextEmail campaigns

Last updated 1 month ago

Was this helpful?

If you published your quiz and it doesn't look how it should on your page, you can add code to increase the width to full-width.

In this section


Applying a new template to your quizzes

There are two parts to this tutorial. In Part 1 you create a template, and in Part 2 you apply the template to your quiz page.

Part 1: Create a new page template

After you have published your quiz on any page, then you need to add a page template to your theme.

Steps:

  1. From the Shopify admin, click Online Store.

  2. Click the ellipses (...), then click Edit code.

  3. From the theme code editor under templates, click + Add a new template.

  4. From the Template type drop-down menu, select page.

  5. Select liquid, and enter a file name for this template, like quiz-kit.

  6. Click Done.

  7. Copy the following code: {{ page.content }}.

  8. Click on your new template and paste the code you copied at the top of it.

  9. Click Save.

Part 2: Apply the new template to a page

After adding the new template to your theme, you need to switch your quiz page's template to the new one.

  1. Navigate to the page that your quiz is on in your Online Store > Pages section.

  2. Under the Online store section, under Theme template, click the drop-down and select your newly created template.

  3. Click Save.

You only need to create this template once, and then you can apply it to all your quizzes by repeating the steps in .

Applying a new template to your quizzes
Part 1: Create a new page template
Part 2: Apply the new template to a page
Part 2