Skip to main content
Across the top of the appearance editor are four tabs, each previewing a different moment a visitor experiences on your storefront. Switch between them to see how your Content and Styles changes look at each stage.

​
Game Screen

The game itself — for Spin to Win, this is the wheel with its headline, subheadline, and play button, matching the Game Screen fields on the Content tab.

​
Email Screen

The email capture step. For example, when a campaign asks for email before revealing the reward, this screen shows a lock icon, an eyebrow (“ONE QUICK STEP”), a title (“Your reward is ready”), a subtitle, an email input, an “Unlock my reward →” button, and fine print — matching the Email Gate — Before Reward fields on the Content tab.

​
Winning Screen

The reward reveal a visitor sees after winning — an eyebrow (”🎯 THE BALL LANDED ON…”), a title (“You won 15% OFF!”), a ticket-style card showing the discount and its code (with a Copy button), any minimum order requirement, a “prize reserved for” countdown timer, and a “Shop now & redeem →” button. This screen respects your Show as setting from the Styles tab — it can appear as a side panel or as a centered popup card.

​
Teaser

The Teaser tab previews the small floating launcher bubble that sits on your storefront before a visitor opens the game — the icon and position you set under Launcher & Effects on the Styles tab. This is what visitors see first, before they click to open the game.

​
Desktop and Mobile Preview

Use the desktop/mobile toggle icons at the top right of the editor to switch the live preview between a full-width desktop view and a narrower mobile-shaped frame, so you can check how the game looks on both before saving.