Im trying to create my own booking widget integrated with little hotelier

Im trying to create my own booking bar for this hotel Im working with. They are subscribed to Little Hotelier and they want to keep using the platform for their booking system.

The thing is, their widget is a bit old looking and i can´t style it directly in webflow. So i guess my only option is to create my own. The thing is Im not an expert developer.

Any guidance?

Below you can see the website, the box below is their original widget and the one above is the goal.

Here is my site Read-Only: Webflow - Hotel Real de Minas

Ugh, same. How did you do it?

If you or anyone out there can help, I’m having the same dilemma. Little Hotelier touts itself as super user-friendly and “easily integrated” but I’m having the hardest time. My CSS code isn’t communicating with the source webkit code / javascript or whatever.

I used Cloudbeds before and it was a journey, but they provide so many custom CSS resources to skin the widget to match your site and it responded super well. Little Hotelier is a nightmare so far in my experience, so I’m curious if I’m just missing something basic, as I’m new to coding.

Current Site Webflow Preview with Little Hotelier

Current Site Staging Link

Webflow Preview with Cloudbeds Integration, before the client switched platforms: Here is the live staging sitewhich is more along the lines of what I’m going for :sweat_smile: