Booking Website

The Booking Website section in Trafft allows you to fully customize the look and feel of your public booking page. From basic branding elements to detailed page layouts, you can control how your services, employees, and information appear to your customers. This section contains several sub-menus: General, Theme and Appearance, Hero Section, Footer Section, Services Page, Employees Page, and Custom Code.

Each sub-menu focuses on a specific part of your website, making it easier to personalize every detail.

General

The General settings allow you to configure the basic elements of your booking website, including:

• Website Title and Description – Set the name and tagline that appear in the browser tab and search engines.

• Logo and Favicon – Upload your business logo and favicon to match your brand identity.

• Custom Domain (if available) – Connect your own domain for a fully branded booking experience.

These settings are the foundation of your booking page’s identity and should be completed first before customizing other sections.

Theme and Appearance

The Theme and Appearance tab lets you define the overall style of your booking website:

• Themes – Choose a default theme layout that fits your business type.

• Colors and Fonts – Adjust primary colors, button styles, and typography to match your branding.

• Layout Options – Configure spacing, background colors, and other visual elements for a cohesive look.

Updating these settings instantly refreshes the design across all pages.

Hero Section

The Hero Section is the large banner customers see first when they open your booking page. Here you can:

• Upload a Hero Image or Background – Add a main image or color background for visual impact.

• Headline and Subheading – Write a welcome message or highlight your key services.

• Call-to-Action Button – Guide visitors to book directly with a clear CTA.

This section is key to creating a strong first impression and directing users toward booking.

Footer Section

The Hero Section is the large banner customers see first when they open your booking page. Here you can:

• Upload a Hero Image or Background – Add a main image or color background for visual impact.

• Headline and Subheading – Write a welcome message or highlight your key services.

• Call-to-Action Button – Guide visitors to book directly with a clear CTA.

This section is key to creating a strong first impression and directing users toward booking.

Service Page

The Services Page displays all services available for booking:

• Service Display Options – Choose how services are listed (grid or list view).

• Service Details – Show service descriptions, duration, and price.

• Category Management – Group services into categories for easier browsing.

Optimizing this page helps customers quickly find and select the right service.



Employee Page

The Employees Page showcases your staff and allows customers to book directly with specific team members:

• Employee Cards – Display profile pictures, names, and roles.

• Highlighting Badges (if enabled) – Show special badges for featured employees.

• Employee Filtering – Organize employees by service or location for easier navigation.

This page is ideal for businesses where customers prefer choosing who they book with.

Custom Code

The Custom Code section is designed for advanced customization:

• Custom CSS – Adjust styles beyond built-in settings (e.g., button shapes, extra colors).

• Custom JavaScript – Add scripts for analytics, tracking pixels, or advanced functionality.

Use this carefully to maintain performance and compatibility.