How to integrate Booking Button (3rd party) Widget into Wix site?

Ask the community
, ,
1

I’m helping my parents out with their hotel website and we want to integrate a widget into the website so that customers can book directly on our site rather than linking to an external site.

The following code and instructions are provided by The Booking Button to do this.

1 – INSERT THIS CODE TO PLACE YOUR WIDGET:

<div class="ibe" data-region="emea" data-clientid="ridge" data-channelcode="superiorridgedirect" data-widget="embed"></div>

2 – ADD THE FOLLOWING SNIPPET JUST BEFORE THE CLOSING BODY TAG():

<script src="https://widget.siteminder.com/ibe.min.js"></script>

I tried copying and pasting the second section of code into the body section of Tracking and Analytics and then copying and pasting the first section into an IFrame, but this isn’t working. Does anyone here know how to make this work and get the Booking Button embedded into my Wix site.

Any help with this would be so appreciated, I can’t figure it out.

2

This forum is for Corvid Related issues only. You should contact your 3rd party service provider for issues related with their code & Wix Support for issues related to the Custom HTML Element.

However, try removing the code from the Tracking & Analytics section and copy paste only the following code on your HTML component, then resize the HTML Component so that the booking form is visible.

<!DOCTYPE html>
<html>
<body>
<div class="ibe" data-region="emea" data-clientid="ridge" data-channelcode="superiorridgedirect" data-widget="embed"></div>
<script src="https://widget.siteminder.com/ibe.min.js"></script>
</body>
</html>
3

I tried your solution and it worked. The problem is that the HTML component is a fixed size so the UI looks horrendous on mobile. The Booking Button advertises widget as being able to adjust to be full screen on mobile. Is there another way to implement this code (using Corvid) rather than using the HTML element?

4

You should consult the 3rd party service provider for a direct solution. Corvid allows you to access 3rd party service using Fetch & NPM