App reviews, troubleshooting, and recommendations
I would like to enable buyers to customize products with interactive street maps, allowing them to choose specific locations and styles for their map designs.
Ideally I would like my customer to be able to enter a postcode (or place) and the product image then shows the map centred around this location in a certain map style (pre-designed by myself - I know how to use Google Maps styling enough for my needs). And also, let them to be able to zoom in and out to a certain extent to show prescribed levels of detail. I then need to be able to download the image (of the map) that they have created - similar to the attached.
Can anyone recommend an app please? Or how this may be achieved?
Thanks
Hi @AnnaKennedy
Recommended Apps and Solutions
1. Customily Product Personalizer
This app is one of the best for customizable products, including map designs. It allows customers to input text or locations and view live previews. You may need to integrate a custom map API for advanced mapping features.
2. Zakeke Product Customizer
A powerful app that supports live previews and customization options. You can integrate Google Maps or similar services to allow customers to select locations, zoom, and adjust styles.
Zakeke on Shopify
3. Custom Product Options by HulkApps
While more basic, this app could be used with additional scripting or custom integrations to handle map styling and interaction.
Custom Product Options
How to Implement Map Customization Features
1. Map Styling and Integration
Use the Google Maps API or an open-source mapping service like Mapbox to create styled maps.
Set up predefined styles using Google’s Styling Wizard or Mapbox’s Studio.
Add location selection, zoom functionality, and centering options based on customer input.
2. Customer Interaction
Embed the interactive map into the product customization interface using the app of your choice.
Provide fields for users to enter a postcode or place.
Use the API to fetch and display the location with the customized styling.
3. Export Map Design
After the user finalizes their map, use the API to capture the design as an image (e.g., via Google Maps Static API or Mapbox’s static image service).
The exported image can then be attached to the order for printing or further processing.
Advanced Custom Development
If existing apps don’t meet your exact needs, consider hiring a developer to create a custom Shopify app or script. The developer can:
Ensure the customized map image is saved for download or linked to the customer’s order.
Suggested Workflow for Your Use Case
Let me know if you'd like further help setting up one of these apps or exploring custom development options!
What you're looking for is : https://apps.shopify.com/posterly
I'm pretty sure it match your exact needs 🙂
Enjoy
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025