# Hosted Checkout Page vs Toolkit Integration Features

**URL:** https://community.rapyd.net/t/hosted-checkout-page-vs-toolkit-integration-features/1515
**Category:** ⚙️ API
**Tags:** collect-api
**Created:** [March 10, 2022, 9:37pm UTC](https://community.rapyd.net/t/hosted-checkout-page-vs-toolkit-integration-features/1515 "2022-03-10T21:37:09Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Community\_Team](https://avatars.discourse-cdn.com/v4/letter/c/46a35a/32.png) [@Community\_Team](https://community.rapyd.net/u/Community_Team)
#### Post date: [March 10, 2022, 9:37pm UTC](https://community.rapyd.net/t/hosted-checkout-page-vs-toolkit-integration-features/1515/1 "2022-03-10T21:37:09Z")

</div>

The [Checkout Overview page](https://docs.rapyd.net/build-with-rapyd/docs/rapyd-checkout-overview) has a table comparison between the Hosted Checkout Page (HCP) and the Checkout Toolkit Integration. Here is an extended view of the features of the HCP & Toolkit.

## Hosted Checkout Page (Full Page) vs Toolkit Integration

| | Full Page | Toolkit |
| --- | --- | --- |
| **Integration** | Quick and requires minimal dev efforts, making this solution perfect for SMBs | Additional efforts with developers required for integration. |
| **Customization** | Page [customization available via the Client Portal](https://docs.rapyd.net/client-portal/docs/customizing-your-hosted-page) | White-label solution with extensive [customization options, using css styling](https://docs.rapyd.net/build-with-rapyd/docs/checkout-toolkit#checkout-toolkit-customizations). |
| **Experience** | User is being redirected to a Rapyd new page, with completion or error urls to redirect the user back to. | Provides a more seamless experience with relatively low effort—users are not being redirected to a new page, but rather stay within the client’s website. |
| **Use Case** | Integrate the checkout page for your user workflow with a single API call with the [Checkout Page Object](https://docs.rapyd.net/build-with-rapyd/reference/checkout-page-object).   
  
 Generate a [one-time checkout payment](https://docs.rapyd.net/client-portal/docs/request-a-payment) link in the Client Portal, or multiple links with the [Mass Invoice tool](https://docs.rapyd.net/client-portal/docs/mass-invoices). | You generate a checkout request and keep the user on your website by embedding the checkout page with the relevant code provided by Rapyd.   
  
 You can add `window.addEventListener` that runs when events occur to keep the user on the relevant page as described in [Steps for Creating Your Checkout Page](https://docs.rapyd.net/build-with-rapyd/docs/checkout-toolkit#steps-for-creating-your-checkout-page). |