(Squarespace) Click Image - Open Popup with Text

To make Text Block Popup appear when users click an Image, you can follow these.

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

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

#2 . Edit Content Lightbox page > Add 3 Text Blocks > Then find ID of 3 Text Blocks

In my example, we will have:

Text Block 1: #block-yui_3_17_2_1_1740272913615_165947
Text Block 2: #block-6e0b1662d4ce74610392
Text Block 3: #block-dedf2912794f940fe94f

#3. Edit Images where you want to make Text Block Popup appear > Edit 3 Images > Add URL > Use this URL format.

Make sure β€œOpen in New Tab” is disabled

Image 1: #wm-popup=/content-lightbox#block-yui_3_17_2_1_1740272913615_165947

Image 2: #wm-popup=/content-lightbox#block-6e0b1662d4ce74610392

Image 3: #wm-popup=/content-lightbox#block-dedf2912794f940fe94f

#4. Install Popup Plugin

Plugin will give you some code to Code Injection > Header

and Footer

#5. Result

When users click image 1 >> Text Block Popup 1 will appear

When users click image 2 >> Text Block Popup 2 will appear

When users click image 3 >> Text Block Popup 3 will appear

1 Like

@tuanphan,

:heart: :heart: :heart: