🎨 Customizing Your Widget’s Design & Branding

The Branding section in BookThatApp (BTA) lets you easily customize the look and feel of your booking widgets — including colors, fonts, and font sizes, so they blend perfectly with your store’s theme.

🧭 Accessing the Branding Section

This section can be accessed in BTA under Settings-> Branding:

Thes Branding section can also be accessed directly through each Widget configuration by selecting the "Design Widget" option:

Widget theme

There are 2 default themes that you can use right off the bat.

The "Light" theme:	The "Dark" theme:

Hitting "Create new theme" will allow you to create your own theme.

To start designing your Widget, navigate to the app admin under "Settings" then hit "Branding".

You can view the changes as you make them within the widget preview.

🛠️ Custom Design Notes

A few important things to know when customizing:

• The widget automatically uses your Shopify theme’s product form layout.

• The Widget Design tool lets you adjust styles (like font and color), not placement on the page.

• The widget sits within the Shopify product form, so you can resize images or adjust the product form element to change how large the widget appears.

• Widgets do not support CSS customization directly.