Documentation

How To Use The Reservation Table

While browsing your store, customers might want the ability to reserve their delivery or collection slot before adding items to their cart.

With WooCommerce Delivery Slots, you can add a reservation table to any page in your store, allowing customers to select their time and date slot which is applied at checkout.

reservation table

To get your reservation table up and running, do the following:

  1. From your WordPress dashboard, go to WooCommerce > Delivery Slots and click the Reservation Table tab. 

Here you’ll find the reservation table settings as well as the shortcode to add it to your store.

reservation tab

How to add the reservation table to your store

Before we adjust the reservation table settings, let’s get it added to your store.

The Delivery Slots reservation table can be added to any of your store pages with the shortcode [iconic-wds-reservation-table]

Shortcodes help you add pre-built content to your store. In this case, it will add a reservation table. Shortcodes are displayed inside square brackets like this: [iconic-wds-reservation-table]

To add this shortcode to a page or a post within your store, do the following:

Note: This presumes you have the latest version of WordPress for your online store and you’re using the Gutenberg editor. If not, the shortcode can still be pasted into the classic editor.

  1. From your WordPress dashboard, go to Pages (or Posts) > All Pages. From here you can either add a new page (or post) or edit an existing one.
  2. Once on the Post/Page edit screen, click the + sign to add a Block.add a block
  3. Type the word ‘shortcode’ into the Search for a block search bar and click the Shortcode widget.
  4. Once clicked, a shortcode widget will be added to your page.add shortcode
  5. Copy the shortcode [iconic-wds-reservation-table] and paste it into the shortcode field.paste shortcode
  6. Update or Publish your page and the reservation table will be added.reservation table

How to adjust the settings for your reservation table

Now we have the reservation table live on your store, we can adjust the settings to help it blend in.

Note: If you want to use the reservation table, you’ll need to have time slots enabled.

  1. From your WordPress dashboard, go to WooCommerce > Delivery Slots and click the Reservation Table tab. Here you’ll see your reservation settings. We’ll go through each in turn:
    1. Expiration – This sets the period of time people can reserve their slots for. For example, if the customer doesn’t complete their order within 30 minutes, they lose their reservation slot. expiration
    2. Hide Unavailable Sates? – This checkbox allows you to hide certain dates if they have no time slots available.  hide unavailable dates
    3. Date Columns – This setting allows you to reduce or increase the number of columns in the reservation table. By default, this is set to 3.date columns
    4. Selection Type – Within this setting, you’ll be able to allow customers to either pick their slot with a simple checkbox or an additional fee. 
    5. Header Date Format – Customize how dates are displayed in your table by adjusting this setting.  header date format
  2. Once happy, click the blue Save Changes button at the bottom of the page and your reservation table’s settings will be updated.

How to adjust the styles for your reservation table

To make sure your reservation table blends in with your store’s theme and style, you might want to change its colors. To update the look of your reservation table, do the following:

  1. From your WordPress dashboard, go to WooCommerce > Delivery Slots and click the Reservation Table tab. 
  2. Scroll down the page until you reach the Table Styling section.table styling
  3. Here you’ll be able to change the colors of your reservation table from the icon colors to the header colors and more. 
    1. To change a color, add a hex code of your choosing. 
    2. Or click the box with the existing hex code in, and a color wheel will appear, you can then pick the color you want from there. color picker
  4. Click the blue Save Changes button at the bottom of the page and your reservation table’s styles will be updated.

Are you using WooCommerce Delivery Slots yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooCommerce Delivery Slots

WooCommerce Delivery Slots

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support