There are a lot of reasons why you might want to add a map to your Wix website. You might want to display where you’ve traveled, the locations of the different offices for your business or who to contact on a certain state or region.
Creating your Map
After you download the zip file from codecanyon with the Interactive Maps Generator, unzip it and open the index.html file. Make sure you unzip the file, because if you open the index file from within a zipped folder, the generator won’t work properly. Once you have the generator working, follow the instructions on screen. Here’s a quick youtube video going showing you how to do it.
You’ll be able to select which map to display, if you want to colour regions or add markers, set an action for the click events and customize the map colours. You might need to generate a Google API key, depending on the type of map you’re building.
Get the Embed Code
This is the code you’ll add to your Wix website.
Paste the embed code on your Wix website
When you’re editing the page where you want to add your map, you can click the ‘Add’ option on the left side of the Editor. Click on the option ‘More’ and select the ‘HTML Code’ option. When the window for the HTML settings display, select the ‘Code’ option and add the map code you previously copied to the text area.
Once you update the code, you should be able to see the map and interact with it when the page is published or in preview mode.
Some examples of maps that you can create with the Generator.
US Map divided by states
World Map with Markers
Feel free to contact me leaving a comment below for any pre-purchase questions or write me through codecanyon, once you have the script.
Web developer based in Porto, Portugal, working mostly with WordPress.
Disclosure: Some of the links in this blog are ‘affiliate links.’ This means if you click on a link to a commercial product and purchase the item, I will receive an affiliate commission.