Jump to content

Create a custom 'Open Form' button

By Sophie_T, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 7
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Sophie_T
Sophie_T

Yes of course! I didn't think about doing it that way around. Works a treat! Thank you!

tuanphan
tuanphan

You can see this thread to know how to add GG Material Icons to button/or any elements in the future  

Posted Images

KwameAndCo Level 13

KwameAndCo

Posted
Posted
18 hours ago, Sophie_T said:

Hello! Yes thank you but I would like this form block to open from a custom button I have created with code. Is this possible?

Link us to the page

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee ☕. (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

For Custom Plugins email me 🧩

Link to comment
  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted
On 12/11/2023 at 4:28 PM, Sophie_T said:

Site is:  https://onion-mauve-nxr5.squarespace.com/contact

Pw: vinoy

We can style it same as your button by adding this to Website Tools (under Not Linked) > Custom CSS 

button.lightbox-handle:before {
    content: "\f8ce";
    font-family: 'Material Symbols Outlined';
    color: red;
    font-size: 20px;
}

button.lightbox-handle {
    display: flex !important;
    align-items: center;
}

 

image.thumb.png.3c415c633b97aff972f8265c0ee33c11.png

Or you can use a Popup Plugin (affiliate link) to achieve this, just install plugin then add url plugin provided, it will work

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources