Search the Community

Hi, I have a lead generation form on my (staged) website that asks for basic customer info before they can access a store locator. I'd like to take the ZIP code they enter in the form, and use it to automatically populate a third-party Storepoint map (embedded on my Squarespace page) to avoid making the customer enter their ZIP twice after they complete the form. Is this possible? I know I can forward the form submission to a single ZIP URL (/?locate=90210,US), but I can't figure out how to have the form submission grab any number of ZIPs that might be entered from the form. Thanks for any help!

I am building a locations page for a client. We have 8 locations to show, and would like to have the store hours, address and phone number attached to each location. Is there a way I can do this? Do I need to do 8 different map blocks? How can I display the store information, hours, phone number address? Or do I just do a text block for that. Any streamlined idea, would be great! THX

Help please, I am trying to find the Map App that works seamlessly & can embed into Squarespace website - I need to embed a map with multiple locations and search for your local feature where customers enter their location and closest appears. I need the interface to be sexy too. This for a farmers that will meet customers at a public location for pick-ups (they don't own those locations - they are usually community halls, schools, parks) ideally be able to: customers enter their location and closest pick-up location appears can add information for each pick-up location customisational in the sense the map can look sexy no advertising Can anyone please help?

I have to add a solar farm site which is field not near a street location, they have given me coordinates. Any way to add these to the map block? Any other solutions that anyone know of? Thanks in advance Andrew

Hi there. I've created an illustrated city map and have added this as a large image on my page. I'd now like to add small pointers/dots onto areas of the map to highlight recommended bars and restaurants. For each pointer, when clicked I'd like it to open a small text box that gives more info on the bar (name, google maps link, description etc.). Once read, the reader will close this and click another pointer on the map. If there's any way to create this, please let me know as I can't figure out if this is possible. Many thanks!

Hello, so I know someone posted something like this a couple of years ago, but I wanted to see if anyone else came up with a work-around for someone who doesn't have any experience with html or css. I need a zip code finder where, when you type it in the search bar, it will automatically hyperlink you to our other website that provides service in that area. It also needs to be able to redirect to a "We currently don't provide service in your area" for any zip codes we don't service. If this is too complicated, an alternate version would be typing the zip code in a search bar, and if we provide service in that area it would drop down, you would click on it and it would hyperlink to our other website. Any help would be greatly appreciated! Thank you

Site URL: https://www.claris-zorggroep.nl/ Hello, I have a site with a mapbox in it, on the initial load, it loads the mapbox when you click through the website and come back it’s not working anymore. please help! the map is at locaties>locatiesoversichtz intial page load displaying map Map stops displaying when you switch page

How to include an interactive, multiple-pin map on Squarespace? We would like to include an interactive map on our Squarespace website --- example here. We'd like the map to be visible on the page itself (rather than a clickable link), would like to be able to zoom in and out, and would like it to include multiple pins (ideally automated to populate with pins as new locations/ items are added to a spreadsheet). Does anyone know of any good plugins/ ways to do this? Thanks!

Site URL: https://www.lecomptoirla.com/ Hi there, I'm working on remediating our website and was wondering if anyone might be able to help resolve the following accessibility issues (see screenshots): Footer (contentinfo landmark): The accessibility scanner says to "Ensure the contentinfo landmark is at top level," and that "the null landmark is contained in another landmark," even though the footer was created separate from the rest of the page content blocks. Footer (hyperlinked OpenTable logo): The accessibility scanner says "Focusable content should have tabindex='-1' or be removed from the DOM." How can I change the tabindex value? Contact page (map widget): The accessibility scanner says to "Ensure aria-roledescription is only used on elements with an implicit or explicit role" and to "check that the aria-roledescription is announced by supported screen readers"? Any help would be greatly appreciated! Thank you!

Site URL: https://bluebird-kangaroo-dwz5.squarespace.com/tasting-rooms Hello! I have a Snazzy Maps with a Google API that I've embedded in a Code Block here. (password: Cows) Snazzy Maps has a new plugin here that is meant to populate a dialogue box with every marker on the map. For some reason, I can't get these to sync. Are they just incompatible? Do I need to insert code into a different area? Help me pleaseeeee. Thanks in advance!

Site URL: https://hillaryjordan.com/TOUR I'm doing mostly virtual events these days, but I can't seem to get rid of the map in the location section. And deleting the location doesn't seem to be an option in design-->site styles in v. 7.0. My events are held all over the country, so I would also like to add a P.S.T., C.S.T. etc after the event time instead of having to put a separate line in the copy. If anyone could help I'd be grateful!

We're looking to develop an interactive map using MapKit JS then embedding it in an existing site. Has anyone done this or, more generally, is it possible? My worry is that the token/authentication portion isn't going to work. Thoughts?

Hey guys, this is Armin I'm the newest member of Circle. I just had trouble making smooth transition from regular conversations to offering my service or sale. Just wondering how you guys do it? That doesn't look awkward and out of place. For example you message a store owner and talking about their business and I ask them do you have a website? And when they say "No" I don't know how to offer my services the way that doesn't make the Conversations drown or awkward. Any help would be greatly appreciated 🙏

Site URL: https://www.lagoonout.com/location Hello everyone, does anyone know how to make a split layout with a map on one side and content on the other like the one shown here: AWAYN – AI Driven Lifestyle And Travel Guide For Immersive, Interactive And Local Adventures Notice when you scroll through the content on the left side of the page, it moves the map (on the right) to the respective location. It even connects it with a line. If anyone can help me out, I'd really appreciate it. Thank you.

So, I want to add a map like this one: https://www.childrensplayvillage.co.uk/play-areas/ labelled 'village map' whereby people can click on different areas of my premises which takes them to another page telling them about that particular area. Thanks very much for any help!

Hi everyone, www.squarewebsites.org/products/advanced-map-block Just wondered if anyone had used this plugin before? I am thinking of getting it for a client site, but need to know if it is possible for the markers on the map to have a link to another page in the site? I have messaged them, but they haven't come back to me and hoped someone had some experience of it on here! Thank you advance!

Site URL: https://www.freedomfocusbirth.com/zoom I am trying to url map the link WWW.FreedomFocusBirth.com/zoom to my external Zoom meeting link. Anyone have a clue? For example see WWW.theautonomymommy.com/zoom

Hi, Can you anyone help, if it's possible to have some feature, like the below on a squarespace website? if yes can you please advise on how it can be don. I do not have a URL to share as i have not started working on the site, but trying to figure out the best platform to use.

Site URL: https://www.shacksonracks.com/test How can I go about resizing the Squarespace content box to allow the full map to display? This was made with the Mapbox API, so it's all code that draws interactive data from a Google Doc. There is no embed code with positioning to customize. There is some positioning code (below) that I've tried changing around and while it does change the placement of the map on my editor, changes don't affect its positioning on the Squarespace page which makes me think there has to be an edit made to the size of the Squarespace content box to allow the full map to display. #map { position: absolute; top: 0; bottom: 0; width: 100%; }

Site URL: https://forthegood.org/mapbox-test Hello: We are a nonprofit organization that has recently begun learning Mapbox in order to create a clickable map that shows the locations of our programs and new schools in rural Kenya. We have created a basic map and successfully embedded it into a Code block in Squarespace with iFrames using the code Mapbox provided- you can view that page here. We now hope to add interactivity to the map so that when you click on the location of a school, you see a pop up that shares the name of the school and a description and link to another extended page of information. Mapbox provides an excellent tutorial on this: https://docs.mapbox.com/help/tutorials/add-points-pt-3/. We are now working to understand how to 1: Place our own Kenyan Schools Map Style into the code to replace the Chicago map example & 2: Embed this code into the map page on our Squarespace site. The process we used for our original map without Pop-ups - i.e.-embedding via the iFrames- will not support the Javascript, so it is necessary to embed the complete code. When we insert the code provided by Mapbox's "Chicago Parks" example into a Code block on our test page, we don't see anything. We are able to successfully embed it into the Page Header Code Injection under the "Settings" > "Advanced" > "Page Header Code Injection", but then we see it in the Header and Footer section (see attached screenshot) instead of in a Code block in the body section where we want it. The code that we used, provided by Mapbox for this example, is below my signature. We'd be so grateful to anyone who has experience with successfully embedding an interactive map from Mapbox into a specific page on their Squarespace site and would be willing to share the exact steps here. We are photojournalists and designers, well familiar with Squarespace but only slightly familiar with HTML and Javascript- though always eager to learn. Thanks so very much! Kind regards Kate MAPBOX CODE- CHICAGO MAPS POP UP POINTS EXAMPLE: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Demo: Add points to a web map</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <script src="https://api.tiles.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js"></script> <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css" rel="stylesheet" /> <style> body { margin: 0; padding: 0; } #map { position: absolute; top: 0; bottom: 0; width: 100%; } </style> </head> <body> <div id="map"></div> <script> mapboxgl.accessToken = 'pk.eyJ1Ijoia2F0ZWJsYWNrIiwiYSI6ImNrcjVyenZwazFiY3kyd3BkM2IxdmlubzYifQ.ocj6I03cHMQdA_rLB9GRqw'; const map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/examples/cjgiiz9ck002j2ss5zur1vjji', center: [-87.661557, 41.893748], zoom: 10.7 }); map.on('click', (event) => { const features = map.queryRenderedFeatures(event.point, { layers: ['chicago-parks'] }); if (!features.length) { return; } const feature = features[0]; const popup = new mapboxgl.Popup({ offset: [0, -15] }) .setLngLat(feature.geometry.coordinates) .setHTML( `<h3>${feature.properties.title}</h3><p>${feature.properties.description}</p>` ) .addTo(map); }); </script> </body> </html>

Hi Everyone, I'm using the advanced map block plugin and my map markers are linked to the collection item of a blog post. However, I don't want the markers to be able to link of / click through to the actual blog post. Is there a way to disable this so you're unable to click through to the blog post when a marker is clicked on? Greatly appreciate your help!

Site URL: https://www.lo-slo.co.uk/stockists SO, we have a good 'problem' to solve. Our stockists page is growing and we want the page to be more tidy - 'user friendly', and frankly beautiful. We've see some other example that we like including THIS vendor who shows the logo's of their stockists. Open to ideas and inspiration, so thought I'd post. HELP 🙂

Hey! Sorry if this has been answered elsewhere, I did a search and couldn't see anything. I've created a map for my client via Snazzy maps (he needed something with a lot of location markers so the normal map widget wouldn't suffice). He's now asked if it is possible for the users GPS location to be displayed on the map when someone is on the page. I assume it's not possible as there's no option in snazzy maps itself. But wonder if there's a way around that as it's basically taking google maps and adding a skin to it. Cheers, Ian

Site URL: https://www.smartcompost.nyc/ Hello! I'm using a custom Google Map on my website via the embed data block (iframe). It's sized appropriately for desktop, but when viewed on Mobile, the map extends far beyond the rest of the website, forcing users to pinch and zoom out (per screenshots below). I'm decidedly a novice coder, but is there a simple function I'm missing to have this resized for mobile responsively? I've tried using a script tag outside of the iframe to resize it with no success. Any help would be greatly appreciated, and thanks in advance! xx

Site URL: https://www.centerforpubliclands.org/ I'm trying to redirect this link: https://www.centerforpubliclands.org/project-list/taylor-park-group to this project page: https://www.centerforpubliclands.org/projects-add/taylor-park We have the first link written in some government documents that won't be changed for a long time. The latter page is a project page, so maybe that has something to do with why it's not working.