You must have an approved Bolt account before installing Bolt Checkout to your store. Sign up for a free account.
dev@bolt.com
as a user by completing the following fields:
dev@bolt.com
BigCommerce automatically sends dev@bolt.me an email to activate the login.
If the installation fails, please let Bolt know immediately. It’s usually a configuration tweak on Bolt’s end. Bolt will make sure your store profile is set up properly.
insert url here
Leave this tab open to refer back to in part 4.
For Legacy Migrations: Remember to check your theme files and remove/update any references to your previous API keys. For assitance with this step, reach out to your Customer Success Manager.
There are two main product options available for merchant using Bolt’s BigCommerce plugin: Bolt Checkout + Fraud Protection and Bolt Fraud Protection.
Bolt Fraud Protection
.Bolt Checkout
.The Bolt sandbox app is different than Bolt production app. It is not displayed in BigCommerce’s eCommerce App Marketplace and requires a direct link.
https://{your_store_url}/manage/marketplace/apps/22164
The only differences are to use the sandbox URL for Bolt’s connect script embedded on the site and the sandbox publishable key.
<script id="bolt-connect" type="text/javascript" src="https://connect.bolt.com/connect-bigcommerce.js"< data-publishable-key="{PUBLISHABLE_KEY}" data-shopping-cart-id="BigCommerce">
<script id="bolt-connect" type="text/javascript" src="https://connect-sandbox.bolt.com/connect-bigcommerce.js" data-publishable-key="{SANDBOX_PUBLISHABLE_KEY}" data-shopping-cart-id="BigCommerce"> </script>
The following steps are for merchants using the latest Bolt plugin implementation for BigCommerce.
page.html
:
preview.html
cart-preview.html
add-to-cart.html
cart.html
<!--<script
id="bolt-connect"
type="text/javascript"
src="https://connect.bolt.com/connect-bigcommerce.js"
data-publishable-key="gQ8isqpsUR6A.Wr413Y6dCpc5.14736a46de3aa31b19c2e603317d68cd340698e21469e452fda30444094c39b9"
data-shopping-cart-id="BigCommerce">
</script>-->
<!--<script>
var originalCheckoutButton = document.querySelector(".previewCartCheckout .button.button--primary");
var boltButtons = document.getElementsByClassName("bolt-button-wrapper");
for (var i = 0; i < boltButtons.length; i++) {
boltButtons[i].style.display = 'block';
}
originalCheckoutButton.style.display = 'none';
</script>-->
<!--<script>
var config = { childList: true, subtree: true };
var totalClassName = "previewCartCheckout-price";
var totalPrice = "";
var callback = function(mutationsList) {
var elms = document.getElementsByClassName(totalClassName);
if (elms.length == 0) {
return;
}
var newPrice = elms[0].innerHTML;
if (newPrice !== totalPrice && window.BoltCheckout) {
window.BoltCheckout.reloadBigCommerceCart();
}
totalPrice = newPrice;
};
new MutationObserver(callback).observe(document.body, config);
</script>-->
Finally, save and apply all files and Bolt is temporarily disabled. To reenable Bolt, simply uncomment everything.