Bluepark Integration Guide
Integration with Bluepark address forms made simple
A step-by-step guide to integration with Bluepark address forms.
Preparation
Download
Download one of our Bluepark plugins from the plugins page. We offer plugins for Address Auto-Complete (global address lookup for over 240 countries) and Postcode Lookup (UK only). The plugins are free to download.
Installation
Select the plugin you would like to install.
Install Address Auto-Complete
Step 1
Copy and paste your access token to line 13 of cc_c2a_bluepark.js (in place of xxxxx-xxxxx-xxxxx-xxxxx).
In your BluePark admin panel go to Site File Manager. In the ‘uploads’ directory, upload cc_c2a_bluepark.js
Step 2
In your Bluepark admin panel go to Blocks Block Manager, and add a new block:
- Block title: Crafty Clicks
- Untick “Show block title” and “Apply block style”
- In the ‘Block Editor’ on the left hand side, click on the ‘Source’ button. Now paste this in the body:
<script type="text/javascript" src="https://cc-cdn.com/generic/scripts/v1/cc_c2a.min.js"></script>
<script type="text/javascript" src="/user/uploads/cc_c2a_bluepark.js"></script>
Click the save button to save the new block.
Step 3
In your Bluepark admin panel go to Site Layout Manager, and select ‘Checkout Page’. In the ‘Center Blocks’ tab enable the Crafty Clicks block by clicking on the flag.
Note: If you have different blocks for mobile devices (‘Define mobile blocks’ is checked) you will need to enable the Crafty Clicks block in the ‘Mobile Blocks’ tab as well.
Do the same for the ‘Account Page’.
Configuration (optional)
On lines 13 – 32 of cc_c2a_bluepark.js you will find some configuration settings. You will need to upload any changes again as per step 1.
Install UK Postcode Lookup
Step 1
Copy and paste your access token to line 20 of bluepark_crafty_postcode.js (in place of xxxxx-xxxxx-xxxxx-xxxxx).
In your BluePark admin panel go to Site File Manager Uploads and upload bluepark_crafty_postcode.js.
Step 2
In your Bluepark admin panel go to Blocks Block Manager, and add a new block:
- Block title: Crafty Clicks
- Untick “Show block title” and “Apply block style”
- In the ‘Block Editor’ on the left hand side, click on the ‘Source’ button. Now paste this in the body:
<script type="text/javascript" src="/user/uploads/bluepark_crafty_postcode.js"></script>
Step 3
In your Bluepark admin panel go to Site Layout Manager, and select ‘Checkout Page’. In the ‘Center Blocks’ tab enable the Crafty Clicks block by clicking on the flag.
Note: If you have different blocks for mobile devices (‘Define mobile blocks’ is checked) you will need to enable the Crafty Clicks block in the ‘Mobile Blocks’ tab as well.
Do the same for the ‘Account Page’.
Configuration (optional)
On lines 22 – 28 of bluepark_crafty_postcode.js you will find some configuration settings. You will need to upload any changes again as per step 1.
Questions
- Do you offer support? Yes, we do offer support during normal business hours in the UK. If you run into any issues, let us know and we will be happy to help.
- Is this free? The extension is free to download and try, but to use it on a live site you will need a paid account with us.
- Do I need to sign up for an account to try it? Yes, you’ll need a trial account, at least. You can easily sign up for a free trial account.