Joomla

Available onAvailabilityBooking

Embedding a Bookingmood widget on a Joomla site requires a couple more steps than on other sites. This guide will walk you through all the steps so you'll have it embedded in minutes.

1. Configuring Joomla to allow embeds

Go to "System" > "Setup" > "Global configuration"

Go to "Text Filters"

Update Filter Type for Administrator to "No filtering" and save.

Go back to "Settings" > "Manage" > "Plugins" and search for "Editor"

Go to "Editor - TinyMCE", scroll down until you see the option "Prohibited Elements", change "Prohibited Elements" to "applet" and save.

2. Embedding a bookingmood widget on your pages

Navigate to the page on which you want to embed a Bookingmood widget and click "Toggle editor" underneath the text editor.

There copy the following code:

<div><iframe style="width: 100%; border: none;" src="YOUR_OEMBED_URL_HERE"></iframe></div>

Be sure to replace YOUR_OEMBED_URL_HERE with the oEmbed url of your Bookingmood widget.

Now save the page and you'll see the widget appear

3. Making the widget resize correctly

Although the widget is now technically included in your page, it's not optimal. The height is incorrect.

To fix this, you need to add a bit of JavaScript into your template.

Go to "Settings" > "Templates" > "Site templates" and select the template you're currently using:

Open "index.php" and scroll all the way down. Just above </body>, paste the following code:

<script src="https://www.bookingmood.com/js/resize.js"></script>

If you now view your site, you should have a fully functional Bookingmood widget!