Thank you for choosing to purchase this module!
After you've purchased and installed the module, it will automatically be added to your HubSpot account.
You should be able see it under the Settings > Marketplace Downloads
Overview
The Interactive Map module lets you showcase country-level information on your website in a clear, engaging way. Highlight countries, show quick details on hover, link to deeper content, and manage legends and styles without code.
What you can do
- Embed the map on any page with a simple snippet
- Highlight countries by status or priority with custom colors
- Show concise details in hover cards
- Link each country to a page, resource, or form
- Auto-generate and edit legends
- Match your site with light and dark themes
- Customize colors, fonts, and styles
- Keep performance fast and the layout fully responsive
Use Cases of Interactive Map module:
- Show your global presence
- Map product availability
- Highlight service coverage
- Showcase partners and distributors
- Display shipping and fulfillment
- Visualize support coverage
- Share impact and program locations
- Feature events and trainings
- Publish customer stories and case studies
- Outline hiring locations
- Indicate compliance and certifications
- Present research and country metrics
- Mark office locations
- Define sales territories
- Show community or member locations
- Preview coming soon launches by country with one interactive map.
For ease of reading, we've organized this documentation into multiple sections,
- Installation
- Content options
- Design and styling
- Advanced features
- FAQ
Let's explore each of them individually.
1. Installation
Open any page where you like to display the Interactive Map Module.
On the left panel, search the 'Countdown' module and simply drag and drop it onto the page.
Check out this quick video yo see how it works
Great, you've just added the module, now let's personalize it.
2. Content options
➤ Highlight Countries
➤ Choose country, color, add hover info, add link
3. Design and styling
- Choose dark mode or light mode
- Customize color for fonts, map elements
- Control module width
- Control module alignment
4. Advanced Features
➤ Disable module jQuery
If your site already loads jQuery or you prefer not to use it, you can disable the module’s built-in jQuery with a single click.
5. Frequently Asked Questions
Q: Can I rename legend items?
A: Yes, once you add a color to any country. Legend item is created. You can then customize the label or choose to hide it.
Q: Can I use different content per country?
Yes. You can set unique hover text, labels, and links for each country.
Q: What should I call the small hover pop-up?
Hover Card or Country Hover Card are clear and familiar terms.
Q: Does the module have dark mode?
A: Yes. Both light and dark mode o to match your site.
Need More Help?
If you have questions or need support, reach out to our team at [safwan at awwaldesign.com]
