Jump to content

Styling a booking engine widget integration.

Recommended Posts

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:

image.png.5a936efee2209bbe45545afd8ab5a92c.png

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

image.thumb.png.9e5dfbc02e62d599a4bd38618da79d0a.png

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

Link to comment
  • Replies 6
  • Views 2.6k
  • Created
  • Last Reply

Top Posters In This Topic

7 hours ago, tuanphan said:

Hi,

It looks like you solved this?

image.thumb.png.816a182c0704c60832cb03893433d9ca.png

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!

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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!

Link to comment
  • 8 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.