The Autoaddress jQuery plugin can be easily integrated into a Bigcommerce site through the stores script manager.
To integrate Autoaddress into Bigcommerce, the following is required:
- A Bigcommerce site
- An Autoaddress Licence Key (contact firstname.lastname@example.org for further info)
Step 1: Open Bigcommerce Script Manager
After logging into the Bigcommerce Dashboard, navigate to the "Storefront" menu item on the left (as shown below):
Next, select the "Script Manager" item that appears under "Storefront" (as shown above). This will open Bicommerce's Script Manager:
Next click the "Create Script" button:
Step 2: Configure Script Settings
On the Create Script page, set the values as follows:
Name of script: Autoaddress Configuration
Location on page: Head
Select pages where script will be added: Checkout
Script Category: Essential
Script Type: Script
After selecting "script" as the script type, an input box will appear on the form. Copy the below code into the input box:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://api.autoaddress.ie/2.0/control/js/jquery.autoaddress.min.js"></script> <script src="https://api.autoaddress.ie/2.0/integrations/Bigcommerce/bigcommerce.min.js"></script> <script> var licenceKey = "Your_Licence_Key"; var addressProfile = "BigCommerce_Default"; var language = "en"; var geographicAddress = false; var vanityAddress = true; </script>
Next, enter the licence key provided by Autoaddress and replace the text Your_Licence_Key with the key value, making sure to keep the quotation marks.
Finally, click the "Save" button to save the script.
The checkout form will now have the Autoaddress control function in both the shipping and billing address forms.