The process of embedding any widget to Joomla! is the same. It doesn't matter whether it is Activity Time Selector, Room Selector, Checkout or Booking receipt, the process is the same. 

What you have to do is: 

  • Go to Bókun, select the gear icon and enter your widget page
  • Generate and then copy the embed code for the widget you need to embed to your Joomla site
  • Go to your Joomla administrator account and select Modules
  • Select New and choose Custom and paste the embed code in the text box.

As an example I am going to use Time Selector, an activity booking engine.

After you have created Time Selector widget you copy the embed code for the widget and go to your Joomla administrator account. On the left of the start page you see a drop down list named Content, there you select Modules.

Please ensure that before you create the module you switch your default editor to: None. This can be done by going to "Account" and switching to "Editor - None" in the basic settings. You may need Super User access to change this setting. If you do not have Super User access, reach out to whomever is a Super User in the account and request that they change the editor to "Editor - None"

Once the module is created you can switch the editor back to your original editor.(You may need Super User access in order to change the editor)

There you can edit all widgets that have been created for your site but for now our focus is to create a new widget. Then you select +New in the top bar.

When creating a new Widget the system will allow you to "Select a Module Type", giving you a variety of templates created for specific type of widgets but what you want to choose is "Custom".

Now you will be able to paste your embed code for the widget in the text box. It's a good rule to create a Title for the widget you are creating, making it easier to come back to it if you want to change it. In this case I put the title "Time Selector Widget - Tour XY".

The next step is to decide if you want the Title of the widget to be visible on your website, where you want the widget to appear on the webpage, if you want to start or finish publishing the widget at a specific time and such.

Next you select the tab "Menu Assignment", there you decide where on you website you want the widget to appear.

You can have the Widget appearing on every webpage, no pages, only on the pages selected or on all pages except those selected.

If the latter two options are selected a list will show with all the menu items on. This allows you to assign widgets to some but not all pages, and by selecting the menu links that you want the widget associated with you can customize on what pages modules appear/don't appear.

After you have decided where the widget should appear on your website you should press Save up in the toolbar and continue editing or if you believed you have finished you can press Save & Close.

Now you have gone over the most important steps and should have the widget appearing on your site.

Did this answer your question?