Fanz Themes
Fanz Themes is how you build and manage your white-label site with the new website builder. 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.
Don't see My website? If your menu shows Branding, Homepage, and Pages instead, you're on the classic builder — use those guides. New sites always land on Themes.
Theme sections vs other "sections"
In this guide, a section is a content block inside a theme page (hero, agenda, FAQ…). That is not the same as a Section on a seating map (a stadium sector with an interior map) or a dashboard product-tour area.
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
- Create with AI — in the picker, opens the assistant that builds a site from your brand (existing website, Instagram, files) and leaves a draft for you to review
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 |
| Create with AI | Card at the top of the catalog: opens the personalization assistant |
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 available themes
Each theme has its own visual identity, pre-designed pages, and three presets (palette and style variants). Names in the picker come from the catalog — they stay in Spanish in both dashboard languages:
| 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 · Galpón · Atardecer |
| Conferencia | Conferences, congresses, corporate events, summits. Professional keynote aesthetic. | Ponencia · Amanecer · 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 |
| Cine | Multiplexes and independent cinemas. Showtimes, pre-sales, and a film-billboard look. | Auditorio · Marquesina · Matinée |
| Vervee | Premium venues and high-end experiences. | Noir · Champaña · Platino |
| Electrónica | Electronic-music festivals and producers (catalog id is Volt; the picker name is Electrónica). | Magenta · Silo · Almacén |
| Underground | Independent scenes, zine-like, raw aesthetic. | Crudo · Ácido · Fanzine |
Cine: if the catalog is empty, preview can auto-enable Simulate event listing with sample films. That simulation is preview-only and does not change the published site. Real events hide the samples.
Electrónica: the home can show this week's events as a full-bleed flyer carousel and upcoming dates as a list. Hero CTA Ver eventos scrolls to the listings.
Events listing sections also support a carousel layout next to grid / list / dual-marquee.
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 |
| Cine | Home, Program, Contact, FAQ |
| Vervee | Home, Program, The venue, Gallery, Agenda, Contact, FAQ |
| Electrónica | Home, Agenda, Visit, Contact, FAQ |
| Underground | Home, Agenda, Contact |
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.
Personalize with AI
From My website you can run a Typeform-style wizard (one question per screen). It personalizes the selected theme; it does not invent a new theme system.
Typical slides:
| Slide | What you answer |
|---|---|
| How do you want your site to look? | Light or Dark |
| What should someone do when they arrive? | Buy tickets, Get to know the place, or Get in touch |
| Confirm your site pages | Home is always included. Uncheck pages you do not need; you can add others (Agenda, About, Venue, Gallery, Team, Contact, FAQ, Season passes) |
| Files | PDF · Word · PNG or JPG (.docx is accepted) |
| Chat | A guided interviewer asks for the most useful missing fact before generate unlocks |
A brand-new quick-create site may swap theme once to match the business type. Manual theme edits after that are kept.
The picker's Create with AI card opens that assistant. In the editor, the AI button opens a chat: edits stay as a draft (FAQ and social links still write live). In Add section, Create with AI generates a custom block and stores it under Created with AI for reuse. No AI flow publishes on its own.
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, the AI button, 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
If you open the AI assistant, the chat takes the right rail (the tree is hidden while it is open). Suggested edits stay as drafts: they are not published until you save.
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)
The right panel groups fields in this order: Content → Design → Section style → Spacing → Animation. Edit the words and images first; spacing and animation come last.
In addition, every section has universal style groups:
- Spacing — top/bottom padding and content width
- Section style — background, text color, and font pair
- Animation — section entrance (theme, header, and footer also have animation settings)
Working with sections
| Action | How |
|---|---|
| Add | Add section button — searchable catalog by category with a live demo. Create with AI is pinned at the top for a new custom section; previously generated ones appear under Created with AI and can be reused on any page |
| 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 and a score of checks), the option to generate SEO with AI, the item type (Page or external Link), and per-page header/footer visibility. Site-wide SEO still lives in Website → SEO.
SEO score sits in those page settings (right column): a live SEO score ring for this page that updates as you fill fields. Checks include SEO title, SEO description, share image, main heading (H1), image alt text, plus site-wide favicon, at least 3 FAQs, and connected socials. Status chips: Done, Automatic, Pending. Generate with AI can draft the page SEO fields. This is not the same screen as classic Website → SEO.
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.
Pages vs sections vs standard pages:
| Concept | What it is |
|---|---|
| Page | A navigable URL on your site (Home, About, Contact…) built from a stack of sections |
| Section | One content block inside a page (hero, agenda, reviews…) — add, reorder, hide, or delete in the tree |
| Standard page | Platform screens (event detail, checkout, legal, membership) — pick a template; not a free section tree |
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 and in what order: drag the rows by the dots handle to reorder the navbar links (Home included), and turn the switch off to remove a page from the menu without deleting it
- Show socials in the bar — same links as the footer. They replace the highlight button when at least one link is set
- 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) |
| Build a site with AI | Change theme → Create with AI |
| Ask for edits in the editor | AI button in the top bar |
| Add/reorder/delete sections | Left-panel tree in the editor |
| Edit navigation and footer | Header and Footer items in the tree |
| Reorder the menu links | Header → Navigation menu — drag the rows |
| Configure event detail, checkout, and legal pages | Standard pages group in the editor |
| Publish changes | Save / Publish changes in the top bar |
| Personalize with AI | Hub / picker → the Typeform-style wizard (mood, goal, pages; PDF / Word / PNG or JPG) |
| Page SEO score | Page settings in the editor — SEO score |
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.
In the editor, open the Header item in the tree and find the Navigation menu list: drag the rows by the dots handle to reorder them — the new order shows instantly in the preview. You can move any page, including Home. On a published site, the new order goes live when you click Publish changes.
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.
No. The setup assistant and the in-editor chat leave a draft. Your live site only changes when you confirm Use this theme or click Publish changes. FAQs and social links do update immediately if you edit them (or if AI touches them), because they are live site data.
No. Reviews and FAQs come from your account. AI personalizes a catalog theme; it does not generate testimonials or made-up questions.