How to Create a Table Reservation Page with RestroFood Plugin?

The RestroFood Table Reservation Add-on automatically creates a default reservation page during installation. This page includes the reservation form shortcode, allowing customers to submit table reservation requests directly from your website.

If needed, you can also manually create a new reservation page using the reservation form shortcode.

This guide covers:

• How the default reservation page works
• How to manually create a reservation page
• How to add the reservation page to your site navigation

Default Reservation Page

After installing and activating the RestroFood Table Reservation Add-on, the plugin automatically creates a table reservation page.

https://yourwebsite.com/reservation

The page contains the reservation form shortcode:

[restrofood_table_reservation_form]

Customers can visit this page to:

• Select restaurant branch
• Choose a reservation date and time
• Select guest count
• Choose an available table
• Submit reservation requests

Create Reservation Page Manually

If the default page is deleted or you want to create a custom reservation page, follow these steps.

Step 1: Create a New Page

From your WordPress admin dashboard:

Pages → Add New

Enter a page title.

Example:

• Reservation
• Book a Table
• Table Reservation

Step 2: Add Reservation Form Shortcode

Inside the page content editor, add the following shortcode:

[restrofood_table_reservation_form]

This shortcode will display the complete reservation form on the page.

Step 3: Publish the Page

Click the Publish button to make the reservation page live.

After publishing, customers can access the reservation form from the page URL.

Example:

https://yourwebsite.com/table-reservation

Add Reservation Page to Menu

Adding the reservation page to your site navigation makes it easy for customers to find and use without searching. To add it to your menu:

1. Go to Appearance → Menus
2. Select your website menu
3. Add the Reservation page
4. Save the menu

Now, customers can access the reservation page directly from your website navigation menu.

Reservation Form Shortcode

Use the following shortcode anywhere to display the reservation form:

[restrofood_table_reservation_form]

You can use this shortcode in:

• Pages
• Posts
• Elementor shortcode widget
• Gutenberg shortcode block
• Classic editor
• Sidebar widgets (if shortcode supported)

Tips for Better Reservation Setup

Follow these steps before going live to ensure the reservation form works correctly for your customers:

• Create tables before accepting reservations.
• Configure restaurant branches properly. ( If using Multi-Branch)
• Keep the table seat capacity accurate.
• Add the reservation page to the main navigation menu.
• Test the reservation form after setup.

The reservation form automatically manages table availability based on your reservation settings, preventing double bookings and showing only tables that match the selected date, time, and guest count.

Thank You