<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">Pricing option for catalog product</h5>
          <p class="card-text">
            Click the button bellow to open the Inline Cart with pricing options set.
          <a href="#" class="btn btn-success" id="buy-button">Buy now!</a>
window.document.getElementById('buy-button').addEventListener('click', function() {
    code: "74B8E17CC0",
    quantity: 3,
    options: [
        name: 'TEST_GROUP_11234',
        value: '11234'
        name: "DEMO_NUMBE_OF_PCS",
        value: "premiumversion"
        name: "DEVICES_5",
        value: "two_devices"

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