(Squarespace) Click text in paragraph open Gallery Section (Image Section) Popup

To make Gallery Section Popup appear when users click text in a paragraph, 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 Gallery Sections > Then find ID of 3 Galleries

In my example, we will have:

  • Gallery section 1: section[data-section-id=“67b856a668f8f46f9fae079a”]
  • Gallery section 2: section[data-section-id=“67b856b26168aa19701f6e28”]
  • Gallery section 3: section[data-section-id=“67b856b98c2039685c917bae”]

#3. Edit Paragraph where you want to make Gallery Section Popup appear > Edit 3 Texts > Add URL > Use this URL format.

Text 1: #wm-popup=/content-lightbox[data-section-id=‘67b856a668f8f46f9fae079a’]
Make sure “Open in New Tab” is disabled

Text 2: #wm-popup=/content-lightbox[data-section-id=‘67b856b26168aa19701f6e28’]

Text 3: #wm-popup=/content-lightbox[data-section-id=‘67b856b98c2039685c917bae’]

#4. Install Popup Plugin

Plugin will give you some code to Code Injection > Header

and Footer

#5 . Result

When users click text 1 >> Gallery Section Popup 1 will appear

When users click text 2 >> Gallery Section Popup 2 will appear

When users click text 3 >> Gallery Section Popup 3 will appear

1 Like