Customizing the Appearance of Your Booking Panel in Synero

Synero’s Appearance Module allows you to tailor the booking panel to align with your brand identity, ensuring a cohesive and professional user experience. Here’s how you can customize various aspects of your booking interface.

Selecting and Customizing Themes

Synero offers multiple themes for your booking panel. To choose and modify a theme.

1. Access the Appearance Module:
   • Navigate to the ‘Appearance’ section in your Synero dashboard.
2. Select a Theme:
   • Browse through the available themes and select one that suits your business aesthetics.
3. Customize Theme Colors:
   • Adjust the color scheme to match your branding. Synero provides dynamic color selection for various elements of the booking panel.
4. Set Panel Height:
   • Define the height of your booking panel to ensure it fits seamlessly within your website’s layout.
5. Choose Fonts:
   • Select from a wide range of Google Fonts to match your site’s typography.

Real-Time Preview

As you make adjustments, the right side of the screen displays a live preview of your booking panel. This feature allows you to see changes in real-time, ensuring your customizations meet your expectations before finalizing them.

Adding Custom CSS

For advanced customization.

1. Access Custom CSS Section:
   • Within the Appearance module, locate the ‘Custom CSS’ option.
2. Input Your CSS Code:
   • Enter your custom CSS code to modify specific elements of the booking panel.
3. Save Changes:
   • After adding your CSS, save the changes to apply them to the booking panel.

Note: The custom CSS codes added here will remain intact even after system updates, ensuring your personalized styles are preserved.

Reordering Booking Steps

Synero’s booking process consists of multiple steps. To tailor this process.

1. Navigate to Booking Steps:
   • In the settings, find the ‘Booking Steps’ configuration.
2. Reorder Steps:
   • Drag and drop the steps to rearrange them according to your business requirements.
3. Enable or Disable Steps:
   • Toggle specific steps on or off based on necessity. For instance, if you operate from a single location, you might disable the ‘Location’ step.

This flexibility ensures the booking process is streamlined and relevant to your operations.​