Description: Click Image – Open Tiktok Video 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 Tiktok Videos (Use Code Block, follow this guide) > Then find ID of 3 Code Blocks
In my example, we will have:
- Tiktok Video 1: #block-yui_3_17_2_1_1741077527177_37188
- Tiktok Video 2: #block-5fa40aebebb87a3e4a11
- Tiktok Video 3: #block-80227b48f080966f3cd5
#3. Edit Images where you want to make Tiktok Video 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 >>Tiktok Video Popup 1 will appear
When users click Image 2 >>Tiktok Video Popup 2 will appear
When users click Image 3 >>Tiktok Video Popup 3 will appear
#6. To change Tiktok Video Width, you can adjust this line in Code Block
