Jump to content

customizing the form button adding an icon / image ( wen in lightbox mode) and making it float

Recommended Posts

Hi!

I am trying to re-create a button that looks like a chat button ( speechbubble icon) that opens up like a contact form and have it  floating  on the bottom left across all pages. 

 

I have used the form block in lightbox mode as a start but want to change the text on the button to be an speechbubble icon or image and then have it float in a position either bootom left corner or bottom central across all pages.

 

Any ideas or help is very appreciated as i cant write code myself :).

 

Thank you!

 

Jessica

Link to comment

The easiest way would be to add a lightbox form to the footer, and then if you share your website I can give you some code to float it.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Great thank you so much😃!

I will sort it later today and post then I'll share the website. Ideally I would like the button to float onto of the content rather than beneath ( as the footer would make it do) but if that is trickier to do the footer option will be fine.

The second question was how to make the button into either an image or have an icon rather than text in it ( I want it to look like a speechbubble / chat icon...) Is there a way for that too? 

 

Thank you again!!

Link to comment
6 hours ago, jessican said:

I will sort it later today and post then I'll share the website. Ideally I would like the button to float onto of the content rather than beneath ( as the footer would make it do) but if that is trickier to do the footer option will be fine.

Placing it in the footer allows it to appear on every page and floating above other elements.

6 hours ago, jessican said:

The second question was how to make the button into either an image or have an icon rather than text in it ( I want it to look like a speechbubble / chat icon...) Is there a way for that too? 

Like this would be an option:

https://insidethesquare.co/squarespace-tutorials/button-icon

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.