Is it possible to add a reservation widget to a Squarespace 7.0 cover page?

Site URL: https://www.lecomptoirla.com/

Does anyone know if it's possible to create a reservation widget overlay for a Squarespace 7.0 cover page? Or, to embed a widget directly onto a cover page? 

I see that it's possible to create a click-thru button to an external link but would prefer the look of a widget instead.

Thanks in advance for any advice!

Hi,

Can you share link to Cover Page?

Hi Tuan,
We don't have an actual cover page up yet, as we're working on remediating the site for accessibility purposes. But the idea was to use the image on the homepage for a cover page and make and (hopefully!) add an overlay with the OpenTable image embedded.

https://www.lecomptoirla.com/

Thank you!

10 hours ago, LaptopCAT said:

Hi Tuan,
We don't have an actual cover page up yet, as we're working on remediating the site for accessibility purposes. But the idea was to use the image on the homepage for a cover page and make and (hopefully!) add an overlay with the OpenTable image embedded.

https://www.lecomptoirla.com/

Thank you!

You want

• Add an image
• Add an overlay over image
• Add a OpenTable embed code over overlay

Is this right?

Hi Tuan,

Yes, that's correct. This is what our cover page (currently inactive) looks like. I'd like to add a translucent overlay with the OpenTable reservation widget embedded, only I'm not seeing any options within the Tremont template to add an overlay or a reservation widget...

Add to Design > Custom CSS

/* Darken summary on hover */
.slide:after {
    position: absolute;
    content: "";
    background: rgba(0,0,0,0.5);
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s;
}