***

title: Hosted Fields
icon: palette
intro: Introduction to Hosted Fields.
published: true
---------------------

For clean Markdown of any page, append .md to the page URL. For a complete documentation index, see https://docs.payroc.com/essentials-guides/llms.txt. For full documentation content, see https://docs.payroc.com/essentials-guides/llms-full.txt.

Use our Hosted Fields solution to add payment fields to your checkout page. You control the look and feel of the checkout page, but we host the fields to make them more secure. By integrating with Hosted Fields, you allow the merchant to:

* Accept payments from cards and bank accounts.
* Keep the design of their checkout page.
* Reduce their PCI-DSS compliance requirements.

## How it works

Use our Hosted Fields solution to create a form that the customer uses to enter their payment details. After the customer submits their payment details, we generate a single-use token that represents the details.

![Hosted Fields diagram](https://files.buildwithfern.com/https://payroc.docs.buildwithfern.com/78cf498382b725f698a814114702fcda4ef5557ed4d83b1cd5149ffe00e0f49b/docs/sections/guides/images/hosted-fields-howitworks.png)

## Your integration journey

1. **[Authenticate your session](/guides/take-payments/hosted-fields/authenticate-your-session)** - Create a session token to authenticate your integration each time you load Hosted Fields on a webpage.
2. **[Create a payment form](/guides/take-payments/hosted-fields/create-a-payment-form)** - Use our HTML and our Hosted Fields JavaScript Library to create a payment form.
3. **[Run a sale](/guides/take-payments/hosted-fields/run-a-sale)** - Use the single-use token to run a sale.

### Extend your integration

After you integrate with Hosted Fields to run a sale, you can extend your integration with additional features, for example:

* Customize your payment form.
* Close a session.
* Save a customer's payment details.

For more information about how to add these features to your integration, go to [Extend your integration](/guides/take-payments/hosted-fields/extend-your-integration).