Pop up window to booking site

Design help Custom code
1

Hi,

I am wanting to create a pop up booking window through try booking - which is achievable with this code… essentially i dont want it to take you away from the site

<a href='#' onclick='window.open("https://www.trybooking.com/book/event?embed&eid=285024", "trybooking", "menubar=0,scrollbars=1,width=800,height=700");'>Click to book!</a>

However, i am unsure how to add this to webflow to call out the “buy now” button (in the ticket section)
Is this achievable??

https://preview.webflow.com/preview/otg?preview=c3b5ade57b3e79123325dd11caecac45

2

You can use an iframe instead:

<iframe href="https://www.trybooking.com/book/event?embed&eid=285024" width="100%" height="100%"></iframe>

3

Do I paste that into the html section? and how do i link it to the button?

4

You can paste that inside an embed block, which you show/hide using interactions on a button click.

5

But i don’t understand where i paste the code??

So are you saying that i need to create a div block that is where i want the pop up to appear? and have a show/hide interaction on the buy now button?

6

See Custom code embed - Webflow University Documentation

Yes

7

Thank you! Also I am having trouble when I try reorder sections in mobile
view. Instead of going underneath each other they overlap each other… why
is this happening?

8

It is preferred if you can post separate questions instead of combining your questions into one thread. That way, it helps the people answering your question and also others hunting for at least one of your questions. Thanks!