Skip to main content
knowledgecenter.2checkout.com

Set the item external reference in the InLine Cart

Overview

Use the Product object to set item external reference by setting the externalReference property.

Use case

  1. Add an HTML link or button in your page like the one below.
  2. Create a JavaScript click handler to execute the Inline Client desired methods.
  3. Set dynamic mode usingTwoCoInlineCart.setup.setMode('DYNAMIC').
  4. Use theTwoCoInlineCart.products.add({name, quantity, price, options, externalReference})method to prepare your dynamic product.
  5. Use theTwoCoInlineCart.cart.checkout()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.document.getElementById('buy-button').addEventListener('click', function() {
  TwoCoInlineCart.setup.setMode('DYNAMIC');
  TwoCoInlineCart.cart.setCurrency('USD');
  TwoCoInlineCart.products.add({
    name: "A test dynamic product",
    price: 10,
    externalReference: 'test-item-external-ref'
  });
  TwoCoInlineCart.cart.checkout();
});

Demo

After setting the item external reference in the InLine cart using the above method, your cart should look like this: