Skip to main content

How does the integration with the button widget work?

Jordan Platz
  • Updated

You can create and configure the button widget function in order to integrate it later on to your website.

In case you want to continue using your own website content and only use Regiondo as a booking platform, you can integrate this widget as follows. This way you only get one button which appears on your website and you don't have to completely change the content to Regiondo. Here, the button widget is always offered per offer.

 

To set up your button widget, go to Shop Configuration > Website Integration > Widget Editor.

Now, click on + New Widget.

 

Widget creation page showing Your Widgets section with a highlighted New Widget button for adding a new widget.

 

 

1. Click Widget type and select Button Widget

Widget settings menu showing widget type dropdown with Button Widget selected and Book Now button preview.

 

2. You can select the pre-filters of the products to be displayed in the settings

Widget settings interface showing booking button configuration with English language, booking widget link, and Buy Ticket label previewed on desktop view.

 

Language: Select the language in which the widget should be displayed

Button Text: Add the text you want to be displayed in the button

 

To ensure that the booking option is always available while you are on the website, you can activate the following option. The Floating option allows you to have a fixed button on your website interface. Select where the button should be placed:

 

Widget settings interface displaying floating button configuration with position options and day ticket product selection.

  • On the bottom right corner.

This is how it looks on the tablet and mobile phone:

Preview of tablet and phone layouts showing Book Now button positioned at the bottom right.

 

If you have a help bot on the bottom right corner of your website, the following option is very helpful, so that the bot does not get in the way.

 

Floating button customization panel displaying web page position options with the Buy Ticket button aligned vertically on the right side.

  • On the right side.

And this is how this option looks on the tablet and mobile phone:

Preview of tablet and phone layouts showing Book Now button positioned vertically along the right side.

 

Now you can choose whether your button widget should select one of the following 3 categories:

  • Catalog Widget
  • Product Widget
  • Booking Widget

You can link catalogues with the Widget button Catalog Widget, which takes you to the catalogues with only one click.

 

Settings section for configuring widget filters such as language, category, location, and link type with floating button toggle.

 

You can select the category, choose a location within a radius, and insert the Sub ID.

Another category is that you can select products with one click using the widget button Product Widget.

 

Settings panel showing product and widget link configuration options for customizing button behavior and display.

 

Now select the desired product.

 

3. Now you have the choice to apply the design theme of your choice:

Design settings section showing theme dropdown set to Extra Large Design with a note on customizing individual colors.

 

4. Finally, give the widget a name and a description and save it.

Save and Publish section with fields to name the widget Buy Ticket and optional description before saving.

 

5. What happens after saving?

After you have finished and saved your button widget, you can integrate this HTML code into your website.

Embed code section displaying HTML button widget script with copy code option for website integration.

 

You can find your button widgets by going to your widget editor and simply scrolling down to the button widget.

 

Widget management interface listing created button widgets Book now and test button widget with edit and delete options.

 

 

 

 

 

Related articles