Button to pop up form

I made a button in a my navbar it’s a link, so I know I would be able to link it an inpage section with a form but I want to ask if it’s possible to direct the button to pop up where people can fill out their name and email address.

is that possible?

Hi @Aimanisms, This demo may be helpful:

Demo: https://webflow.com/website/Demo-Kit
Page Title: Pop-up Contact Form
Folder: Forms

There are three main interactions:

The first interaction named “Hide Pop-up Contact Form on Load” is set on the pcf-contact-wrapper div. This interaction hides the contact form at load.

The second interaction is named “Show Pop-up Contact Form”. And is put on the button, which displays the contact form.

The Third interaction is on the close link, named “Hide Pop-up Contact Form” which hides the contact form when the close link is clicked.

The contact form itself is using fixed positioning, with an anchor 20 pixels Right and 80px from the bottom of the page.

I hope this helps, Cheers, Dave

Thanks @cyberdave this is very helpful. thanks

1 Like

The link is not working. Is there another tutorial that can help with creating this function?

Hi @jshely, sorry about that! The link is now directed here: https://webflow.com/website/Demo-Kit

I don’t think that link works either.

Hi @KimJordan, are you still having a problem to access the public site of the Demo-kit?

I just checked this and it seems to be up for me. @sabanna, could you check if it is up for you ?


Yes, everything works fine for me too.

1 Like