Inhaltsverzeichnis
    Inhaltsverzeichnis

      resmio » Help » Integration » Jimdo

      Integration of resmio on Jimdo

      • Integrate the resmio reservation system into your Jimdo website.
      • The integration differs between Creator mode and Dolphin mode. Please refer to our notes below.

      General

      help

      Important information about Jimdo websites

      When configuring the website for the first time, Jimdo asks users once whether they would like to use the content management system in simplified form (“Dolphin”) or the advanced professional mode with extensive design options (“Creator”).

      info

      Please note: To the best of our knowledge, this decision cannot be reversed for existing Jimdo websites, but it does have a significant impact on whether and how resmio can be integrated into your Jimdo website.

      Integrate resmio in Jimdo

      help

      Jimdo integration via Smart Apps [Dolphin-Modus]

      RECOMMENDED resmio can now be easily and conveniently integrated into your website via Jimdo Smart Apps. This feature is only available for websites in “Dolphin mode.”

      Möglichkeiten der Integration von resmio veranschaulicht

      1. First, we need the widget link:

        • First, 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 Link under “Integrate as …”.
        • In the dialog box below, copy the reservation URL, which will be needed later for integration on Jimdo.
      resmio über Jimdo Smart Apps integrieren

      2. Now let’s switch back to Jimdo:

        • Log in to your Jimdo account and go to your website’s edit mode.
        • Create a new section at the desired location using + Add block .
        • Click on “Smart Apps” and enter “resmio” in the search box.

      3. A placeholder for your widget will be inserted. Click on the placeholder and then copy the reservation URL from the clipboard into the corresponding input field.

      The reservation link from resmio looks like this, for example:

      https://app.resmio.com/the-fish/widget

      (The restaurant ID “the-fish” marked in bold here corresponds to your own restaurant ID in your resmio account).

      A preview of your reservation widget should now appear. Save your changes.

      4. Your widget should now appear in the desired position on your Jimdo website.

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

      help

      Jimdo integration via Widgetcode [Creator-Modus]

      To place the resmio reservation form “natively” on your Jimdo website so that your guests can make reservations online without leaving your homepage, proceed as follows:

      1. First, log in to your Jimdo account with your credentials and switch to your website’s editing mode.

            • Select a suitable page (e.g., home page or a subpage for reservations).
            • Then click on the “+” icon where you want your reservation widget to be positioned later.

      2. Select the “Widget / HTML” module from the window that appears. If you do not see all of the content as shown in the image above, you may need to click the “More content and add-ons” button first.

      Möglichkeiten der Integration von resmio veranschaulicht

      3. Now let’s switch to the resmio web app:

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

      4. Back to Jimdo:

            • Paste the widget code you just copied into the HTML element and confirm your entry by clicking Save .
            • Your reservation widget should be visible in edit mode.
            • Test the changes on your published website to ensure that the reservation form is functioning properly.
      help

      Jimdo integration via Button / Link [Creator-Modus]

      You can integrate a button in the resmio design into your reservation form on your Jimdo page or add a suitable link to our reservation tool to an existing button. We’ll show you how below:

      Möglichkeiten der Integration von resmio veranschaulicht

      1.

      • 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 Button under “Integrate as …”.
      • (Optional) Customize the button design before embedding it.
      • Copy the button code
      info

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

      2. Now let’s switch back to Jimdo:

            • Log in to your Jimdo account with your credentials and go to your website’s edit mode.
            • Select a suitable page (e.g., the home page or a subpage on the topic of reservations) and click on the “+” icon at the desired position where you want the resmio button to appear later.

      3. Select the “Widget / HTML” module. If you do not see all of the content as shown in the image above, you may need to click on the “More content and add-ons” button first. In the following window, copy the button code from the resmio web app. Confirm your changes by clicking on “Save.

      Alternative: Use Jimdo’s website button

      To connect a button in your website design to resmio, select the “Button” element in Jimdo instead of the “Widget / HTML” mode. Then proceed as follows:

            • Click on the “Link” icon in the upper left corner of the window.
            • Instead of the default option “Internal link”, select the option “Link or email address”.
            • Copy the button URL from your resmio app (see box in step 1) into the link field at Jimdo.
            • Confirm the changes by clicking on “Set link”.

      The illustrations below visualize the steps for you once again.

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

      expand_less