Boldmapper Docs
  • Welcome
  • Getting Started
    • Creating Your First Map
    • Adding Locations
    • Adding to Your Site
  • Integrations
    • WordPress
    • Squarespace
    • Shopify
    • API
  • Embed JS
  • Analytics
  • Map Customization
    • Map Settings
    • Custom CSS
  • Location Management
    • Inventory Sync
      • Square
    • Bulk Importing
    • Sync with Google Sheets
      • Getting Started
      • How Syncing Works
      • Unlinking a Spreadsheet
    • Business Hours
    • Tagging
    • Custom Attributes
    • Exporting Location Data
  • Mapbox Requirement
  • Support
Powered by GitBook
On this page

Was this helpful?

  1. Getting Started

Adding to Your Site

PreviousAdding LocationsNextIntegrations

Last updated 2 years ago

Was this helpful?

There are several ways you can add the Boldmapper embed to your site. For this guide, we'll be using the "Direct Embed" approach because it is the most versatile and relatively easy to implement.

We also offer these additional guides if you are using Wordpress or a specific service provider:

For now though, let's give the Direct Embed approach a whirl!

Direct Embed

Directly embedding the Boldmapper widget in your site will require two things, a JavaScript tag and an HTML snippet. Visit your map's "Settings" tab to find the "Manual Installation" section.

The JavaScript <script> tag should be added right before the closing </body> tag of your page. Copy and paste this tag into your pages source code.

The "HTML Snippet" can go wherever you'd like to have your map rendered on the page.

After reloading your page you will see your new Store Locator widget!

WordPress
Shopify
Squarespace