Articles on: Getting Started

Personalizing Quizzes & Forms with UTM Parameters

Introduction


UTM parameters are powerful tools that let you track user behavior, personalize the quiz experience, and optimize marketing campaigns.

By adding UTM parameters to your quiz URLs, you can:


  • Identify where your traffic comes from
  • Pre-fill quiz fields with known user data
  • Customize the quiz experience dynamically
  • Improve campaign attribution in analytics


In this guide, you’ll learn how to use UTMs effectively with Quizell — including advanced personalization, multiple parameters, hidden UTMs, and embed use cases.



Using UTM Parameters: Practical Examples


1. Pre-filling User Details


If you’re sending a quiz via email and already know the user’s information, you can pre-fill fields automatically.


Example:


https://app.quizell.com/quiz/QuizID?utm_full_name=John+Doe&utm_email=john.doe@example.com


2. Tracking Traffic Sources


Use UTMs to identify where quiz participants come from — ideal for social media, paid ads, newsletters, influencers, and more.


Example:


https://app.quizell.com/quiz/QuizID?utm_source=facebook&utm_medium=social&utm_campaign=summer_sale


This data appears in your Quizell analytics so you know which channels perform best.


3. Customizing Your Quiz Loader


UTMs can also modify visual elements like your quiz loader.


Example:


  • selectedLoader → defines the loader type
  • selectedLoaderColor → sets the loader color


For more details, check out our guide on customizing quiz loaders.


Adding Multiple UTM Parameters


You can combine as many UTMs as you need — just separate them with &.


Example with multiple parameters:


https://app.quizell.com/quiz/QuizID?utm_full_name=John+Doe&utm_email=john.doe@example.com&utm_source=facebook&utm_campaign=quiz_launch


Passing UTMs Through an Embed Code


If you’re embedding your quiz on a website, UTMs must be passed dynamically into the embed through JavaScript.


Simplified example:


<script>
const urlParams = new URLSearchParams(window.location.search);
const source = urlParams.get('utm_source');
const campaign = urlParams.get('utm_campaign');

document.querySelector("#quizell-embed").src =
`https://app.quizell.com/quiz/QuizID?utm_source=${source}&utm_campaign=${campaign}`;
</script>

<iframe id="quizell-embed" style="width:100%;height:800px;border:none;"></iframe>


💡 This ensures UTMs carry over even if the quiz is embedded inside a landing page, a popup, or a CMS like Wix, WordPress, or Webflow.


If you’d like, I can generate platform-specific embed examples (Wix, Webflow, Shopify Liquid, Elementor, etc.).


Using Hidden UTMs (Tracking Without Showing Users)


Sometimes you want to track a source without showing any visible fields to the user — for example, adding a “utm_source” that appears only in analytics.


You can do this by simply passing the UTM in the URL without mapping it to a visible field.


Example:


https://app.quizell.com/quiz/QuizID?utm_source=facebook_ads


Because it is not mapped to a quiz field, the user does not see it — but Quizell still captures the UTM in your analytics dashboard.


This is useful for:


  • Tracking paid ad performance
  • Tracking influencer or affiliate links
  • Measuring blog/SEO traffic
  • A/B testing campaigns


If you want to use UTMs for personalization without exposing them, simply avoid assigning them to visible quiz content.


Adding UTM Parameters to Your Quiz URL



  1. Open the quiz you want to share.
  2. Click Share.
  3. Copy the quiz link.


Step 2: Append Your UTMs


Add your parameters at the end of the link:


Example:


https://app.quizell.com/quiz/RJ7hfCOawFhKlJkHKOD6MS178500?utm_email=john.doe@example.com


Here, the parameter utm_email=john.doe@example.com automatically fills the email field with john.doe@example.com.



FAQ


Q: How many UTM parameters can I use?

There is no strict limit, but keep URLs manageable. Use only what you need.


Q: Are UTM parameters case-sensitive?

There is no strict limit, but keep URLs manageable. Use only what you need.


Q: Can UTMs pre-fill custom inputs?

Yes — you can pre-fill any custom field by using the parameter name:


?utm_custominput=value


Q: Can I hide UTMs from users?

Absolutely. Any UTM you don’t map to a visible field remains hidden and is used for analytics only.


UTM Parameters for Personalization


Here are examples of UTM parameters you can use to enhance personalization:


Parameter

Example Implementation

Full Name

?utm_full_name=John+Doe

Email

?utm_email=john.doe@example.com

Loader

?selectedLoader=WavesLoader

Website url

?utm_website=https://example.com

Organization

?utm_organisation=ExampleCorp

Terms & Condition

?utm_checkbox=true

Custom Input

?utm_custominput=specificValue


Conclusion


By using UTM parameters, you can:


  • Deliver highly personalized quiz experiences
  • Track campaign performance with precision
  • Pre-fill fields to reduce friction
  • Customize the quiz appearance
  • Collect deeper insights into your audience


Whether you’re running ads, sending emails, or embedding quizzes in your website, UTMs give you the power to optimize and personalize your funnel.


What’s Next?


Explore more ways to personalize and optimize your quizzes:



Updated on: 16/12/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!