---
title: "Customizing Your Hosted Page"
source_url: https://docs.rapyd.net/en/customizing-your-hosted-page.html
lang: en
---

# Customizing Your Hosted Page

Set the look and feel of your page to match your brand.

You can customize your hosted page, and set the look and feel that will apply to all applicable Rapyd platform Hosted pages.

## How to Customize Your Hosted Page

1. Sign into Client Portal and navigate to  **Settings** > **Branding**.

   ![64808935a4846.png](image/img-55012b8d47d5195bef49567bafe56dc1.png)

   > **Tip:**
   >
   > The Preview bar, located above the preview window, will display a preview of your Hosted Checkout page branding. You can toggle between the Hosted Checkout Page, Hosted Subscription Checkout Page, Save Card Details Page, and Beneficiary Account Details Page. Branding settings affect all Hosted pages including Rapyd Collect, Disburse, and Issuing.
2. On the **Brand elements** pane on the left side of the page, tap the **Upload logo** icon and upload an image file (png, jpg, jpeg, gif) containing your company logo.
3. Tap the **Brand color** field to select the color of the buttons on the display.

   ![6480893866d87.png](image/img-7722799010b06b2d177f6392e4b38319.png)
4. In the **Fallback URL** field, enter the URL of the page that appears when the process is completed or canceled when  `complete_checkout_url` or `cancel_checkout_url` is not specified.

   ![6480893b5b1cb.png](image/img-0bce308cc945bd10b371d96b85789fc2.png)

   > **Tip:**
   >
   > Other Hosted pages may have different fields such as  `complete_url` and `cancel_url`
   >
   > - Beneficiary Tokenization Page
   > - Rapyd Verify Hosted Page
   > - Hosted IDV Page
   > - Hosted Page Card Token Object
5. Remove any Payment Methods you will not accept (Hosted Checkout only).

   - Bank - Includes Bank Redirect and Bank Transfer
   - Card
   - Cash
   - eWallet

   ![6480893d4f0f8.png](image/img-b0f5694957696fbe92abdf493dea359e.png)
6. Choose your button text from the drop down (Hosted Checkout only).

   ![6480893f777ab.png](image/img-e0c2592f3c2e440999eecc28439778d9.png)
7. **(Optional) Customer Support Details** - You can add your customer support contact information to be displayed on your hosted pages.

   ![648089417198f.png](image/img-e59c6e7d37421bc8206e78685571a17e.png)
8. Tap the **Save changes** button at the upper right corner of the screen.

   ![customize-hosted-page-flow-7.png](image/img-510969860550d221a98d6fce8dbeb410.png)

## Preview Your Hosted Page

1. On the Branding page, switch between the mobile icon or desktop icon to view the preview of your hosted page.

   ![64808943a2ec8.png](image/img-04b8e50bfdd56088bb4fd29dd6608a17.png)