Tutorials | what3words
We use cookies, including third party cookies, to improve your experience and for marketing purposes. By continuing to browse we assume you have consented to their use.Learn more
got it
All tutorials

Ecommerce

easy

This tutorial outlines the steps required to integrate what3words into an ecommerce store. The main aim here will be to include an optional 3 word address field on the store checkout page so that users can add the precise intended destination for their delivery.

Those using Magento 1 or 2, WooCommerce, OpenCart or Shopify Plus can make use of our quick out-of-the-box plugins. For those with custom-built sites or other platforms, the Autosuggest Component is recommended.

You will need a what3words API key to complete this tutorial.

2

Determine whether to use an ecommerce plugin or the AutoSuggest Component

what3words maintains a number of ecommerce plugins to help ecommerce stores get up and running. If your ecommerce store runs on a platform with a what3words plugin available, we recommend taking this route for the easiest setup.

The what3words ecommerce plugins automatically create a what3words input field on your checkout page. This field has inbuilt AutoSuggest functionality, which automatically displays a drop-down list of relevant 3 word address suggestions as the user types. This reduces errors as the user types.

Currently, what3words maintains plugins for:

  • Magento 1 & 2
  • WooCommerce
  • OpenCart
  • Shopify Plus

Take a look at the following tutorial to learn more about setting up these plugins:

Magento 1: https://developer.what3words.com/tutorial/installing-the-magento-1-extension/
Magento 2: https://developer.what3words.com/tutorial/installing-the-magento-2-extension/
WooCommerce: https://developer.what3words.com/tutorial/installing-the-woocommerce-plugin/
OpenCart: https://developer.what3words.com/tutorial/installing-the-what3words-opencart-plugin/
Shopify: https://developer.what3words.com/tutorial/adding-the-what3words-shopify-app/

If your ecommerce store is custom-built or runs on a platform without a plugin, our AutoSuggest Component is the way to go. Almost as easy to integrate as our plugins, the AutoSuggest Component requires copying and pasting a couple of lines of JavaScript code into your checkout page. This will then display a what3words input field, complete with AutoSuggest, where information captured can be linked with your order management system.

Take a look at our tutorial to learn more about integrating the AutoSuggest Component

3

Add country clipping

If suitable we recommend setting up country clipping so that the 3 word address suggestions provided to the user are within the delivery country.

In our plugins and with the AutoSuggest Component this can be done by either selecting a fixed country or by linking the country clipping to the users delivery country field.

Related tutorials

Back to top