Preload InLine Cart to increase loading speed

Overview

To reduce checkout load time, you can preload the InLine Checkout in the background on page load or when the customer selects a product.

Use case

1. Add an HTML link or button to your page like the one below.

2. Create a JavaScript click handler to execute the InLine Client desired methods.

3. Use the TwoCoInlineCart.products.add({code, quantity, options}) method to prepare your products.

4. Use the TwoCoInlineCart.cart.preload() method to load the cart in the background.

5. Use the TwoCoInlineCart.cart.reloadCart() method to show the cart on your page.

Sample request

HTML

<a href="#" class="btn btn-success" id="buy-button">Buy now!</a>

JavaScript

window.addEventListener("load", (event) => {
  TwoCoInlineCart.products.add({
    code: "2CO3MONTHS",
    qty: 1
  });
  TwoCoInlineCart.cart.preload();
});

window.document.getElementById('buy-button').addEventListener('click', function() {
  TwoCoInlineCart.cart.reloadCart();
});

Demo (using test mode)