# (Squarespace) Click Carousel Button – Open Form Lightbox

**URL:** <https://community.elfsight.com/t/squarespace-click-carousel-button-open-form-lightbox/107962>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [March 19, 2025, 12:46am UTC](https://community.elfsight.com/t/squarespace-click-carousel-button-open-form-lightbox/107962 "2025-03-19T00:46:24Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [March 19, 2025, 12:46am UTC](https://community.elfsight.com/t/squarespace-click-carousel-button-open-form-lightbox/107962/1 "2025-03-19T00:46:24Z")

</div>

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

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/b/8bc2d9c44d50daa26c6d23b0ad1ff8fa5a3beb31.jpeg)

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/0/e0e25066530bef0cdf2c7cfd9a7dfe9bfa98fa86.png)

**#2**. Add 3 Form Blocks to this page.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/2/72f91cca12db61a54d097c293b5bcdfde2ee9f0b.png)

**#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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/5/7567ff35a474ce47a8f141fba4246f6fc4de6798.png)

**#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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/6/26440a4603cd4135d89620d675d5892c2ce47ca2.png)

Button 02: #wm-popup=/content-lightbox#block-yui\_3\_17\_2\_1\_1742118025383\_19102

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/d/7d614ab1f14784f22f87e9684f76d90f6f6be9d7.png)

Button 03: #wm-popup=/content-lightbox#block-yui\_3\_17\_2\_1\_1742118025383\_21183

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/2/b2e07202fdd1f22d3e8dec45428f9934a2666a7b.png)

**#4.** Install [Popup Plugin](https://www.will-myers.com/products/p/modal-popups-in-squarespace?peachs_apc=tuan-phan)

Plugin will give you some code to Code Injection \> Header

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/4/c4eb53a8e99f03f2e7cef681e5081f2803896772.png)

and Footer

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/8/080405e93617d5f67dc81756cbc03a567a22e60b.png)

**#6**. Result

When users click Carousel Button 1

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/9/e9517c603565820263f7eb97334d271a79738218.png)

When users click Carousel Button 2

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/a/2a9b779b86e03001c0d376a2e1c5cd1b0bd3fbe4.png)

When users click Carousel Button 3

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/4/444258f8f1c53cd7836ca3a8707823a8d965dd9a.png)