Tap into people’s competitive nature, solicit contact info to follow up with tallied scores, and build brand awareness and engagement by sharing results through social media.
Focus area | Ideal for | Difficulty | Key Success Metrics |
Engagement | Engaging users who enjoy interacting with brands through gamified content. | Beginner to Intermediate |
|
Skills required
Basic knowledge of building and launching experiences in BlueConic.
Familiarity with quiz design, branching logic, and lead‑capture setup.
Before you begin
Prepare:
Your trivia questions and answer choices.
Feedback for correct/incorrect answers.
Branding assets (logo, fonts, colors, background images).
Add the template to your brand
This template contains helpful hints, best practices, and guidance for this specific campaign. To add it:
Select Builder > Template Gallery.
Select Accelerators and choose Drive Engagement with Trivia Experiences
Click Use Template.
Enter a name (e.g., “Summer Trivia Quiz”)
Select the style guide you want to apply to the template.
Click Create.
Modify the template
Modify branding
Select each screen and determine if any branding edits are required. Consider:
Logo placement
Primary and secondary backgrounds (check both mobile and desktop views)
Font family and size for each text element
Button colors
Add and/or remove screens
Select the Intro Screen and update the existing text to welcome customers into your experience.
Determine which Trivia screens you want to utilize. The template contains Four different question and answer types:
Q1: Standard buttons with timer
Q2: Image buttons with timer
Q3: Standard buttons with timer
Q4: Image buttons with timer
Q5: Standard buttons with timer
Delete the screens you don't want to keep and duplicate the screens you want to use until you have 3-5 question screens in total.
Update the copy
From the Editor, hover over a screen in the preview area.
Click the three-dot menu > Rename.
Enter a name. We recommended a name that indicates the question topic.
Add in the questions and responses.
Click Save.
Adjust the timer
Each question screen has a default 8-second timer.
From the editor, click the timer bar element.
Make any adjustments to the amount of time or the style of timer.
Repeat this process for the remaining question screens.
If you do not want to use the timer element, to remove:
Click the timer element, then click the trash icon.
From the editor, click the timer bar element.
Click the trash icon to remove the element
Repeat this process for the remaining question screens
Add a feedback overlay (optional)
Overlay responses let users know if they got the correct answer before moving to the next screen.
From the Editor, click Overlay Responses from the left-hand menu.
You will be directed to the page where you can add and edit your overlays.
Choose the style of your overlay response as Answer Bar or Full Screen. By default, it is set to None so that it doesn't display
Fill out a unique message for each response.
Specify the duration (in seconds) you want the Overlay Response to display.
Add outcomes and map logic
Add outcomes
Select Add Outcomes via the Editor.
Click the Scoring tab.
Fill in the details for the outcome, such as Outcome Name, Heading, Outcome Description, URL, and Minimum # Correct.
The template has outcomes for a quiz with five questions. With outcomes for each possible score (e.g., 0 to 5 correct answers). If you have added or removed question screens to your experience, modify the outcome screens to correspond with your screens. Make sure you have an outcome for zero answers correct.
Map scoring logic
Navigate to the Outcome Logic tab in the left navigation bar.
For each question, mark the correct responses. All other responses on that screen will be marked as incorrect by default.
Click Save.
Add dynamic social sharing based on outcomes
Navigate to the outcome screen.
Configure how you want your text and imagery to display on Meta and X when users share your quiz. Keep the length of the headline and description concise.
Click Test on Facebook to see how the social element will display with the Facebook Debugger Tool. To see the metadata preview, load the preview link in a Facebook post or Messenger app.
(Optional) Edit the label within the social share elements.
Click Finish once you are done designing your social posts.
Customize a social share post based on an outcome that a user is matched with.
Navigate to the Add Outcomes menu.
Click on the Share icon (Edit Social Card) associated with an outcome.
Define the specific share message and image for that outcome.
Repeat this process for each outcome as needed.
Optional additions
Configure pixels to track events
It's not required, but you may want to use pixels to track events for this experience. If so, follow the setup instructions for the desired pixel and test to ensure data passes as expected.
Map attributes to collect user data
Not required, but always recommended, you can map attributes to the answers a customer gives in your experience. The data collected is valuable for retargeting, boosting your view of the customer, and planning future campaigns.
Test mappings and logic
From the editor, select Preview.
Click through the experience and validate:
Formatting and style. (Test for both mobile and desktop)
Scoring and feedback. Confirm that the responses correspond to the correct score, and that feedback overlays are correct (if using).
Lead capture behavior.
Outcome screen/social share is correct.
Publish and Launch
When satisfied with testing, click Publish.
Generate your launch links using the Launch Options panel.
Choose your preferred format: standalone URL, embed code, or link for pop-ups.
Launch the experience on your channels:
Embed on your website
Link in an email or SMS campaign
Include in paid or social media campaigns
It's important to use custom launch links for each channel so you can clearly measure conversions as compared to the source. This gives you greater clarity regarding the success of launching on one channel vs. another.
Measure your success
You can start by leveraging the built-in metrics available in Experience Analytics, then gradually expand your measurement approach by layering in tools like GA4, GTM, or UTM-based tracking, based on your internal capabilities.
Baseline: Track core metrics in Experience Analytics
These metrics are built into the platform and reflect user engagement and intent:
Completion Rate of Experience: Measures the percentage of users who finish the quiz. A high completion rate indicates a compelling and clear value exchange.
Level-up: Track revenue & attribution metrics with external tools
For revenue attribution, customer behavior insights, and channel analysis, we recommend the following:
Add UTM Parameters
Apply UTM parameters to all launch links and redirect URLs within your Dynamic Product Feed (DPF). This enables you to tie experience traffic to specific marketing channels.
Example UTM tags:
iniCopyEditutm_source = email utm_medium = newsletter utm_campaign = summer_quiz
Tip: Enable “forward URL params” when configuring redirect URLs to retain UTM data through the click path.
Connect with GA4 & GTM
If you’ve configured GA4 or GTM:
Track events like quiz completions, redirect clicks.
Use these platforms to generate channel-specific conversion rates or revenue performance by UTM tag.