> ## Documentation Index
> Fetch the complete documentation index at: https://zestify-docs.geticonicapps.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Preview Screens

> The appearance editor previews four moments a visitor sees — the Game screen, Email screen, Winning screen, and Teaser launcher — and lets you check each on both desktop and mobile.

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](/appearance/content-tab) and [Styles](/appearance/styles-tab) 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](/appearance/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](/appearance/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](/appearance/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.