Installing BlueCheck on BigCommerce

installing the verification script 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 \<! bluecheck av start here > \<noscript>\<meta http equiv="refresh" content="0;url=https //verify bluecheck me/noscript">\</noscript> \<script src="https //verify bluecheck me/platforms/bigcommerce/js/ageverification js?domain token=your domain token here">\</script> \<! bluecheck av end here > optimized one page checkout 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 custom one page checkout 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 express checkout on mobile 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 installing the 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 log into the bluecheck merchant portal and go to the installation page 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