Jump to content

Lightbox contact form with floating button

Recommended Posts

Site URL: https://www.dearfamilies.com/home/

Hello!

I would like to create a floating button on my site which opens up to a lightbox contact form with the following fields:

Name

Email address

Message

I would like the floating button to be on the bottom right side of the site. The button style can match the other buttons on the site. I would like this to appear on every page of the site.

 

Thank you so much for your help!

Link to comment
  • 9 months later...

Hello,
I need something similar here but a bit more tricky,:

my page is 

https://www.radiantlyalive.com/martijn-weekend-workshop

Is there any chance that I have a CTA on the right side of my page that would open a 3rd party form?

My form is there: https://withribbon.com/Martijn-Vroemen/Awakening-Your-Divine-Body-%26-Returning-to-Divine-Flow-Mystery-School-Experience/432458

 

On 2/16/2021 at 5:24 AM, tuanphan said:

You can add a Form Block in Footer > Enable Lightbox > Then share url again. We will give the code to make it float.

@vna

Thank you 🙏

Link to comment
On 12/9/2021 at 9:44 AM, rafaelRA said:

Hello,
I need something similar here but a bit more tricky,:

my page is 

https://www.radiantlyalive.com/martijn-weekend-workshop

Is there any chance that I have a CTA on the right side of my page that would open a 3rd party form?

My form is there: https://withribbon.com/Martijn-Vroemen/Awakening-Your-Divine-Body-%26-Returning-to-Divine-Flow-Mystery-School-Experience/432458

 

Thank you 🙏

You can use Lightbox Plugin to achieve this.

First, create a page in Not Linked >> Embed 3rd party form  (this page will use as lightbox page content)

Next, add a button in Footer >> Insert Lightbox page url

Next, we will give the code to make cta float on right side.

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

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.