Step 1: Download the Dimappa WooCommerce Plugin
You can download the latest version of our free plugin here:
Step 2: Upload the plugin in your Wordpress website
Login to your Wordpress Admin Dashboard and navigate to Plugins > Add Plugin.
Click on Upload Plugin, upload the Zip file that you downloaded in step 1 and click Install Now.
Click on Activate Plugin.
Step 3: Add your Dimappa API Key to the plugin settings
Sign in to your Dimappa account. If you have not created an account yet, take 2 minutes and start your 14-day free trial.
Once logged in, go to the Integration page in your Dimappa Admin.
Click on Add key.
Name your API Key however you like, then copy the key value.
Navigate to the WooCommerce dropdown menu and select Dimappa.
Paste the API Key in the Dimappa Settings page and click Save Settings.
Step 4: Testing
Once you have inserted your API Key, the Dimappa map will automatically be embedded in your website's checkout page:
After selecting a location in the map and confirming your order, you will find the location data in the WooCommerce order page.
Step 5: Setup Delivery Zones and Rates (Optional)
If you wish to setup delivery zones for your map and charge flat delivery fees in WooCommerce please follow these steps.
Login to your Dimappa account and navigate to the Zones & Rates page, where you will first create your delivery zones and set the rates for each one.
Then, navigate to the Dimappa settings page in your Wordpress website and click the checkbox to Enable Dynamic Shipping.
Navigate to the Shipping settings of your WooCommerce store and click on Add Zone.
Name your zone "Dimappa Delivery", then within your zone, create a flat rate shipping method named "Dimappa Delivery" with a price of $0.
Ready! Now your shipping rates will be calculated in your checkout page based on the location that the customer selects.
Remember, if you run into any trouble while setting up your map, please do not hesitate to contact us.