New Feature Updated for AdVanta v2

Offerwall Themes & Customization

Customize the visual appearance, color scheme, and component layout of your embedded offerwall to match your website or mobile app branding seamlessly.

5 Curated Visual Themes Available
AdVanta includes 5 production-ready visual themes built specifically for different audience niches—from gaming portals to fintech apps.

1. Curated Visual Themes

Theme Key	Visual Identity	Niche / Best For	Default Mode
`classic`	Fintech Obsidian	Fintech platforms, rewards portals, GPT sites, and classic dashboards. Sleek obsidian dark with vibrant emerald & gold accents.	Dark / Light
`gaming`	Cyberpunk HUD	Gaming guilds, Discord bots, MMORPG web stores, and esports portals. Neon HUD borders, cyan/purple glows, and futuristic counters.	Dark
`minimal`	Clean Slate (Apple/Stripe)	SaaS applications, modern mobile apps, and productivity tools. High-contrast typography, pure white/slate cards, and minimal outlines.	Light / Dark
`compact`	Dense Task Feed	High-velocity earning platforms, Monlix/AdGate style task walls. Dense horizontal task rows with maximum offer visibility per screen.	Dark
`arcade`	Candy Loot & Play	Casual gaming sites, gamified apps, and youth audiences. Candy magenta glows, chunky 3D pushable buttons, and playful coin badges.	Dark

2. URL Customization Parameters

Append any of the following parameters to your Offerwall URL (/wall) to dynamically override styling:

Parameter	Supported Values	Default	Description
`theme`	`classic`, `gaming`, `minimal`, `compact`, `arcade`	`classic`	Changes the entire visual design, typography, and card style.
`theme_mode`	`dark`, `light`	`dark`	Forces Dark Mode or Light Mode on the offerwall.
`primary_color`	URL-encoded HEX (e.g. `%2310B981`)	Theme default	Overrides the brand primary color for buttons, badges, and active pills.
`show_featured_slider`	`1` (show), `0` (hide)	`1`	Controls visibility of the top high-paying featured quests carousel.
`show_live_conversions`	`1` (show), `0` (hide)	`1`	Controls visibility of the real-time live conversion stream ticker.
`show_search_filter`	`1` (show), `0` (hide)	`1`	Controls visibility of the keyword search bar and device filter pills.
`show_qr_code`	`1` (show), `0` (hide)	`1`	Shows/hides QR code scanner in offer detail modals on desktop.
`header_style`	`full`, `compact`, `hidden`	`full`	Full displays app branding + points; compact is a 42px slim bar; hidden removes header.
`card_layout`	`grid`, `list`	`grid`	Switch between responsive multi-column cards grid and dense horizontal rows.

3. Complete Implementation Example

Here is an example embedding the Cyber Gaming theme with Light Mode disabled and a compact header:

<iframe 
    src="https://advanta-new.winwallgame.com/wall?apiKey=YOUR_API_KEY&userId=USER_12345&theme=gaming&theme_mode=dark&header_style=compact&card_layout=grid" 
    style="width: 100%; height: 850px; border: 0; border-radius: 16px; overflow: hidden;" 
    allow="clipboard-write"
    loading="lazy">
</iframe>

4. Responsive Iframe Auto-Resizing (JavaScript)

AdVanta emits a postMessage event whenever the offerwall height changes (such as filtering or expanding an offer). Add this script to automatically adjust the iframe height without scrollbars:

<script>
window.addEventListener('message', function(event) {
    if (event.data && event.data.type === 'advanta_wall_resize') {
        var iframe = document.getElementById('advanta-offerwall-iframe');
        if (iframe && event.data.height) {
            iframe.style.height = event.data.height + 'px';
        }
    }
});
</script>