(Squarespace) Click Image - Open Project Info Popup

To make Project Info Popup appear when users click an Image, you can follow these.

#1. Find Project Info URL

In my example, we will have

Project 01: /portfolio-2/project-one-ephnc-4ycls

Project 02:/portfolio-2/project-two-llrgk-36ewf

Project 03: /portfolio-2/project-three-8zgh7-zkprz

#2. Edit Images where you want to make Project Info Popup appear > Edit 3 Images > Add URL > Use this URL format.

Make sure “Open in New Tab” is disabled

Image 1: #wm-popup=/portfolio-2/project-one-ephnc-4ycls

Image 2: #wm-popup=/portfolio-2/project-two-llrgk-36ewf

Image 3: #wm-popup=/portfolio-2/project-three-8zgh7-zkprz

#3. Install Popup Plugin

Plugin will give you some code to Code Injection > Header

and Footer

#4. Result

When users click Image 1 >> Project Info Popup 1 will appear

When users click Image 2 >> Project Info Popup 2 will appear

When users click Image 3 >> Project Info Popup 3 will appear

1 Like

@tuanphan,

:heart: :heart: :heart: