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

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

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.

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!!

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