(Squarespace) Click Carousel Button – Open Form Lightbox

To make Form Lightbox appear when users click the Carousel Button, you can follow these.

#1. First, create a Page in Not Linked.

With Name/URL: Content Lightbox – /content-lightbox

#2 . Add 3 Form Blocks to this page.

#3 . Find ID of 3 Form Blocks. We will have:

  • Form Block 1: #block-yui_3_17_2_1_1742118025383_15672
  • Form Block 2: #block-yui_3_17_2_1_1742118025383_19102
  • Form Block 3: #block-yui_3_17_2_1_1742118025383_21183

#4 . Edit Carousel Button > Enter this URL.

Make sure Open link in New Tab is disabled

Button 01: #wm-popup=/content-lightbox#block-yui_3_17_2_1_1742118025383_15672

Button 02: #wm-popup=/content-lightbox#block-yui_3_17_2_1_1742118025383_19102

Button 03: #wm-popup=/content-lightbox#block-yui_3_17_2_1_1742118025383_21183

#4. Install Popup Plugin

Plugin will give you some code to Code Injection > Header

and Footer

#6 . Result

When users click Carousel Button 1

When users click Carousel Button 2

When users click Carousel Button 3

1 Like