Embeddable Maps

Showcase your global reach with beautiful, interactive maps that can be embedded anywhere.

How to Use

Follow these steps to get your embed code:

  1. 1Open your Insightly Dashboard.
  2. 2Select the website you want to share.
  3. 3Navigate to the Settings page.
  4. 4Click on the Share tab.
  5. 5Customize your map and click 'Copy Embed Code'.

Customization Options

You can customize the map's appearance using query parameters in the iframe URL.

primaryColorHEX Color

Changes the accent color of the map (active countries, progress bars, etc.). Must be URL-encoded (e.g., #FF003C becomes %23FF003C).

bgColorHEX Color

Sets the background color of the map container. Use this to match the map to your website's theme.

showLiveBoolean

When set to true, shows a real-time visitor counter at the top of the side panel.

layoutEnum

Choose between horizontal (default) and vertical. The vertical layout is recommended for narrow sidebars or mobile-focused embeds.

Real-World Example

See how sahil.appwrite.network uses embeddable maps to showcase their global visitor distribution.

Responsive Design

The map is fully responsive and will automatically switch to a vertical layout on smaller screens.

Pro Tip: Customize Height

The ideal height for your embed depends on how many countries usually appear in your top list. If you have many visitors from diverse locations, consider increasing the height in your CSS or iframe attribute to avoid excessive scrolling.