Streaming live at 10am (PST)

Trouble with widget from Cloudbed! help?


#1

Heya! how y'all doing?

I was wondering if maybe someone could shed a light on this problem im having. I was working on this project for a client and i need to embed a Cloudbed widget (booking a hostel room).

This is the page so far:
http://favelaexperience.webflow.io/favex

What i'm trying to do is have a "booking widget bar" just below the hero section with the embed from cloudbeds. It must fix to the page when the user scrolls down (much like a "sticky menu bar").

Their embed is this script:

<script src="https://hotels.cloudbeds.com/en/widget/load/1UgLk0/horiz"></script>

I've worked out the whole Interactions part and got it all working just fine for the fixed bar and in the preview it all looks good, here is the webflow read-only page (go to Favex - Trouble page) :

https://preview.webflow.com/preview/favelaexperience?preview=be730e9a2a903879bac3b58c74c554d5

But something is happening that the rest of the page just blows itself out when i publish it, have a look:
http://favelaexperience.webflow.io/favex-trouble

I have no idea whats in that script that is causing that, can anyone help me out?

EDIT: Apparently the script is moving all of my body sections into the booking-bar-fixed element. (see pic below)

W-I-E-R-D !

Well if anyone got a clue, it'd be much apprectiated :slightly_smiling:
Cheers!

Guil


#2

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.