Styling a booking engine widget integration.

Hi there,

I'm looking for some help integrating and styling a booking engine widget for a client's accommodation site. They manage all their cross-platform bookings with a Little Hotelier account who provide a handy date-selector widget to integrate on your own website. It is fairly simple in its design however and I'm looking to style it in line with the brand guidelines. Is anyone here able to help me rewrite the code to make the necessary changes, if it's possible?

I would be so grateful for the help and of course will provide payment for any works carried out.

URL: okra-potato-hzwz.squarespace.com
Site password: leighton

Here's the widget code Little Hotelier provide:

1 – INSERT THIS CODE TO PLACE YOUR WIDGET:

<div class="ibe" data-region="emea" data-channelcode="leightonhousedirect" data-widget="property_check_availability"></div>

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

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

Here's how that code displays as default:

And here's how I'd ideally like to display the booking engine on the Squarespace site with brand guidelines applied:

If there's anyone that thinks they might be able help, please let me know either here or at hi@studiofathers.com and I would be so appreciative! Many thanks,

Connor

Hi,

It looks like you solved this?

7 hours ago, tuanphan said:

Hi,

It looks like you solved this?

I need it to function, at the moment it's just a mockup. I need to implement drop down date selectors, and when the user clicks "Check Availability" it needs to redirect them to this page with the chosen dates already pre-selected. Do you think this is possible?

Really appreciate your help!

On 3/11/2023 at 5:02 AM, fathers said:

I need it to function, at the moment it's just a mockup. I need to implement drop down date selectors, and when the user clicks "Check Availability" it needs to redirect them to this page with the chosen dates already pre-selected. Do you think this is possible?

Really appreciate your help!

#1. I think possible with CSS code

#2. Require a complex code, you can consider hiring a dev.

Do you still want to continue?

23 hours ago, tuanphan said:

#1. I think possible with CSS code

#2. Require a complex code, you can consider hiring a dev.

Do you still want to continue?

Yes I'd love to, thank you! Should I email you? I'd be so grateful for your expertise on this!

Hi guys, do you find any solution for this?

22 hours ago, PremaAgus said:

Hi guys, do you find any solution for this?

If you share link to page where you added it, we can help you with style, similar, not same 100%

following!