How to Display the Reservation Form

Once you’ve configured your reservation settings and customized your form, the final step is to display it on your website.
WPCafe allows you to do this easily using a shortcode generator — so you can embed your reservation form on any page or post with just a few clicks.

Accessing the Reservation Shortcode Generator #

1. Go to your WordPress Dashboard.
2. Navigate to WPCafe → Shortcode → Restaurant Reservation.
3. Under Reservation Form, click to open the Reservation Form Generator popup.

This tool helps you create a shortcode for embedding the reservation form anywhere on your website — such as your homepage, contact page, or a dedicated “Book a Table” page.

Configuring the Reservation Form Options #

Inside the shortcode generator, you’ll find several options to customize how your form appears on the front end:

1. Date Selection Method #

Choose how users will select their booking date:

• Calendar View: Displays a visual calendar for easy date selection.
• Datepicker Input: Provides a simple dropdown input for typing or selecting the date.

2. Form Display Type #

Select how your reservation form will be displayed:

• Step by Step (Wizard): Breaks the booking process into multiple steps with a progress bar.
• Single Page (All Steps at Once): Shows all fields together on one page for faster booking.

3. Select Style #

Choose a form layout style from the available dropdown options. This helps you match the form design with your website theme.

4. Image Link (Optional) #

You can add an image URL if you want a custom banner or background image for your reservation form.

After adjusting these settings, click the Generate button.

Copy and Use the Shortcode #

Once you click Generate, WPCafe will automatically create a shortcode based on your selections.
Copy the generated shortcode and paste it into any WordPress page, post, or widget area where you want your reservation form to appear

After publishing the page, the reservation form will be visible on the front end — fully functional and styled according to your chosen settings.

Frequently Asked Questions #

Can I place the shortcode inside a page builder like Elementor or Gutenberg?
Yes. You can use the shortcode block in Gutenberg or the shortcode widget in Elementor to insert the reservation form anywhere on your site.

Can I create multiple reservation forms with different styles?
Absolutely. You can generate multiple shortcodes with different settings and use them on different pages.

Does the shortcode automatically update when I change form settings?
Yes. Any updates made in your Form Customization or Reservation Settings will automatically reflect in the shortcode output.

Conclusion #

Using the Reservation Form Shortcode, you can easily display your booking form anywhere on your website.
It’s quick, flexible, and works with any WordPress page builder, helping you create a seamless and stylish reservation experience for your visitors.