Jump to content

How to create an interactive 'map' with pop-ups and click-throughs

Recommended Posts

Posted

Hi, 

I'm trying to create an interactive 'map' with hover pop-ups and click-through functionality on an underlying image, that I can then embed into my Squarespace site. 

I found the perfect solution in the Image Map Pro plugin, however have since been told by the developers that it is not compatible with Squarespace. So while I can create the map exactly how I'd like it to be, I'm unable to get it onto my site. 

Does anyone have any recommendations for plugins etc that can achieve this and are 100% compatible with Squarespace? 

Desired functionality:
- Ability to create poly shapes over my image
- Pop-up box with property features on hover
- Click through link to a PDF on the pop-up  

Site - https://www.brontegroup.com.au/solai-bronte-2023-working
Password - solai

Attached screenshot of the interactive image I created for reference. 

Screen Shot 2023-11-20 at 8.27.29 am.png

  • 2 months later...
Posted
On 2/8/2024 at 2:47 PM, EdGood said:

Hi looks like you got this working? What did you end up using to make it work on Squarespace?

I ended up switching from Image Map Pro to DrawPoint - https://app.drawpoint.io/

Design and styling is a lot more restricted but it works which was the main thing for us!

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.