# Click button block - Show Video Popup

**URL:** <https://community.elfsight.com/t/click-button-block-show-video-popup/96131>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [January 22, 2025, 1:33am UTC](https://community.elfsight.com/t/click-button-block-show-video-popup/96131 "2025-01-22T01:33:27Z")\
**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:** [January 22, 2025, 1:33am UTC](https://community.elfsight.com/t/click-button-block-show-video-popup/96131/1 "2025-01-22T01:33:27Z")

</div>

Description: Click button block – Show Video Popup in Squarespace.

**#1.** First, create a page in Not Linked with Name/URL

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

- Video Popup - URL: /video-popup

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

**#2.** Add 3 Video Blocks to Video Popup Page

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/0/10f5c76bc8423734a78226150a375034d945407c.jpeg)

**#3.** Find ID of 3 Video Blocks

In my example, it is:

Video 1: #block-yui\_3\_17\_2\_1\_1736816377657\_11276

Video 2: #block-fd0ae604771edebe0af4

Video 3: #block-e6ffd71e9cc73be5b27b

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/1/411da791847e7ed8be580f0768489155d88b2722.jpeg)

**#4.** Edit Button Block where want to make Video Popup appear. Use this URL to 3 Button Block.

Make sure “Open in New Tab” is disabled.

```auto
#wm-popup=/video-popup#block-yui_3_17_2_1_1736816377657_11276

#wm-popup=/video-popup#block-fd0ae604771edebe0af4

#wm-popup=/video-popup#block-e6ffd71e9cc73be5b27b

```

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/2/e2d4a4e969d7a971ce1eced81b8af7c75cf2bb15.jpeg)

**#5.** Install [Popup Plugin](https://www.will-myers.com/products/p/modal-popups-in-squarespace?peachs_apc=tuan-phan)  
You can use code: TUAN to get 10% discount

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/f/1fe6bdcd09a022c84f484aa898b683c3b53e5073.png)

and Footer

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

**#6.** Result

When you click on Button \> Video Popup will appear.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/7/9794eca26ffd7ae4b44244a8aa3da9043defd530.jpeg)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/7/278ced6cfd760e55831c764682c3849971a341e4.jpeg)
