# Shopify

### 1. Get your embed code from your map Settings page

![Click on the setting icon on the Map you'd like to install.](https://1326900654-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M7eTXXdYxnGueePMCWD%2Fuploads%2FfJbAWzYpimmpQmV9Dhvk%2FScreen%20Shot%202021-10-20%20at%208.19.28%20PM.png?alt=media\&token=d5e44753-67de-4480-b523-e07aa4da461d)

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**

<div align="center"><img src="https://1326900654-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7eTXXdYxnGueePMCWD%2F-M81pLocT141bxDtGIfh%2F-M81sU4cC2E-_EX3mhXP%2FScreen%20Shot%202020-05-23%20at%2011.52.38%20AM.png?alt=media&#x26;token=36bbc0ef-cf4d-4a1f-8624-1109847818c5" alt=""></div>

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

![](https://1326900654-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7eTXXdYxnGueePMCWD%2F-M81pLocT141bxDtGIfh%2F-M81tKTIHXvNeIUWZkGx%2FScreen%20Shot%202020-05-23%20at%2011.55.36%20AM.png?alt=media\&token=3f1e19cc-01a3-4779-825a-ec2d3155d335)

* 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 **page.contact.liquid** 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.