Integrating an address validation / lookup solution with an eCommerce platform is usually a really easy task, but I struggled with Crafty Clicks and Shopify Plus initially, so I decided to write a blog post about how I did it in the end.
Just add your API key. Most Shopify stores apparently go down this route, so feel free to try this first. This all applies for both the postcode lookup and the address auto-complete functionality.
So, the route I ended going down required me to add the code to the checkout.liquid page – I simply embedded the code just inside of the closing body tag and it worked, as can be seen below.
I also later changed the hide fields value from “false” to “true, which hides the other fields until the postcode has been looked up, which can be seen below.
This is for adding the postcode lookup option. If you want to use the address field auto-complete feature, you apply the same principle and just edit the fields as you need to. The code can also be found on this page. This whole process was super easy and straightforward, once I stopped playing around with the Google Analytics scripts route.
I also then integrated the address lookup functionality into forms on the site (powered by Formstack), which works really nicely. With this, you just add the Formstack auto complete code to the form embed code from Formstack and you’re good to go. To change the fields you again just adapt the values in the script.
Feel free to add any issues below in the comments.