Squarespace 7.1UI Components

Image Hotspot Widget

By Common Ninja

Free
Image Hotspot Widget – Squarespace UI Components on SquareLocator
Fit check
Great for
Site owners looking to improve UI components
Businesses wanting to enhance user interaction
Developers needing simple UI tools
Content creators using Squarespace 7.1
Version7.1
SetupEasy

Overview

Common Ninja's Image Hotspot widget places clickable markers on an image. Visitors tap a hotspot to see a label, description or link, which suits shoppable room shots, product diagrams, maps and annotated photos.

What it does

  • Markers placed anywhere on an uploaded image
  • Pop-up text, images and links for each marker
  • Marker style, colour and tooltip settings
  • Embeds with a code block

Who it suits

Interior designers, homeware and fashion shops, venues with site maps and educators explaining a diagram.

Honest caveats

Hotspots are small on phones, so keep them few and test the mobile view. The free plan has usage limits and paid plans are billed yearly per widget, from $24 a year. JavaScript in code blocks needs a Squarespace Core plan or higher.

Image Hotspot Widget is a Squarespace 7.1 plugin from Common Ninja aimed at site owners adding buttons, tabs, accordions, and micro-UI. The scope is narrow on purpose: interface components inside Squarespace pages, with attention to accordions and tabs, calls to action, and consistent styling with your theme.

Implementation-wise, you’re still working with Squarespace’s native structure—this is positioned as an extension of the editor, not a parallel stack.

If your site mixes ui components patterns with other add-ons, skim Common Ninja’s documentation for known interactions and version support.

SquareLocator lists Image Hotspot Widget so you can scan alternatives in one place; use the affiliate link to confirm current pricing and support terms with Common Ninja.

Worth a look when accordions and tabs and calls to action are on your roadmap and you want consistent styling with your theme without leaving Squarespace 7.1.
What it does
  • User-friendly interface
  • Customizable design options
  • Responsive layout
  • Easy integration with existing content
  • Documentation available for support
Full specifications

FAQs

FAQs

What does the Image Hotspot Widget do?
The Image Hotspot Widget allows you to easily add interactive elements like buttons, tabs, and accordions to your Squarespace site. This enhances user engagement and helps present information in a visually appealing way, all while keeping consistent with your site's theme.
Do I need coding knowledge to use the Image Hotspot Widget?
No, the Image Hotspot Widget is designed for users of all skill levels. You can easily implement it within your Squarespace 7.1 setup without any coding knowledge, making it accessible for beginners and small business owners.
Can I customize the design of the Image Hotspot Widget?
Yes, the Image Hotspot Widget offers customizable design options, allowing you to tailor the appearance of buttons, tabs, and accordions to match your site’s branding and aesthetic. This ensures a cohesive look throughout your website.
Will the Image Hotspot Widget affect my site's loading speed?
The Image Hotspot Widget is designed to integrate smoothly into your existing Squarespace site, minimizing any impact on loading speed. However, it’s always a good practice to monitor your site’s performance after adding new features.
Can I remove the Image Hotspot Widget later if needed?
Yes, you can easily remove the Image Hotspot Widget from your Squarespace site if you decide it’s no longer needed. Simply follow the standard removal process for plugins in Squarespace to ensure a clean removal.
Is the Image Hotspot Widget compatible with all Squarespace templates?
While the Image Hotspot Widget is designed to work with Squarespace 7.1, it's important to check the vendor’s documentation for compatibility with specific templates. Some template customizations may affect how the widget functions.