Installing BlueCheck on BigCommerce
The verification script triggers the verification process during the checkout process and is used to launch the verification modal if it is required. Depending on what type of checkout you are using the installation instructions will be slightly different.
The script you will be adding is below. It is the same script regardless of checkout type.
- Duplicate You Current Theme
- From you stores dashboard navigate to Storefront -> My Themes
- Under your current theme, select Advanced and then Make A Copy.
- Click Save A Copy in the resulting window. You have no created a copy of your current theme.
- Add The BlueCheck Script To The New Theme:
- Select the new theme you made above and then click Customize and then Edit Theme Files on the left hand sidebar.
- From the File Editor page look for the Checkout folder or the Checkout.html file, typically located under templates -> core OR templates -> pages. Click into the Checkout.html file.
- Scroll down to the bottom of the code and find {{{ checkout.checkout_content }}}. Insert the script below that text. Make sure to replace "YOUR_DOMAIN_TOKEN_HERE" with your domain token which can be found on the Installation page of the Merchant Portal. Save the edited file.
- Navigate to Storefront -> My Themes from the dashboard. Apply the new theme you created earlier with the BlueCheck script added and BlueCheck verification script will be installed. If you wish to unistall, just switch back the original theme.
Now that that the script has been installed, you can also install the optional secondary check.
Note: Note: If there is not an option for Checkout Template Files, you will need to manually access the page by changing your URL. Replace everything after the store URL with "/manage/storefront-manager/template-files". For example, https://example.com/manage/storefront-manager/template-files
- Finding the ExpressCheckoutConfirmation.html file.
- From your dashboard navigate to Storefront -> Checkout Template Files and then click the three dots on the right to edit.
- Find the ExpressCheckoutConfirmation.html file. If you do not see it you can search using ctr/cmd + F. The file should show under Other Template Files in the left sidebar.
- Adding the script.
- Click ExpressCheckoutConfirmation.html to open it. At the bottom of the file you should see a </form> tag. Insert the script at the top of the page into the file below this tag.
- Replace "YOUR_DOMAIN_TOKEN_HERE" with your domain token which can be found on the Installation page of the Merchant Portal. Save the edited file.
Now that that the script has been installed, you can also install the optional secondary check.
- Set up Mobile Template Files
- Ensure that you have mobile themes enabled. This can be done from Storefront -> Mobile Theme Settings.
- Download the Mobile Template Files and unzip the folder. Within the Snippets folder you should find the ExpressCheckoutConfirmation.html file.
- Adding the Script and Uploading the New File.
- Open the ExpressCheckoutConfirmation.html file in a text editor and and find the </form> tag at the bottom of the file.
- Insert the script below that text. Make sure to replace "YOUR_DOMAIN_TOKEN_HERE" with your domain token which can be found on the Installation page of the Merchant Portal. Save the edited file.
- From your BigCommerce dashboard navigate to Server Settings > File Access (WebDAV). Access your BigCommerce store using the WebDAV credentials provided.
- Once logged in locate mobile_template -> Snippets. Upload the ExpressCheckoutConfirmation.html file that you edited in Step 2 to the Snippets folder in WebDAV. After the upload is complete BlueCheck will be installed for mobile.
Now that that the script has been installed, you can also install the optional secondary check.
The instructions for installing the secondary check are the same no matter which type of checkout you are using.
- Create an API Account
- From your BigCommerce site click Advanced Settings -> API Accounts. Create a new API account for using BlueCheck. Do not edit API Path that is automatically generated by BigCommerce. The OAuth scopes should be set as follows:
- Content: modify
- Information & Settings: read-only
- Orders: modify
-
- Click the Save button. A file will be automatically created by BigCommerce that contains the Access Token, Client ID, Client Secret, Name, and API Path. Save the created file.
- Store the information on the Merchant Panel
- Choose BigCommerce from the Platform selection dropdown. You may have to unselect BigCommerce and select it again in order to generate the input fields necessary for the next step.
- Enter the info from the file you saved after creating the API Account into the corresponding input boxes. Click the Save button.
The secondary check is now installed.