Adding a custom pop up form to a navigation header button

@tuanphan I could use your help with this website. The idea here is that the button in the navigation that says request appointment, upon clicking they want a pop up form for the person to fill out. Then they want me to literally create this same form for them to submit their contact info that will go to an email address (similar to a newsletter block but more complex).

What will be the best way to accomplish this?

Website: https://cat-trout-7kzz.squarespace.com/home (no password)
 

Hi,

The site is private. You can follow this guide to share url

@tuanphan Changed settings, password is password 🙏

I created this page that is the contact form based off what is wanted: https://cat-trout-7kzz.squarespace.com/request-appointment

Maybe there is a way to make this page appear as a pop up?

I would also like to hide the (required) text that appears with the checkboxes shown to again mimic the form we are copying from.

On 3/15/2024 at 8:09 PM, nicki-patsios said:

@tuanphan Changed settings, password is password 🙏

I created this page that is the contact form based off what is wanted: https://cat-trout-7kzz.squarespace.com/request-appointment

Maybe there is a way to make this page appear as a pop up?

I would also like to hide the (required) text that appears with the checkboxes shown to again mimic the form we are copying from.

To hide required text field, you can use this code to Website > Website Tools > Custom CSS

div#block-2883176083abebf7e0ae span.description.required {
    display: none !important;
}

To make it as popup, we can use custom code (let me test and send you in the next 1-2 days) or use custom plugin

@tuanphan had to change the password, it's jeffreylaimd now

Thank you. Overloaded recently, I will send you soon in this week

@tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/

On 3/14/2024 at 3:24 AM, nicki-patsios said:

@tuanphan I could use your help with this website. The idea here is that the button in the navigation that says request appointment, upon clicking they want a pop up form for the person to fill out. Then they want me to literally create this same form for them to submit their contact info that will go to an email address (similar to a newsletter block but more complex).

What will be the best way to accomplish this?

Website: https://cat-trout-7kzz.squarespace.com/home (no password)
 

I forgot, do you have this form embed code? (You can send me, I will test code) Or you want to use Form Block? (I will give code, to click button >> open this form block)

@tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/

I just created another page for the Request Appointment. I don't have any extra code.

On 4/2/2024 at 7:12 PM, nicki-patsios said:

@tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/

 

I just created another page for the Request Appointment. I don't have any extra code.

You want

When users click Header button >> Will open a lightbox. Lightbox will get content from this page?

https://jl-md.squarespace.com/request-appointment

If yes, it require some custom code CSS and JavaScript code, you can add me as a contributor, I can do this for you.

@tuanphan I have the exact same requirement, where I want a form to open in Lightbox on button click, and the button resides in the header.

I believe the way to achieve this is to create a separate page with just the form and have it linked to the button and opened in Lightbox.

Is that correct? If yes, I need the custom code CSS and JavaScript code that you mentioned fro it.

Thanks in advance,

Sash