September 19, 2023

Store Locator Widget Sample Usage

How to integrate Woosmap Store Locator Widget.

1. Sample
2. Integration Code

The Woosmap Store Locator Widget is a one-stop-shop to create a Store Locator based on Google Maps API. Our aim is to help you to integrate a powerful store locator on your website in the simplest way possible.

Sample

Below you can see a sample usage of a Woosmap Store Locator Widget displaying Bose stores all over the world along with the integration code.

Integration Code

HTML

        <div id="store-locator" style="height:500px; width:100%"></div>
<script type="text/javascript" src="https://webapp.woosmap.com/webapp.js"></script>
<script type="text/javascript">
    const loadStoreLocator = function () {
        const webapp = new WebApp('store-locator', 'woos-0c78592f-13ea-362b-aa07-ba4ba9ea3dae');
        const isMobile = document.querySelector('body').clientWidth < 900;
        webapp.render(isMobile);
    };
    loadStoreLocator();
</script>

    

‹ Quick Start Advanced Usage ›

Was this article helpful?

Have more questions? Submit a request