<div class="container">
  <div class="row justify-content-md-center mt-5">
    <div class="col-12">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Checkout catalog products with custom prices using the signature in InLine Cart</h5>
          <p class="card-text">
            Click the button bellow to open the Inline Cart.
          </p>
          <a href="#" class="btn btn-success" id="buy-button">Buy now!</a>
        </div>
      </div>
    </div>
  </div>
</div>
window.document
  .getElementById("buy-button")
  .addEventListener("click", function() {
    // Sign the 
    TwoCoInlineCart.products.removeAll();
    TwoCoInlineCart.products.addMany([
      {
        code: "74B8E17CC0",
        price: {
          EUR: 8,
          USD: 10
        }
      }
    ]);
    TwoCoInlineCart.cart.setCurrency('USD');
    TwoCoInlineCart.cart.setSignature('046e6c41060d29cab6e53a14743fc887f8b05c40068273e536d4c0c01ce511d2');
    TwoCoInlineCart.cart.checkout();
  });

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

  1. https://codepen.io/2checkout-documentation/pen/ExgyVba.js