Site branding
Classic builder only. This guide applies if your Website menu shows Branding, Homepage, and Pages. If you see My website with Customize / Change theme instead, use the Fanz Themes guide — that's the new builder.
Customize every visual aspect of your site: templates, colors, logos, layouts, and more. All with real-time preview.
Accessing the branding editor
From the Fanz dashboard, go to Website → Branding.
Browser preview
On the right side of the screen, you'll see a browser previewer that shows exactly how your site looks in real-time.
Note: This previewer also appears in the Homepage and Pages menus. It's the same tool for viewing changes in real-time.
Previewer actions
In the top right corner of the previewer you have:
| Icon | Action |
|---|---|
| Desktop | See how it looks on computers |
| Mobile | See how it looks on phones |
| Arrow ↗ | Open your actual site in a new tab |
Important: You can navigate within the previewer, click on events, and see how changes look on different pages (homepage, event detail, etc.).
Sidebar menus
The left sidebar has 5 menus to customize different aspects of the site:
1. Template
Choose from 8 pre-designed templates that define the overall visual style of your site:
| Template | Description |
|---|---|
| Base | Default template, balanced and versatile |
| Bold | Strong and eye-catching design |
| Bright | Vivid and energetic colors |
| Clean | Minimalist and professional |
| Organic | Natural and fluid style |
| Pulse | Dynamic, ideal for nightlife events |
| Simple | Straightforward and direct |
| Vivid | Vibrant and colorful |
What each template includes:
- Default layout (footer, navbar, typography)
- Header banner design
- Custom colors
- Box roundness (border-radius)
- Element shadows
Instant preview
When you click a template in the picker, an instant preview overlay loads on top of your site so you can see exactly how it looks without navigating away. Your currently published theme is clearly labeled on its card so you always know where you started.
Switching your published theme
When you select a new template to publish, a confirmation dialog appears before any changes are applied. The dialog explains that the new theme will replace the current published one. Your previous theme is not deleted — it remains saved and you can return to it at any time. Only the published theme changes.
You can try all templates freely and only confirm when you find the one you like.
2. Layout
Choose the style of navbar, footer, and typography. There are 6 options available:
| Layout | Style |
|---|---|
| Standard | Classic and functional |
| Floating Modern | Modern with floating elements |
| Classic Elegant | Elegant and sophisticated |
| Bold Split | Split and striking |
| Old Theatre | Vintage theatrical style |
| Organic Cultural | Cultural and artistic |
Each layout has a navbar and footer design that match, plus specific typography.
Note: The layout can override the default layout of the template you chose. First choose the template, then adjust the layout if you want something different.
3. Logos
Configure your brand logos:
Main site logo
Used in:
- Site navbar
- Site footer
- Tickets (by default)
- Communication emails
Recommendations:
- Format: PNG with transparent background
- Recommended size: 400 × 200 px (2:1 ratio, double width than height)
Wallet logo
Used for memberships that appear in Apple Wallet.
Recommendations:
- Recommended size: 200 × 200 px (1:1 ratio, square)
- Format: PNG
Note: If you don't sell memberships, you can leave it empty.
Recommended image sizes for the site
Summary of the sizes the dashboard suggests for each image in the classic builder. Every upload field shows the expected size and ratio; if you upload a larger image, the cropper lets you fit it to that ratio.
| Image | Where to configure | Recommended size | Ratio |
|---|---|---|---|
| Logo | Branding → Logos | 400 × 200 px | 2:1 |
| Wallet Logo | Branding → Logos | 200 × 200 px | 1:1 |
| Desktop Banner (Default / Text Overlay) | Homepage → Banner | 2160 × 720 px | 3:1 |
| Mobile Banner (Default / Text Overlay) | Homepage → Banner | 2160 × 1080 px | 2:1 |
| Desktop Banner (Side by Side) | Homepage → Banner | 1080 × 1080 px | 1:1 |
| Mobile Banner (Side by Side) | Homepage → Banner | 1920 × 1080 px | 16:9 |
Note: The banner size depends on the Header Layout you pick in Homepage. The Text Only and No Banner layouts don't use an image.
4. Colors
Customize site colors. Each template has default colors, but you can override them.
Essential
| Color | Use |
|---|---|
| Primary | Your brand's main color. Buttons, links, highlighted elements |
| Secondary | Support color. Secondary elements, alternative backgrounds |
Text
| Color | Use |
|---|---|
| Text color | Main text color on the page |
| Button text | Text color inside buttons and elements with primary background. Important to have contrast |
Backgrounds
| Color | Use |
|---|---|
| Main background | General site background color |
| Navigation bar | Navbar background |
| Footer | Footer background |
| Input fields | Form field backgrounds |
Note: When you pick a palette color for the Navigation bar or Footer, the system resolves it to its exact hex value at the time the page is compiled. This means your published site will always display the correct color, even if you later modify the theme palette.
Borders & shadows
| Color | Use |
|---|---|
| Border color | Dividing lines, card borders |
| Box shadow | Element shadows |
| Hover shadow | Shadows when hovering over clickable elements |
| Light shadow | Soft shadows for specific cases |
Color presets
At the top of the colors menu, you have light and dark mode presets. Click one to apply a predefined set of colors.
Restore individual colors
Next to each color there's a button to restore to template default. If you modified a color and want to return to the template's original, use this button.
⚠️ Important: If you change colors and then switch templates, all colors reset to the new template's defaults except primary and secondary. That's why we recommend first choosing the template and then adjusting colors.
5. Options
Configure additional site options:
Purchase button text
The text that appears on the main purchase button on the event page.
| Language | Default value |
|---|---|
| Spanish | "Comprar" |
| English | "Buy" |
You can customize it (e.g., "Get tickets", "Reserve", "Buy now").
⚠️ Important: When customizing the text, you lose automatic translation. You can only enter a single value that will be used for both languages. If your site is bilingual, consider using a word that works in both languages or leave the default value.
Show initial price
Choose whether to show the "from" price above the purchase button:
- Enabled: Shows "From $50" above the button
- Disabled: Only shows the button without price reference
Custom domain
You can connect your own domain (e.g. tickets.yourbrand.com) to your Fanz site. This feature is available to all brands — no specific subscription tier is required.
The custom domain is not configured in the branding editor: it is configured from Website → General settings (Website in the sidebar menu). There you enter your domain, get the CNAME records to add at your registrar (GoDaddy, Namecheap, Cloudflare, etc.), and track the verification status.
See the full step-by-step guide in Website general settings → Custom domain.
Custom sender email
You can configure a custom sender email address so that communications sent from your platform (ticket confirmations, membership emails, etc.) come from your own domain rather than a Fanz default address. This feature is available to all brands — no specific subscription tier is required.
The sender email is also configured from Website → General settings, in the email communication section. See Website general settings → Email communication.
Saving changes
When you make any change in the branding editor, a save button appears at the bottom of the sidebar.
- Save: Permanently applies changes to your live site
- Exit without saving: If you try to exit with the back arrow, you'll be warned about unsaved changes
Checklist before saving
- ✅ Check how it looks in desktop view
- ✅ Check how it looks in mobile view
- ✅ Navigate to an event in the previewer to see how changes affect it
- ✅ If everything looks good, save the changes
Next steps
Yes, you can change the template at any time. Events and content automatically adapt to the new template.
If you changed templates after customizing colors, they reset to the new template's defaults (except primary and secondary). Always choose the template first, then adjust colors.
Yes. The template defines the general style and colors, but you can override the layout (navbar, footer, typography) by choosing another in the Layout menu.
Not until you save. The previewer shows changes in real-time, but your live site isn't modified until you click Save.
Your previous theme remains saved — it is not deleted. The confirmation dialog that appears before switching explains this clearly. Only the published theme changes; you can return to your old theme at any time.
In the theme picker, your currently published theme is labeled on its card so it's always easy to identify.
Navigate through the previewer, enter an event, look at the buttons. If you can't read the text or elements don't stand out, adjust the colors. Always test on desktop and mobile.
You can restore each color individually to the template default using the restore button next to each color.
No. It's only needed if you sell memberships that are added to Apple Wallet. If you don't use this feature, you can leave it empty.
Options changes (button text, initial price) are visible on the event page. Navigate to an event within the previewer to see them.
Currently, the same logo is used. Make sure your logo works well on different backgrounds.
No. PDF tickets have their own design configuration in the Ticket Designs menu.
No. Both custom domain setup and custom sender email configuration are available to all brands.
DNS propagation typically completes within a few minutes to a few hours, but can take up to 48 hours depending on your registrar. The domain status section in the dashboard will update automatically once your records are detected.
No. The builder has no custom CSS field and doesn't allow injecting your own code. Visual customization is done through the dashboard options: Template, Layout (navbar, footer and typography), Logos, Colors and Options. If you need more control over the design, the new Fanz Themes builder offers themes with configurable sections and settings.