đź“– Turning Your Widget Visuals Into Interactive Elements
Your Classic Quiz widgets can do more than just display beautiful images and branding logos—these can be clickable links that drive traffic to your website, sponsor pages, or any destination you choose. This guide shows you how to make your Main Image and Logo clickable using the URLs feature in the Management Portal's Branding section.
đź“– How Do Branding URLs Work?
The Branding section in the Portal includes URL fields that correspond to different visual elements in your Classic Quiz widgets:
- Primary URL → Controls the Main Image clickability (found in Images > Main)
- Secondary URL → Controls the Main Logo clickability (found in Branding > Images > Main Logo)
The behavior changes depending on which URLs you configure and which widget template you're using.
đź“– How Does it Work For Standard and Split Template Quizzes:
- If Both URLs are configured - Your Main Image links to the Primary URL, your Logo links to the Secondary URL
- If Only Primary URL is configured - Both Main Image and Logo will link to the Primary URL
- If Only Secondary URL is configured - Only the Logo is clickable (links to Secondary URL)
đź“– How Does it Work For Overlay Template Quizzes:
Due to the overlay template structure where the background image serves as the visual foundation, only the Logo can become clickable. Here's how it works:
- If both URLs are configured - The Logo becomes clickable and leads to the Secondary URL (Secondary takes priority here)
- If only Primary URL is configured - The Logo becomes clickable and leads to the Primary URL
- If only Secondary URL is configured - The Logo becomes clickable and leads to the Secondary URL
⚙️ How to Configure Clickable URLs
Step 1: Navigate to Your Quiz Settings
- Log in to the Management Portal
- In the left sidebar, click on CLASSIC QUIZZES
- Select the specific quiz you want to configure and open the editing page
Step 2: Access the Branding URLs Section
- In the right side of the quiz management screen, locate the Branding section
- Click on the URLs tab (you'll see tabs for Images, Colors, and URLs)
Step 3: Configure Your URLs
- In the Primary URL field, enter the destination link for your Main Image (e.g., www.yourwebsite.com)
- In the Secondary URL field, enter the destination link for your Logo (e.g., www.sponsor.com)
- You can configure both URLs, just one, or leave both empty depending on your needs
- Scroll down and save your changes
📸 Visual Guide: How URLs Work Across Templates
Standard Template
Scenario 1: When Both Primary & Secondary URLs are Configured
Scenario 2: When Only the Primary URL is Configured
Scenario 3: When Only Secondary URL is Configured
Split Template
Scenario 1: When Both Primary & Secondary URLs are Configured
Scenario 2: When Only the Primary URL is Configured
Scenario 3: When Only the Secondary URL is Configured
Overlay Template
Scenario 1: When Both Primary & Secondary URLs are Configured
Scenario 2: When Only the Primary URL is Configured
Scenario 3: Only Secondary URL Configured
đź“– Important Notes
- URL behavior varies by template type. The Overlay template only supports Logo clickability due to its structural design, while Standard and Split templates allow both Main Image and Logo to be clickable depending on your URL configuration.
- Logo requirement - The Secondary URL only works if you have a Main Logo configured in Branding > Images > Main Logo
đź“š Further Reading
đź“š Widget FAQs
đź“š Main Widget Documentation