# Embeddable Component

The Intergiro Checkout component can tokenize cards, handle 3d Secure and create orders.

The attributes to Intergiro Checkout.

Field Type Description
currency Currency Currency of the order
items number, Item or Item[] Amount or items ordered
api-key <public.api.key>
features "contact" | "transfer" | "contact transfer" See features
cosmetics Cosmetics
number string order number

Below is a simple example of how to implement and how it will display.

<!DOCTYPE html>
<html>

<head>
  <script type="module" src="https://merchant.intergiro.com/ui/index.esm.js"></script>
  <script nomodule src="https://merchant.intergiro.com/ui/index.js"></script>
  <link href="https://merchant.intergiro.com/theme/intergiro/index.css" rel="stylesheet">
</head>

<body style="width: 100%; max-width: 20em; margin-left: auto; margin-right: auto;">
	<main>
		<form action="<url-to-done-page>" method="get">
			<intergiro-checkout items=150 currency="EUR" api-key="<public.api.key>">
			</intergiro-checkout>
		</form>
	</main>
</body>

</html>
Row