Widget Settings

Customize how your booking widget looks and what language it displays. Match your widget’s colors to your brand and choose the language your customers see.

Accessing Widget Settings

1. Log in to your BeSeat account
2. Navigate to Settings → Widget
3. Customize your widget’s appearance and language
4. Click Save Changes to save your settings

Note: Only account owners and administrators can access widget settings. Staff members do not have permission to view or modify these settings.

Widget Appearance

Customize the visual appearance of your booking widget to match your brand.

Button Color

The background color for buttons in your booking widget.

• Default: Blue (#228BE6)
• Format: Hex color code (e.g., #228BE6, #40C057)
• Options:
  • Use the color picker to select any color
  • Choose from preset color swatches
  • Enter a hex code directly

Examples:

• Blue: #228BE6
• Green: #40C057
• Red: #FA5252
• Orange: #FD7E14

Button Text Color

The text color for buttons in your booking widget.

• Default: White (#FFFFFF)
• Format: Hex color code
• Options:
  • Use the color picker
  • Choose from preset text color swatches
  • Enter a hex code directly

Tip: Choose a color that contrasts well with your button color for readability. White or black text usually works best.

Fieldset Color

The color for fieldset borders and labels in your booking form.

• Default: Gray (#868e96)
• Format: Hex color code
• Options:
  • Use the color picker
  • Choose from preset color swatches
  • Enter a hex code directly

This affects the borders around form sections and label text colors.

Language

The default language displayed in your booking widget.

• Default: English (EN)
• Options: Available languages depend on your account settings
• Format: Language code (e.g., EN, ES, FR, DE)

Select the language that most of your customers speak. The widget will display all text in the selected language.

Preview

A live preview shows how your widget will look with your selected colors and settings. Use this to see your changes before saving.

The preview shows:

• Button with your selected button color and text color
• Form fieldset with your selected fieldset color
• Example “Book Now” button

Saving Your Settings

1. After customizing your widget appearance, click Save Changes
2. You’ll see a success message confirming your settings have been saved
3. Changes take effect immediately in your booking widget

Note: If you haven’t made any changes, you’ll see an info message indicating there are no changes to save.

How Widget Settings Work

Once saved, your widget settings apply to:

• Embedded Widget: Your booking widget embedded on your website
• Direct Booking Link: The booking page customers access via direct link
• QR Code: Bookings made through QR codes

All instances of your booking widget will use your customized colors and language.

Best Practices

Color Selection

• Brand Consistency: Match your widget colors to your website and brand colors
• Readability: Ensure button text color contrasts well with button background
• Professional Look: Choose colors that look professional and trustworthy
• Accessibility: Consider color contrast for users with visual impairments

Language Selection

• Customer Base: Choose the language your primary customers speak
• Location: Match language to your business location
• Multiple Languages: If you serve multiple languages, choose the most common one

Testing

• Preview First: Use the preview to see how colors look together
• Test on Website: After saving, test your widget on your actual website
• Mobile View: Check how your widget looks on mobile devices
• Different Browsers: Test in different browsers to ensure colors display correctly

Common Color Schemes

Professional Blue

• Button Color: #228BE6 (Blue)
• Button Text: #FFFFFF (White)
• Fieldset Color: #868e96 (Gray)

Elegant Green

• Button Color: #40C057 (Green)
• Button Text: #FFFFFF (White)
• Fieldset Color: #495057 (Dark Gray)

Warm Orange

• Button Color: #FD7E14 (Orange)
• Button Text: #FFFFFF (White)
• Fieldset Color: #868e96 (Gray)

Classic Red

• Button Color: #FA5252 (Red)
• Button Text: #FFFFFF (White)
• Fieldset Color: #495057 (Dark Gray)

Troubleshooting

Colors Not Updating

If your widget colors aren’t updating:

• Make sure you clicked Save Changes after making changes
• Clear your browser cache and refresh the page
• Check that you’re viewing the widget on a page that has been refreshed
• Verify you have permission to edit widget settings

Language Not Changing

If the language isn’t changing:

• Verify you’ve selected a language and clicked Save Changes
• Check that the language is available for your account
• Clear browser cache and refresh the widget
• Ensure your widget is properly embedded on your website

Preview Not Showing

If the preview isn’t displaying:

• Refresh the page
• Check your browser console for errors
• Ensure JavaScript is enabled in your browser
• Try a different browser

Colors Look Different

If colors appear different than expected:

• Different monitors and screens display colors differently
• Browser color rendering can vary
• Test on multiple devices to see how colors look
• Consider using web-safe colors for consistency

Related Settings

• Integration Guide - Learn how to embed your widget
• Booking Settings - Configure booking rules
• Account Settings - Update your company information