> For the complete documentation index, see [llms.txt](https://firstoken.gitbook.io/api-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://firstoken.gitbook.io/api-docs/guides/implementing-hosted-iframes.md).

# Implementing Hosted Iframes

### Introducing Captures

Captures allows you to capture card payments data directly from your website securely and quickly.

In this document learn how to embed a Captures Iframe in your Web page, how to configure what type of sensitive data you need to capture and how to style an iframe element to make a customized and personalized payment flow.

### Links of interest

{% content-ref url="/pages/fglpIW51Y2RxQFcVauN8" %}
[How Captures works](/api-docs/guides/implementing-hosted-iframes/how-captures-works.md)
{% endcontent-ref %}

{% content-ref url="/pages/VZJp1kQ7njBFHz34TINo" %}
[Generating a JSON Web Token](/api-docs/guides/implementing-hosted-iframes/generating-a-json-web-token.md)
{% endcontent-ref %}

{% content-ref url="/pages/By2U5Mjk8F7z1ruHDqGv" %}
[JSON form Schema](/api-docs/guides/implementing-hosted-iframes/json-form-schema.md)
{% endcontent-ref %}

{% content-ref url="/pages/HsueWrrtX6yBbgwr4lzX" %}
[Iframe Communication](/api-docs/guides/implementing-hosted-iframes/iframe-communication.md)
{% endcontent-ref %}