All tutorials

E-Commerce

easy

This tutorial outlines how to integrate what3words into an e-commerce store to include an optional 3 word address field on the store checkout page so that users can add the exact destination for their delivery.

Those using Magento 2, WooCommerce, OpenCart, Shopify Plus & Basic, Ecwid, BigCommerce, Shopware 6 and Haravan 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.

1Get API key
2Determine whether to use an ecommerce plugin or the AutoSuggest Component

what3words offers a variety of e-commerce plugins to streamline the integration of 3 word addresses into your checkout process. These plugins automatically add an optional what3words input field to your checkout page, complete with built-in AutoSuggest functionality. As users type, the AutoSuggest feature provides a drop-down list of relevant 3 word address suggestions, helping to minimize errors and reduce incorrect submissions.

Currently, what3words provides plugins for the following platforms, each with detailed setup instructions:

If your e-commerce platform isn’t listed, you can still integrate what3words using our AutoSuggest Component. Simple to implement, this component requires just a few lines of JavaScript to add the what3words input field with AutoSuggest functionality to your checkout page. The data captured can then be linked to your order management system.

For more details, check out our AutoSuggest Component tutorial.

3Add 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 user’s delivery country field.

Related tutorials