Interactive 3D Hotspots With Elementor Popups

In this Spline and Elementor tutorial I’m going to show you something I just figured out.
This really is some game changer stuff!!

I found a way make your Spline scenes interact with your Elementor popups.

Download Code:

Interactive 3D Hotspots With Elementor Popups

Remix Spline Scene:
https://community.spline.design/file/05f6d8ef-d61e-487d-a838-d60a157de555

How to Import 3D Models to Spline Video:

Get JetPopup:

JetPopup

Get Elementor:
https://wickydesign.com/get-elementor

3d Glass Building Model:

Flaticons:
https://www.flaticon.com/

Spline Runtime Docs:
https://www.npmjs.com/package/@splinetool/runtime?activeTab=readme

Timestamps:
0:00 Introduction
1:23 Spline Tutorial Begins
5:43 Spline Look At Event
7:58 Spline Export Settings
12:50 Elementor Tutorial Begins
14:18 Spline & JavaScript Code Explained
16:31 Spline Fullscreen CSS Code
17:18 JetPopup Tutorial Begins
21:06 CSS Pointer-Events Explained
23:38 Spline Mobile Settings
26:01 Spline & Browser Performance

#spline #elementortutorial #crocoblock

Our Recommended Tools
Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

WORDPRESS PLUGINS:
✔️ Elementor: https://wickydesign.com/get-elementor
✔️ Crocoblock: https://crocoblock.com/?ref=2562
✔️ Ultimate Add Ons: https://ultimateelementor.com/pricing/?campaign=UE&bsf=8362

BUSINESS TOOLS:
✔️ Dubsado: https://www.dubsado.com/?c=wickydesign
✔️ Wave: https://waveapps.com/

WEBSITE HOSTING:
✔️ KnownHost: https://www.knownhost.com/?aid=71319c26

——
For more information regarding our web design and branding services, please visit https://wickydesign.com