To make Maps Popup appear when users click text in a paragraph in Squarespace, 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 Maps Blocks > Then find ID of 3 Maps
In my example, we will have:
- Maps 1: #block-yui_3_17_2_1_1740136500830_6289
- Maps 2: #block-e20b7925184190dd0779
- Maps 3: #block-7c0741fc33016266ee7d
#3. Edit Paragraph where you want to make Maps Popup appear > Edit 3 Texts > Add URL > Use this URL format.
Text 1: #wm-popup=/content-lightbox#block-yui_3_17_2_1_1740136500830_6289
Make sure “Open in New Tab” is disabled
Text 2: #wm-popup=/content-lightbox#block-e20b7925184190dd0779
Text 3: #wm-popup=/content-lightbox#block-7c0741fc33016266ee7d
#4. Install Popup Plugin
Plugin will give you some code to Code Injection > Header
and Footer
#5. Result
When users click text 1 >> Maps Popup 1 will appear
When users click text 2 >> Maps Popup 2 will appear
When users click text 3 >> Maps Popup 3 will appear
