Getting Started
These are instructions for installing your map in your Shopify store. We have a direct integration that will add the Closeby map to your store with one click.
- Visit the map installation page from your dashboard.
- Scroll to "Shopify Overlay Installation" and you will be prompted to connect Shopify. Enter your Shopify url (it should look like "your-shop-url.myshopify.com").
- Next click "Connect Shopify". This will prompt you to log in with your Shopify account and give Closeby permissions to add the map to your store.
That's it! Now your Closeby overlay will be available on every page.
Default Setup or iFrame Embed
There are 2 primary ways you can install your map to your website: Overlay Installation and iFrame Embed. By default, the Overlay installation is automatically set up on your Shopify store.
If you wish to keep using the Overlay installation, you can learn more below. If you wish to use the iFrame embed (in-page installation) on Shopify, you can view instructions here.
Overlay Installation
The default launcher is the easiest way to install the Closeby locator on your website. This approach will add the launcher on every page so that no matter where visitors are on your site they can conveniently open the locator and find your locations.
This is what is looks like in the bottom right corner of your website:
All you have to do is install the Closeby javascript by either connecting Shopify or manually adding the Closeby script to your website. When you do that the launcher will automatically show up. If it is not showing up, check your map customizations and make sure the "Enable Launcher" option is checked.
To people more familiar with custom code, you can learn how to open the overlay with links (instead of the default launcher) here.