Wix Restaurants: Setting Up Seating Areas for Table Reservations

Seating areas are named groups of tables, such as Dining Room, Bar, or Patio, that help organize where guests can sit. Restaurant owners set them up, guests can choose a preferred seating area while booking, and staff can view or filter reservations by that preference in the dashboard.

Step 1 | Enable seating areas

Turn on seating areas in Table Management to organize your restaurant into clear table groups.

Notes:

• Existing reservations stay as they are when you first enable seating areas.

• If you delete a seating area later, existing reservations keep that area label. Guests can no longer choose that area for new bookings.

To enable seating areas:

1. Go to Table Reservations in your site's dashboard.

2. Click Enable Areas next to Use seating areas.

3. In the Enable areas pop-up, add a name in the Area name field.

4. Enter details in the Description field if needed.

   Tip: Add notes about the atmosphere, accessibility, or seasonal use of the area.

5. Click Add area.

6. Click Save to apply the new seating area settings.

Step 2 | Manage seating areas and assign tables

After enabling seating areas, build out the sections you need and assign each table to the right area. This is where you add more areas, rename existing ones, remove areas you no longer use, and organize tables by area.

Notes:

• If you delete a seating area, existing reservations keep that area label, but guests can no longer choose it for new bookings.

• If a table or table combination conflicts with an area assignment, Wix shows a warning so you can review the setup.

To manage seating areas and assign tables:

1. Go to Table Reservations in your site's dashboard.

2. Click the Settings icon

   

   .

3. Click Table Management.

4. Scroll to the Tables section.

5. Choose what you want to do:

Add a new area

Click Add Area.

Assign or move a table to an area

Use the Area dropdown next to the relevant table to select the seating area you want.

Edit an existing area

Click Edit next to the relevant area, update the Area name or Description, then click Save.

Delete an area

Click the Delete icon

next to the relevant area.

Duplicate a table

Click the Duplicate icon

next to the relevant area.

Step 3 | Customize the guest-facing area selection

Once your seating areas are set up, choose whether guests see them during booking and how they appear in the Reservations widget. This lets you decide whether guests choose from cards or a dropdown and whether area descriptions appear on the form.

Before you begin:

Go to Table Reservations in your site's dashboard to ensure the Allow guest area selection toggle is enabled.

To customize the area selection:

Wix Editor

1. Go to your editor.

2. Click the Switch Page drop-down at the top of the editor, then click Reservations under Restaurant Pages.

3. Click the Reservations widget on the page.

4. Click Settings.

5. Click Layout.

6. Click General.

   • Choose the form layout: Select Stacked or Strip.

   • Set the alignment: Customize Breadcrumbs alignment, Text alignment, and Button alignment.

   • Adjust the spacing: Customize Side padding, Top & bottom padding, Space between title & description, Space between text & form, Space between form and time slots.

   • Adjust the width: Set the Button width.

7. Click Back to Layout, then click Areas.

8. Select an Areas style.

   • Cards: Show each seating area as a separate card.

   • Dropdown: Show seating areas in a dropdown list.

9. Adjust the available layout options:

   • Set the alignment: Customize Cards alignment and Text alignment.

   • Adjust the spacing: Customize Space between cards, Top & bottom paddings, and Side paddings.

     

Studio Editor

1. Go to the editor.

2. Click Pages

   

   on the left side of the editor, then click Reservation under Restaurant Pages.

3. Click the Reservations widget on the canvas.

4. In the Inspector panel, click Responsive behavior and choose how the widget should scale.

   • Relative width: Keeps the widget responsive based on width.

   • Fixed: Keeps the widget at a fixed size.

   • Stretch: Stretches the widget across the available space.

5. Click Position and choose the relevant Position type.

   • Default: Keeps the widget in its regular page flow.

   • Sticky: Keeps the widget visible while visitors scroll.

   • Pinned: Pins the widget in place on the screen.

6. Under Margins, set the spacing around the widget.

   • Top and bottom: Enter the vertical spacing values.

   • Left and right: Enter the horizontal spacing values.

   • Mix: Use different values for each side if needed.

7. Select or clear Element auto docks depending on how you want the widget to respond inside the layout.

8. Click Anchor and enable Add an anchor if you want to link directly to the Reservations widget from another part of the site.

   

Wix Harmony Editor

1. Go to your editor.

2. Click the Page dropdown at the top left of the page, then click Reservation under Wix Restautants.

3. Click the Reservations widget on the page.

4. Click the Settings icon

   

   on the action bar.

5. Click Layout.

6. Adjust the layout options for the reservation cards.

   • Max. cards per row: Drag the slider to choose how many cards appear in each row.

   • Spacing between cards: Drag the slider to set the space between cards.

7. Under Experiences text alignment, choose the alignment you want for the text.

8. Under Button alignment, choose where the button appears in the card.

9. Under Image Layout, choose how images are displayed.

   • Crop: Crops the image to fit the available space.

   • Fit: Fits the full image inside the available space.

   

FAQs

Click a question below to learn more.

Where do I turn guest area selection on or off?

You turn guest area selection on or off in Table Management in your site's dashboard.

1. Go to Table Reservations in your site's dashboard

2. Click the Settings icon

   

3. Click Table Management

4. Disable the Allow guest area selection toggle.