WordPress Installation | Documentation

Our maps are compatible with WordPress, the popular open source content management system. There are three ways you can install the maps:

• Option A: Using the WordPress plugin
• Option B: Using SimpleMaps file hosting
• Option C: By manually self-hosting the files

Install with our WordPress plugin (Option A)

1. Log in to WordPress and select the "Plugins" button and click "Add New".

   

2. Locate the search bar and type "Simplemaps". Click the "Install now" button.

   

3. When the installation is complete, click "Activate".

   

4. Go to settings and click on "Simplemaps".

   

5. Upload the files.

   Using the plugin, upload the worldmap.js and mapdata.js files.

   

6. Paste [simplemaps] into the post/page where you want the map to be located.
   

   This shortcode will be replaced by the plugin with your map when you publish/preview the post.

   

Install manually using SimpleMaps file hosting (Option B)

1. After completing your order, click the “customize online” button.

   

2. Once you finish customizing your map, Click "Options" and then "Map Hosting".

   

3. Copy the embedded code
   

   

4. On WordPress, create a new post/page where you want the map to be located.

   

5. Click Custom HTML and paste the code saved in Step 2.

   

6. Publish your map.
   

   

Install manually self-hosting files (Option C)

1. Upload the files to your server
   Upload the worldmap.js and mapdata.js files to your server. You can do this using an FTP client. If you have not done this before, your web host should be able to provide you with instructions. Since these are script files, you cannot use WordPress to upload them like you would an image in a blog post.
2. Copy down the urls where you uploaded these files
   Copy down the urls where you have uploaded the worldmap.js and mapdata.js files. For example, the urls might look something like http://yoursite.com/uploads/mapdata.js and http://yoursite.com/uploads/worldmap.js. If you uploaded the files properly, navigating to these urls in the browser should display JavaScript code.

3. Create a new post on WordPress.

   

4. Click Custom HTML and paste the following code where you want the map to be located.

   

   <script type="text/javascript" src="http://yoursite.com/uploads/mapdata.js"></script>
   <script type="text/javascript" src="http://yoursite.com/uploads/worldmap.js"></script>
   <div id="map"></div>
   

   where http://yoursite.com/uploads/mapdata.js and http://yoursite.com/uploads/worldmap.js are the urls you saved in Step 2.
5. Publish you map