You can fully customize the appearance of the BookX booking widget to seamlessly match your store’s branding.
How to customize the booking widget
1. Go to BookX “Settings” and click “Edit” on Widget Configuration.
2. Click “Edit Appearance" to customize the widget.
3. Here you can customize the widget theming, text & translations and custom CSS.
Widget Theming
This section controls the overall look and feel of your widget.
- Open the dropdown next to Widget Theming.
- Apply one of four quick themes, or manually set background, title, subtitle, icon, selection text, widget, multi-day chip, and button colors.
- Adjust button corner radius with three options: Sharp, Medium Curved, or Curved.
Text & Translations
This section allows you to make the widget more user-friendly and localized.
- Open the drop down next to Text & Translation.
- Edit text for the widget, reservation messages, and error messages.
- Translate text into any languages enabled in your Shopify admin.
Custom CSS
Use custom CSS for advanced widget customization and styling.
- Open the drop down next to Custom CSS.
- Enter your custom CSS.
4. Once you complete the widget appearance, click “Save” to apply the changes.
Need help styling with CSS? Contact our customer support. We’re happy to help you customize the widget to match your brand.