How to install Boldmapper for Shopify.

1. Get your embed code from your map Settings page

Under the section entitled Manual Installation, copy the JavaScript snippet to your clipboard.

2. Install Embed code in Shopify theme

  • Sign in to your Shopify admin dashboard.

  • In the left side menu, navigate to Online Store > Themes

  • Click on the Actions dropdown, then select Edit code

  • In the file list find Layouts > theme.liquid and select it

  • Paste your Boldmapper tracking code before the </body> tag in the code.

  • In the upper right corner, click Save

3. Put the Map container where you want it

Once the JavaScript snippet is installed you will need to add your map container to one of your Shopify template pages. This code can go pretty much anywhere. It is based on your preference. Many people like to put it on their Contact page, so the template would be a good choice.

  • Go to the Boldmapper Settings page for your map

  • Under Manual Installation, find the HTML Snippet and copy it to your clipboard.

  • Paste this snippet where you would like it to render in your template file.

Last updated