Checkout card

This widget is designed to be used after the payment has been processed. At this point, we need to have the user pay for their insurance. The checkout card offers a branded way to have the users go to the Evy checkout UI app.

Component display

Constructor

The Evy.components.checkoutCard factory creates new instances of the components. The instances should be then passed to the evy context object using the addComponents method.

This component requires a link to the Checkout UI. This link is the payment_url in of the create order intent response. This method is called after processing the cart payment in your shop backend.

The factory takes parameters using an object with the following keys.

Parameter	Type	Description
product	`{productId: string, categoryId: string, price: number}`	The product description
container	`string`	The CSS selector indicating where to insert the component
link	`string`	The link to the Checkout UI

Example

const checkoutCard = Evy.components.checkoutCard({
  product: { productId: 'product-2516', categoryId: '2538', price: 13500 },
  container: '#evy-checkout-card',
  link: 'https://checkout.evy.eu/A87F94F2-46F0-49FF-8CF0-8CDB3F8BF9F8',
});

evy.addComponents([checkoutCard]);