--- title: Customizing your booking widget description: Your booking widget is an extension of your online brand identity and should provide a seamless experience for your customers from the moment they land on your website to the moment they've made their --- [Skip to content](https://restaurant.eatapp.co/migration/knowledge/customizing-your-booking-widget#main-content) English Show submenu for translations [Can't find what you're looking for?](https://restaurant.eatapp.co/migration/knowledge/kb-tickets/new) [Sign in](https://restaurant.eatapp.co/_hcms/mem/login?redirect_url=https%3A%2F%2Frestaurant.eatapp.co%2Fmigration%2Fknowledge%2Fcustomizing-your-booking-widget) ![Eat App Logo - Small.png\]](https://restaurant.eatapp.co/hs-fs/hubfs/Eat%20App%20Logo%20-%20Small.png?height=40&name=Eat%20App%20Logo%20-%20Small.png) - [Sample About Page](https://restaurant.eatapp.co/sample-about) - [Sample Contact Page](https://restaurant.eatapp.co/sample-contact) - [Default HubSpot Blog](https://restaurant.eatapp.co/blog) Open main navigation Close main navigation - [Sample About Page](https://restaurant.eatapp.co/sample-about) - [Sample Contact Page](https://restaurant.eatapp.co/sample-contact) - [Default HubSpot Blog](https://restaurant.eatapp.co/blog) - English Show submenu for translations - [Can't find what you're looking for?](https://restaurant.eatapp.co/migration/knowledge/kb-tickets/new) - [Sign in](https://restaurant.eatapp.co/_hcms/mem/login?redirect_url=https%3A%2F%2Frestaurant.eatapp.co%2Fmigration%2Fknowledge%2Fcustomizing-your-booking-widget) - restaurant.eatapp.co restaurant.eatapp.co Eat App Knowledgebase - There are no suggestions because the search field is empty. 1. [Help Center](https://restaurant.eatapp.co/migration/knowledge) 2. [Feature Guides](https://restaurant.eatapp.co/migration/knowledge/feature-guides) 3. [Widget](https://restaurant.eatapp.co/migration/knowledge/feature-guides#widget) - [Eat App Overview](https://restaurant.eatapp.co/migration/knowledge/eat-app-overview) - [Getting Started](https://restaurant.eatapp.co/migration/knowledge/getting-started#main-content) - [Get set up with the most useful things on EAT App in less than 30 minutes](https://restaurant.eatapp.co/migration/knowledge/getting-started#get-set-up-with-the-most-useful-things-on-eat-app-in-less-than-30-minutes) - [Layout](https://restaurant.eatapp.co/migration/knowledge/getting-started#layout) - [Permissions and Preferences](https://restaurant.eatapp.co/migration/knowledge/getting-started#permissions-and-preferences) - [Feature Guides](https://restaurant.eatapp.co/migration/knowledge/feature-guides#main-content) - [Views Management](https://restaurant.eatapp.co/migration/knowledge/feature-guides#views-management) - [Multi-Restaurant Support](https://restaurant.eatapp.co/migration/knowledge/feature-guides#multi-restaurant-support) - [Managing reservations](https://restaurant.eatapp.co/migration/knowledge/feature-guides#managing-reservations) - [Waitlist](https://restaurant.eatapp.co/migration/knowledge/feature-guides#waitlist) - [Widget](https://restaurant.eatapp.co/migration/knowledge/feature-guides#widget) - [Guest Messaging](https://restaurant.eatapp.co/migration/knowledge/feature-guides#guest-messaging) - [Restaurant Tags](https://restaurant.eatapp.co/migration/knowledge/feature-guides#restaurant-tags) - [Users](https://restaurant.eatapp.co/migration/knowledge/feature-guides#users) - [Server/Waiter Management](https://restaurant.eatapp.co/migration/knowledge/feature-guides#server-waiter-management) - [Guest Database](https://restaurant.eatapp.co/migration/knowledge/feature-guides#guest-database) - [Payments](https://restaurant.eatapp.co/migration/knowledge/feature-guides#payments) - [Restaurant Reports](https://restaurant.eatapp.co/migration/knowledge/feature-guides#restaurant-reports) - [Guest Reviews](https://restaurant.eatapp.co/migration/knowledge/feature-guides#guest-reviews) - [Restaurant Automation](https://restaurant.eatapp.co/migration/knowledge/feature-guides#restaurant-automation) - [Offers/Discounts](https://restaurant.eatapp.co/migration/knowledge/feature-guides#offers-discounts) - [Layout](https://restaurant.eatapp.co/migration/knowledge/feature-guides#layout) - [Restaurant Billing](https://restaurant.eatapp.co/migration/knowledge/feature-guides#restaurant-billing) - [Printing](https://restaurant.eatapp.co/migration/knowledge/feature-guides#printing) - [Customer Support](https://restaurant.eatapp.co/migration/knowledge/feature-guides#customer-support) - [WhatsApp Messaging](https://restaurant.eatapp.co/migration/knowledge/feature-guides#whatsapp-messaging) - [Integrations](https://restaurant.eatapp.co/migration/knowledge/integrations#main-content) - [Wix Integration](https://restaurant.eatapp.co/migration/knowledge/integrations#wix-integration) - [Payment Integration](https://restaurant.eatapp.co/migration/knowledge/integrations#payment-integration) - [FAQs](https://restaurant.eatapp.co/migration/knowledge/faqs) - [Troubleshooting](https://restaurant.eatapp.co/migration/knowledge/troubleshooting) - [Release Notes](https://restaurant.eatapp.co/migration/knowledge/release-notes) - [Partnerships](https://restaurant.eatapp.co/migration/knowledge/partnerships) - [Documentation](https://restaurant.eatapp.co/migration/knowledge/documentation) # Customizing your booking widget Your booking widget is an extension of your online brand identity and should provide a seamless experience for your customers from the moment they land on your website to the moment they've made their reservations. ![Eat_App_Custom_Online_Widget](https://restaurant.eatapp.co/hs-fs/hubfs/New%20uploads/Eat_App_Custom_Online_Widget.gif?width=688&name=Eat_App_Custom_Online_Widget.gif) #### Accessing your widget configuration To customize your restaurant booking widget, start by navigating to the settings tab from the bottom left-hand side corner of Eat App and then click "**Widget Configuration**" under Online reservations. ![](https://restaurant.eatapp.co/hubfs/image-png-Apr-08-2022-12-28-44-57-AM.png)   From here, you'll be able to easily access your booking widget link, your booking widget iframe code to embed on your website as well as the "Config" tab which contains all your widget's customizable settings and features. ![](https://restaurant.eatapp.co/hubfs/image-png-Sep-09-2021-09-19-25-24-PM.png) #### Setting up a widget configuration Once in the "Config" tab of your advanced settings, click the "Add New Widget Config" button on the bottom left-hand side. This will allow you to create a custom widget setup that you can choose to toggle on or off at any given time. Create multiple widget configurations for different use cases in advance and cycle between them when needed. ![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F058a6cd1-fbaf-4847-9956-617826c0b238%2FScreen_Shot_2021-08-18_at_12.19.31_PM.png?table=block&id=09d17bfa-0bce-4a25-9ce9-418f9525c1f9&spaceId=04b9f85c-c073-4421-bd45-b3b5af8266ce&width=2400&userId=51f2ed4e-6da8-4999-b249-e9f423139624&cache=v2)   From the widget configuration settings, you'll be able to assign - Name: the internal name for this specific widget confirmation. For example "Summer Widget" - Waitlist Status: define whether or not you want your guests to be able to access your waitlist from your widget - Experience status: if your restaurant is running any special promotions or events you can choose to display this on your widget - Menu: if your restaurant has uploaded a menu to Eat App, you can choose to display this on your widget - Alternative Restaurant Status: if your restaurant is part of a group, you can choose to offer your guests with alternative options when booking a table. - Search Slot Grouping: this defines how your time slots will be displayed on your widget. - Advanced Booking Days: this allows you to set how far in advance a customer can book a table at your restaurant - Form Fields: this section of the widget configuration will allow you to toggle which fields show up on your widget when a customer wants to create a reservation - Tag Selector One/Two: in addition to the custom fields on your widget you can also toggle on dropdowns to have your customers select certain preferences like allergies or special occasions. This will display all the [tags](https://restaurant.eatapp.co/knowledge/restaurant-tags) you've set up in the category you've chosen - Terms: this section allows you to enter custom terms and conditions that show up either at the start of the booking process or once a customer has already made a booking. This is where you can input anything from your cancellation policy to your restaurants dress code - Styles: this is where you'll be able to select a custom font for your booking widget as well as match your widget to your brand colors - Booking unavailability message: What message your customers see when the booking is unavailable - Which order the preference can be selected: Should it be selected above/before or below/after the time? - A Google GA4 Key: Which key do you want to set to track your GA4 Tracking? When you've set up your widget configuration make sure to click the green "Create Widget Config" or "Update Widget Config" button.   You can toggle widget configurations on or off using the toggle on the top right corner of any widget configuration. - [Sample About Page](https://restaurant.eatapp.co/sample-about) - [Sample Contact Page](https://restaurant.eatapp.co/sample-contact) - [Default HubSpot Blog](https://restaurant.eatapp.co/blog) [![Chill listening crop-3](https://restaurant.eatapp.co/hs-fs/hubfs/Eat%20App%20Logo-2.png?width=48&height=24&name=Eat%20App%20Logo-2.png "Chill listening crop-3")](https://restaurant.eatapp.co) Help Center Copyright © 2026, Grow