(Squarespace) Click Image – Open Facebook Post in Lightbox

Description: Click Image – Open Facebook Post in a Lightbox

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

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

#2 . Edit Content Lightbox page > Add 3 Add Facebook Posts (Use Code Block, follow this guide) > Then find ID of 3 Code Blocks

In my example, we will have:

  • Facebook Post 1: #block-yui_3_17_2_1_1741077527177_37188
  • Facebook Post 2: #block-5fa40aebebb87a3e4a11
  • Facebook Post 3: #block-80227b48f080966f3cd5

#3. Edit Images where you want to make Facebook Post 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_1741077527177_37188

Image 2: #wm-popup=/content-lightbox#block-5fa40aebebb87a3e4a11

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

#4. Install Popup Plugin

Plugin will give you some code to Code Injection > Header

and Footer

#5. Result

When users click Image 1 >> Facebook Post Popup 1 will appear

When users click Image 2 >> Facebook Post Popup 2 will appear

When users click Image 3 >> Facebook Post Popup 3 will appear

1 Like

@tuanphan,

:heart_suit: :heart_suit: :heart_suit: