How to Add a Store Locator in WooCommerce with MapCosmos (Step-by-Step Guide)

This guide provides a step-by-step walkthrough for adding a MapCosmos widget to your WooCommerce (WordPress) website.

Step 1: Get Your Store Locator Installation Code

Before you can add the map to your website, you’ll need to generate a unique installation code from your MapCosmos account. This involves:

• Setting up your store or business locations
• Customizing the map’s appearance to match your branding
• Adding any additional details, like contact info or special offers

👉 We prepared a detailed guide on how to set up your widget and generate the installation code.

Step 2: Add the Widget to a WooCommerce (WordPress) Page

Once you have your installation code, embedding the store locator on your site is quick:

1. In your WooCommerce dashboard, go to Pages → Add New (or open an existing page).
2. In the editor, click the + (Add Block) icon to open the block library.
3. Search for the Custom HTML block and add it to your page.
4. Paste the embed code from your MapCosmos account into the Custom HTML block.
5. Click Publish to make your store locator live.

And that’s it! Your interactive store locator is now ready for visitors, helping them easily find your locations and boosting engagement on your site.

Need More Advanced Integrations?

MapCosmos also offers a powerful API for custom optimizations, allowing you to tailor your locator’s functionality even further. If you have questions or want to explore unique ways to enhance your store locator, our team is here to help. Contact us at contact@mapcosmos.com—we’re happy to assist!

‍