This guide will show you how to upgrade your Squarespace site by embedding a dynamic, multi-location store widget from MapCosmos.
Your journey begins in the MapCosmos platform, where you will design the map experience that perfectly complements your brand’s identity. Once your widget is matching your desired visuals, copy the installation code provided in the widget's settings:
For a comprehensive guide on how to customize your MapCosmos widget, see our guide.
Now, let's bring your custom map into your Squarespace site. This is done using Squarespace’s versatile Code Block feature.
1. Choose Your Page and Insert Point: While editing the page where you want your map to appear, click Add Block.
2. Select the Code Block: From the block menu, select Code. This is Squarespace's tool for embedding custom HTML and scripts.
3. Paste Your MapCosmos Code: In the content editor, simply paste the installation code you copied from MapCosmos.
4. Save Your Page: Close the content window and if needed, adjust the size of the Code Block. Save the page. Your fully customized store locator is now live on your site.
Your Squarespace site is no longer just a beautiful gallery of your work or products; it's an active guide that connects your online brand with your physical presence.
Your users can now instantly find the nearest location, get one-click directions on their phone, and filter your locations by the specific details you defined. This seamless experience transforms your website from a passive portfolio into a powerful tool for driving real-world foot traffic and customer engagement.
