.png?table=block&id=218105a2-9d95-810c-8b02-ea46c0cc8f34&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
Squarespace
map blocks
map customization
Tags Synced
Tags Synced
AI summary
Add and customize map blocks on Squarespace to display your location, using single pins for addresses and various styles. Ensure mobile responsiveness and troubleshoot common issues like incorrect information or visibility on smaller screens.
Last edited by
Platform
Category
Topic
How to Use Map Blocks on Squarespace
Learn how to add and customise map blocks on your Squarespace site to show your location clearly.
Quick summary: Add a single location pin by entering an address. Customise the map style through the design tab. Interactive pins open Google Maps for directions. Maps work well on all devices. For multiple locations, add several map blocks or embed a custom Google Map.
Getting Started with Map Blocks
Map blocks let you add Google Maps directly to your Squarespace website. Most people use them on contact pages to show where their business is located.
To add one, edit your page, click to add a block, and select 'Map' from the menu. You'll see a pencil icon appear for editing.
Adding Your Location
Desktop and App Methods
Adding a location works the same whether you're on desktop or using the Squarespace app. Enter your address in the content tab. Google will show autocomplete suggestions as you type, which helps get the exact location right. Once you select the correct address, a pin appears on your map automatically.
If Things Go Wrong
Map blocks pull data straight from Google Maps. If Google doesn't recognise your address, you might need to add it through Google's services first. If the map doesn't update with your new information, try deleting the map block and adding it again.
Customising How Your Map Looks
Changing the Map Style
Use the design tab to change your map's appearance. You can stick with the standard Google Maps look or switch to options like Grayscale or Satellite view. You can also turn on or off features like labels and terrain details.
Adjusting Size and Layout
On desktop, you can resize the map by dragging its corners. This helps it fit better with other elements on your page. The map automatically adjusts to work on different screen sizes, so it'll look good on phones and tablets too.
How Visitors Use Your Map
When someone clicks the pin on your map, it opens the location in Google Maps (great for getting directions). On computers, people can click and drag to move around the map. On phones and tablets, they need to use two fingers to scroll through the map area.
Quick tip: Always check how your map looks on mobile using Squarespace's device preview. This stops any nasty surprises about how it displays on smaller screens.
Common Questions
Can I add multiple location pins to one map?
You can't add multiple pins to a single map block. Instead, add separate map blocks for each location, or embed a custom Google Map using a code block if you need more control.
The map hides my pin on mobile devices. How do I fix this?
Since maps resize for different screens, the pin might not be visible on smaller displays. Try adjusting your browser window on desktop or use Squarespace's device preview to see how it looks on phones and tablets.
My map shows the wrong information. What should I do?
If the map displays incorrect details even with the right address, report it to Google using their 'Report a Map Error' feature. If problems continue, try removing the map block and adding it again, or contact Squarespace support.
Quick Definitions
Map Block: A Squarespace feature that lets you embed Google Maps with location markers on your site.
Location Pin: The marker that shows a specific place on your map, perfect for business addresses or event venues.
Responsive Design: How websites automatically adjust to work properly on different devices and screen sizes.
Code Block: An advanced Squarespace feature for adding custom HTML, CSS, or JavaScript to your site.
Final Thoughts
Adding map blocks to your Squarespace site makes it easier for visitors to find you and adds a professional touch to your contact page. The blocks are straightforward to set up and offer enough customisation options to match your site's style. Whether you need one location or several, map blocks give you a clean way to show people exactly where you are.