Fanz Themes
Fanz Themes is how you build and manage your white-label site. Themes are designed in-house and compile deterministically from your settings into complete site pages — what you configure is exactly what your visitors see, no surprises.
Every theme ships with pre-designed pages, configurable sections, three style presets, and a full-screen editor with a live preview of your own site.
Where to find it: Go to Website in the left sidebar and open the My website hub.
The My website hub
My website is the entry point to everything related to your site. There you'll see:
- A live preview of your published site, with a desktop/mobile toggle
- Buttons to copy your site URL and View my site in a new tab
- Customize — opens the full-screen theme editor
- Change theme — opens the theme picker
If your brand doesn't have a site yet, the hub shows the shortcut to create one (see the site creation guide).
The theme picker
The picker shows the theme catalog on the left and a live preview of your own site on the right — these are not static screenshots: it's your real site compiled with the theme you're exploring.
What you'll see
| Element | What it does |
|---|---|
| Your current theme | Card showing the published theme name, its preset, and a green Published pill — you always know what's live |
| Theme cards | One per available theme, with a mini preview and name |
| Preset dots | Each theme has 3 presets — click a dot to preview it instantly |
| Preview toolbar | Page selector, desktop/mobile toggle, open in new tab |
| Use this theme | Applies the selected theme to your live site |
| Customize | Opens the full-screen editor with the selected theme |
Risk-free previewing
Everything in the picker is preview only: browse themes and presets as much as you like — your published site doesn't change until you confirm.
Clicking Use this theme shows a confirmation dialog explaining that the new theme will replace the currently published one, and that the previous theme remains saved so you can return to it anytime.
Your customizations are protected: if you're browsing a different preset of your published theme and choose Customize, Fanz first creates a draft copy — your live settings are never overwritten by accident.
The six available themes
Each theme has its own visual identity, pre-designed pages, and three presets (palette and style variants):
| Theme | Best for | Presets |
|---|---|---|
| Teatro | Theaters, performing arts, concert halls, dance. Elegant, editorial, "lights-down" aesthetic. | Terciopelo · Marfil · Moderno |
| Nocturno | Nightclubs, electronic parties, party producers. Kinetic neon aesthetic. | Neón · Warehouse · Sunset |
| Conferencia | Conferences, congresses, corporate events, summits. Professional keynote aesthetic. | Keynote · Daybreak · Terminal |
| Centro Cultural | Cultural centers, museums, multidisciplinary spaces, galleries. Warm catalog aesthetic. | Arcilla · Museo · Noche de museos |
| Club Deportivo | Sports and social clubs, academies. Stadium-and-jersey aesthetic. | Noche de estadio · Clásico · Tricolor |
| Parque | Amusement parks, funfairs, water parks. Playful, family-friendly pop aesthetic. | Festival · Noche mágica · Aqua |
Pages included per theme
Every theme comes with a set of ready-made pages you can edit, rename, or delete (except Home):
| Theme | Pages |
|---|---|
| Teatro | Home, Program, About, Season passes, Contact, FAQ |
| Nocturno | Home, Parties, VIP, Gallery, Contact, FAQ |
| Conferencia | Home, Agenda, Speakers, Venue, Contact, FAQ |
| Centro Cultural | Home, Agenda, Spaces, Friends, Contact, FAQ |
| Club Deportivo | Home, Agenda, Disciplines, The venue, Members, Contact, FAQ |
| Parque | Home, Attractions, Tickets, Your visit, Contact, FAQ |
All themes include a broad catalog of sections: heroes, event listings and agendas, calendar, countdown, galleries and video, attendee reviews, sponsors, statement blocks, CTA bands, FAQ, contact, newsletter, and a Location map (Google Maps with a "Get directions" button), among others.
The full-screen editor
Clicking Customize opens the editor — a dedicated, Shopify-style workspace:
- Top bar — exit, install name, Published pill (if live), access to Theme settings, Visit site, desktop/mobile toggle, and the Save / Publish changes button
- Left panel — page switcher and the content tree: Header, Sections, Footer, and Theme settings
- Center — live preview of your own site in an iframe
- Right panel — the settings for the selected section or element
Setting field types
Each section defines its own fields. Depending on the type, you'll see:
- Text and rich text — headings, descriptions, subheadings
- Image — drag-and-drop upload, with the recommended size indicated
- Visual selector — options shown as cards when there are few, dropdown when there are many
- Color — theme palette chips + free picker, with an Automatic option
- Sliders, switches, URL, price, date and time
- Event / membership picker — for sections that feature a specific event or plan
- Repeatable lists — items you can add, reorder (drag), and delete (e.g. attractions, speakers, disciplines)
In addition, every section has two universal style groups:
- Spacing — top/bottom padding and content width
- Section style — background, text color, and font pair
Working with sections
| Action | How |
|---|---|
| Add | Add section button — opens a searchable catalog by category with a live demo of each section |
| Reorder | Drag sections in the tree |
| Hide / show | Visibility icon in the tree, or on hover in the preview |
| Delete | From the tree or the preview — always with a confirmation modal |
| Rename | Pencil icon or double-click on the name in the tree |
| Inline text editing | Double-click any text in the preview to edit it in place |
"Not visible" badge: sections with no data to display (for example, reviews before you have attendee feedback) show a muted badge in the tree. They don't appear on the published site.
Page management
From the page switcher you can switch pages, rename, duplicate, or delete them, and Add page from three origins:
- From scratch — an empty page
- From template — starting from one of the theme's page templates
- Duplicate page — a copy of an existing one
Each page's settings include: title, path (slug), hiding it from the navigation menu, its own SEO (title, description, image, noindex, with a Google snippet preview), the item type (Page or external Link), and per-page header/footer visibility.
The Home page can't be deleted or turned into a link. The FAQ page is usually hidden from the menu, but the footer always links to it.
Header and footer
The Header (Navigation) and Footer are edited as fixed items in the tree:
Header:
- Show/hide the navbar and a dedicated header logo
- Navigation menu — which pages appear in the menu
- Layout (standard, centered, split, minimal, floating), style (solid, transparent, blur), and scroll behavior
- Background/text colors and a CTA button with text, destination (visual picker of pages and sections, or a URL), and colors
Footer:
- Variant (full, minimal, compact, mega, editorial, centered) and background treatment
- Footer-specific logo, tagline, and copyright line
- Social links — managed inline and read live from your site: changes appear without republishing
- Legal links are always present (a compliance requirement) — the footer can't be fully hidden
Standard pages
Platform-rendered pages (they're not section trees) can also be previewed and configured from the editor, under Standard pages:
| Page | What you can configure |
|---|---|
| Event detail | Classic, Immersive, or Editorial template, plus a single-date event view |
| Checkout confirmation | Thank-you message and whether to show other events |
| Legal pages | Simple, Card, or Editorial layout |
| Membership detail | Themed preview |
Preview and publishing
Instant draft preview
Everything you edit is reflected in the iframe before saving: style and ordering changes are instant, and content changes compile into a temporary preview in under a second. There are also test simulations (sold-out events, social-proof toasts) that are never saved — they exist just to see how the design reacts.
Save vs. publish
| Install state | Action |
|---|---|
| Draft | Save keeps your changes without touching the live site; Publish takes it live |
| Published | Publish changes saves and updates the live site in one step |
- A single save applies everything together: page sections, theme settings, header/footer, and standard pages.
- On a published site, page structure changes (create, rename, delete) stay staged until you save.
- If you try to exit with unsaved changes, a modal offers save & exit, discard, or cancel.
- You can keep multiple theme installs saved, but exactly one published. Publishing another one keeps the previous saved so you can go back anytime.
Platform-connected content
Some sections aren't edited in the theme because they display real data from your account:
| Content | Where it comes from |
|---|---|
| Events, agenda, and calendar | Your published events — always up to date |
| Attendee reviews | Real attendee feedback (rating 4+ with a comment). Testimonials are never invented: if you have no reviews, the section shows nothing publicly |
| FAQs | Your site's FAQs — managed inline from the editor, and changes go live instantly |
| Footer social links | Your site's social links — read live, no republish needed |
| Newsletter and contact forms | Submissions land in your Marketing Contacts — the editor shows a View contacts shortcut |
Quick reference
| Task | Where |
|---|---|
| See my site and its URL | Website → My website |
| Browse and change themes | My website → Change theme |
| Preview presets | Preset dots on each picker card |
| Apply a theme to the live site | Use this theme (with confirmation) |
| Open the editor | Customize (from the hub or the picker) |
| Add/reorder/delete sections | Left-panel tree in the editor |
| Edit navigation and footer | Header and Footer items in the tree |
| Configure event detail, checkout, and legal pages | Standard pages group in the editor |
| Publish changes | Save / Publish changes in the top bar |
No. Your events, FAQs, reviews, and social links are platform data and display in any theme. Your previous theme also remains saved with its settings, so you can return to it anytime.
Yes. The entire picker is preview-only, and in the editor your changes are saved as a draft. Your live site only changes when you confirm Use this theme or click Publish changes.
Because it has no data to display — for example, a reviews section before you've received attendee feedback, or a gallery with no photos. The section won't appear on the published site until it has content.
No. Reviews are always real attendee feedback (ratings of 4+ stars with a comment). This protects your site's credibility — invented testimonials are never displayed.
No. FAQs and social links are live site data: changes appear immediately on the published site, without republishing the theme.
They go straight to your Contacts in the Marketing section, ready to use in campaigns and automations. The editor gives you a View contacts shortcut.
Yes. Each theme install has its own pages and sections. You can add pages from scratch, from a theme template, or by duplicating an existing one — and each page has its own SEO and menu visibility.
Yes. They're platform-rendered standard pages that inherit the theme's palette and typography, and from the editor you can choose their template (for example, Classic, Immersive, or Editorial event detail) and preview them.