(Squarespace) Click text in paragraph open Event Calendar Popup

To make Event Calendar 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 Event Calendar Blocks > Then find ID of 3 Event Calendar

In my example, we will have:

  • Event Calendar 1: #block-yui_3_17_2_1_1740272913615_126852
  • Event Calendar 2: #block-yui_3_17_2_1_1740272913615_146360
  • Event Calendar 3: #block-dedc8f4dc5de98997aa5

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

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

Text 1: #wm-popup=/content-lightbox#block-yui_3_17_2_1_1740272913615_126852

Text 2: #wm-popup=/content-lightbox#block-yui_3_17_2_1_1740272913615_146360

Text 3: #wm-popup=/content-lightbox#block-dedc8f4dc5de98997aa5

#4. Install Popup Plugin

Plugin will give you some code to Code Injection > Header

and Footer

#5. Result

When users click text 1 >> Event Calendar Popup 1 will appear

When users click text 2 >> Event Calendar Popup 2 will appear

When users click text 3 >> Event Calendar Popup 3 will appear

1 Like

@tuanphan,

:heart: :heart: :heart: