Adding a booking widget and setting it's position.

Hi

I am trying to add a booking/availability widget to a few of my pages. I've been sent the code for the actual widget but I am unsure how to style the position of the widget. Ideally, I would like it to sit underneath the header image of the page.

Here is the widget code I have been sent.

<div class="ftb-widget" data-id="46978" data-token="PoXC79Jw0YG88p1JIRTyQleoEZYiWt5QwnDC8DwxqyQi3wEUXpm0TPqIzKPrJ"></div><script src="https://widget.freetobook.com/widget.js"></script>

If anyone could help me I would really appreciate it!

https://www.wagtailretreat.co.uk/larch

1 hour ago, NaomiChilton said:

I am trying to add a booking/availability widget

Where will we find the documentation for this widget?

3 hours ago, paul2009 said:

Where will we find the documentation for this widget?

Hi Paul,

The service is called Free To Book.

All I have been given is the following code:

<div class="ftb-widget" data-id="46978" data-token="PoXC79Jw0YG88p1JIRTyQleoEZYiWt5QwnDC8DwxqyQi3wEUXpm0TPqIzKPrJ"></div><script src="https://widget.freetobook.com/widget.js"></script>

When I add it to the page it works, but just loads it to the very top of the page so would just need some help styling the position to where I would like it to go.

I've attached an image to show where you can see it has loaded, underneath the Nav, but I would like it to sit underneath the main header.

16 hours ago, paul2009 said:

You should be able to add the code to a Code Block on the page and then position it where you would like it to appear:

Did this help? Please give feedback by clicking an icon below  ⬇️

Omg as if it was that easy haha thank you so much.