# Kustom Elements

## What are Kustom Elements?

Kustom Elements are lightweight web components that let you add Kustom features to your storefront without building heavy integrations. Each element is a simple HTML tag that you embed where you want it — product pages, landing pages, cart, or footer — with minimal styling so it fits your layout. Use them to show available payment methods, display delivery options, or add express checkout buttons.

## Why use Elements?

- **Low effort** — Add an installation script and drop the element tags into your HTML. No deep backend work required.
- **Flexible placement** — Use elements anywhere across the purchase journey where it helps conversion.
- **Lightweight** — Small footprint, minimal impact on page load.


## How integration works

Integrating Elements has two steps:

1. **Installation** — Add the Elements script to your site header. This script registers the components and connects them to your merchant account. You get the script from the Kustom Portal and configure your allowed domains.
2. **Usage** — Add the element tag (for example, `<kustom-payment-method-display>`) in your HTML or templates where you want the component to appear. The installation script detects the tag and renders the element.


Most elements can be used with just the HTML tag. Some, like the Express Button, also require a JavaScript API call to configure the order and handle callbacks.

## Next steps

- [Installation](/contents/checkout/kustom-elements/integration-guide/installation) — Set up the Elements script on your site
- [Usage](/contents/checkout/kustom-elements/integration-guide/usage) — Add and configure elements in your pages
- [Payment Method Display](/contents/checkout/kustom-elements/elements/payment-method-display) — Show available payment methods