# Embedding in your website
Embedding the intergiro-checkout
tag is the simplest way to create and authorize orders made by your customers.
This tag will also automatically manage the 3DS process with your customer.
# Use cases
# Checkout tag
The intergiro-checkout
tag can accept following attributes
Field | Type | Description |
---|---|---|
currency | Currency | Currency of the order |
items | number , Item | Item[] | Amount or items ordered |
api-key | <public.api.key> | Public API key provided by Intergiro for your merchant. Never embed the private key here. |
cosmetics | Styling | |
number | string | Order reference optionally provided by merchant |
charge | "auto" | On success, this order will be immediately charged. |
contact | Customer | Customer information |
callback | string | Callback url |
Example:
<!DOCTYPE html>
<html>
<head>
<script type="module" src="https://merchant.intergiro.com/intergiro-ui.esm.js"></script>
<script nomodule src="https://merchant.intergiro.com/intergiro-ui.js"></script>
<link href="https://theme.intergiro.com/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" charge="auto" api-key="<public.api.key>">
</intergiro-checkout>
</form>
</main>
</body>
</html>