Integration of resmio in WordPress

Embed the resmio widget on your WordPress website.
Works on almost any WordPress installation / with any page builder.

Integrate resmio into WordPress

Wordpress integration via widget code

RECOMMENDED To place resmio’s booking form “natively” on your WordPress site so that your guests can book online without leaving your homepage, follow these steps:

Log in to resmio with your access data.
In the quick access bar at the bottom, click Settings > Integrations > Widgets & Newsletters
Click on the button Widget under “Integrate as …”.
(Optional) Adjust the widget size and font before embedding.
Copy the widget code

2. Switch to your WordPress account and open the page where you want to place the booking widget.

In the Classic editor: Paste the widget code in text mode (not visual mode) to the desired position
In the Gutenberg editor: Use the block “Individual HTML” to place the widget code
In the Visual Composer (Astra, Divi, Elementor, WP Backery & others): Place the widget code in a “HTML” block (sometimes referred to as a code block).

Don’t forget to save your changes and check them on your website!

Wordpress integration via button / link

You can either integrate a button in the resmio design into your online reservation form on your WordPress site or add a suitable link to an existing button.

We will show you how below:

Log in to resmio with your access data.
In the quick access bar at the bottom, click Settings > Integrations > Button & Newsletter
Click on the button Button under “Integrate as …”.
(Optional) Customize the button design according to your preferences.
Copy the button code

Alternative: If you simply want to add a link to the resmio reservation tool to an existing button on your WordPress site, select the “Link” option under “Integrate as.” Then insert the reservation link into the desired button element on your website.

2. Switch to your WordPress account and open the page where you want to place the booking button.

In the Classic editor: Paste the button code in text mode (not visual mode) to the desired position
In the Gutenberg editor: Use the “Individual HTML” block to store the button code
In the Visual Composer (Astra, Divi, Elementor, WP Backery & others): Place the button code in an “HTML” block (sometimes called a “code” block). Alternatively, you can use a “Button” block and add the URL from the previous step instead of the button code.

Make sure that the button on your published web page is working properly.

Wordpress integration via the resmio plugin

Note:

We have ended support for the resmio WordPress plugin. This means that it may no longer be compatible with current WordPress installations. We recommend using one of the alternatives mentioned above for widget integration.

The plugin solution is also only suitable to a limited extent if you want to integrate widgets from several restaurants on one website.

An easy way to integrate resmio’s booking widget or booking button on your WordPress website without any programming knowledge is to install our plugin (you may need to have administrator rights). Please Note: If you can’t or don’t want to install plugins on your WordPress environment follow the alternative integration methods.

Note: If you cannot or do not want to install plugins on your WordPress environment, follow the alternative integration methods.

1. Log into your WordPress account with your login details and select “Plugins” > “Install”.

2. Enter the keyword “resmio” in the search box on the right. The plugin suggestion “resmio Button & Widget” will appear in the search results list.

Click on “Install now” to start the installation process.
Now you just have to activate the plugin “resmio Button & Widget” with one more click.
Go to the menu on the left hand side in WordPress and select “Settings” > “resmio Button & Widget”.

3. To connect to your resmio account, first switch to the webapp.

Log in to your resmio account.
Under “User account” (bottom left icon) > “Account” you will find your “Restaurant ID” at the bottom of the “Restaurants” section.
Go back to the WordPress page and copy the ID into the empty field.

4.After you have saved the resmio ID you can add the resmio button or widget to your website by entering the shortcodes

[resmio-widget]

[resmio-button]

These shortcodes can be easily integrated on any page via the text editor of WordPress. It doesn’t matter if you still work with the classic editor, the modern Gutenberg editor or a so-called Visual Composer (e.g. Astra, Divi, Elementor or WP Backery).

You add the shortcode [resmio-button] for the resmio button or [resmio-widget] for the resmio widget manually in the editor.
Alternatively you can insert the shortcode for the resmio button or for the resmio widget by clicking on resmio in the editor toolbar (only available in visual mode).

Examples:

Tip: Many WordPress users today rely on Visual Composers like Astra, Divi, Elementor and WP Backery because they simplify website design by making it easy to place blocks / elements. Most Visual Composers have a “Text” element where you can insert the above shortcodes to unlock the online booking feature.

Tips & Tricks