The Visual Table Layout lets you design your restaurant’s table layout in a clear, interactive way.
Steps to Configure: #
Go to Dashboard → WPCafe → Settings → Reservation Rules → Table Layout and click Table Layout Configure.
Layout Editor Overview:
- Left Sidebar (Table Properties):
- Table Layout: Choose the shape of the table (e.g., square, round).
- Number of Tables: Set how many tables of this type to add.
- Seats Per Table: Define the number of seats per table.
- Seat Style: Choose between Chair Icon or Circle.
- Total Seat Capacity: Displays total available seats and currently used seats.
- Click Insert Table to add the table to your layout.
- Canvas Area (Center):
- Drag and position tables.
- Use the top toolbar to undo, redo, zoom, copy, rotate, or delete tables.
- Right Sidebar (Style & Canvas Settings):
- Canvas Size: Set the width and height of the layout canvas.
- Seat Colors: Customize colors for available, booked, and selected seats.
- Room Background Image: Add a background image if needed.
After arranging and styling your tables, click Save Layout (top-right) to apply changes.
- Reservation Form Integration:
- Create and display a reservation form.
- Visitors can view available tables, select seats, and complete bookings directly from the form.
This setup ensures that your table arrangement is both visually appealing and fully functional for online reservations.
