Skip to content

Bag selection

Easily offer bag selection using the Dynamic Upsell widget. To display the bag options, follow these steps:

  1. Follow the widget implementation instructions.
  2. Use the showUpsell function with the container and allowProducts parameters. For example:

    Gordian.showUpsell({
      container: document.getElementById("upsell-container"),
      allowProducts: ["bags"]
    })
    

    The function parameters mean the following:

    • container: The element ID of the container you want to display the widget within.
    • allowProducts: Use bags to display bag selection. You can only use one type of product per function.

You have now setup the Gordian SDK to display bags with the Dynamic Upsell widget anywhere in your existing customer journey. It may look like the following:

Bag selection widget

Important

Refer to the Dynamic Upsell widget documentation for guidance on integrating the basket and fulfillment.