Steps for enabling the Always Available Checkout Button vary depending on the cart platform used.

Custom Cart Platform

Custom carts must call BoltCheckout.configure() with parameters based on whether there are items in the cart and if an item was just added to cart.

Option 1: Item is Added to Cart

Use the following call to display the Always-Available Checkout Button when a Shopper adds the first item to their cart. This call also animates the mini-cart to signify an item was added.

BoltCheckout.configure(cart, hints, callbacks, {floatingButtonMode: “show_cart”})

Option 2: Items are Pre-existing in Cart

Use the following call to display the Always-Available Checkout Button with the mini-cart hidden until a shopper hovers over the button.

BoltCheckout.configure(cart, hints, callbacks, {floatingButtonMode: “show_car_on_hovert”})

Disable

To disable the Always Available Checkout Button, do not call Bolt.Checkout.configure().

BigCommerce

1. Complete the Checkout Button steps in Bolt’s Checkout Integration Guide.
2. Add the attribute data-bc-feature-enable="always_present_checkout" to the script tag where you inject connect.
3. Update connect-bigcommerce.js with the data-bc-feature-enable attribute to every page you want to show the always present button on.

Disable

To disable the Always Available Checkout Button, remove data-bc-feature-enable attribute from connect script tag.

Magento 2/Adobe Commerce

1. Update the Bolt plugin to version 2.8.0 or greater.
2. Navigate to Stores > Configuration > Sales > Checkout > Shopping Cart Sidebar.
3. Disable M2 Side cart - M2 mini cart.
4. Navigate to Bolt Settings > enable Minicart.
5. Enable Always Present Checkout Button.
6. Configure Total Monitors Selectors in Settings to be span.counter-number.
7. Configure Replace Button Selectors to be #top-cart-btn-checkout.
8. Enable the feature switch M2_INSTANT_BOLT_CHECKOUT_BUTTON in admin dashboard.

Disable

To disable the Always Available Checkout Button, turn off the feature switch in Admin Dashboard.