---
title: "Customize HOP appearance"
description: "Customize your Hosted Onboarding Page to fit the look and feel of your own website."
url: "https://docs.adyen.com/classic-platforms/onboard-users/hosted-onboarding-page/hop-appearance"
source_url: "https://docs.adyen.com/classic-platforms/onboard-users/hosted-onboarding-page/hop-appearance.md"
canonical: "https://docs.adyen.com/classic-platforms/onboard-users/hosted-onboarding-page/hop-appearance"
last_modified: "2026-06-01T15:33:15+02:00"
language: "en"
---

# Customize HOP appearance

Customize your Hosted Onboarding Page to fit the look and feel of your own website.

[View source](/classic-platforms/onboard-users/hosted-onboarding-page/hop-appearance.md)

This page is for classic Adyen for Platforms integrations. If you are just starting your implementation, refer to our [new integration guide](/adyen-for-platforms-model) instead.

You can customize your Hosted Onboarding Page (HOP) to fit the onboarding style of your platform.\
In [Customer Area](https://ca-test.adyen.com/), you can configure how the page is displayed, including:

* [Enabling the header.](#customize-HOP-appearance)
* [Adding a logo.](#add-name-logo)
* [Adding a background image or change its color.](#change-background)
* [Adding an FAQ URL that links back to your platform.](#add-faq-url)

You can further [customize the onboarding experience](/classic-platforms/onboard-users/hosted-onboarding-page/customize-experience), like making the flow more modular, through a set of parameters in [/getOnboardingUrl](https://docs.adyen.com/api-explorer/Hop/latest/post/getOnboardingUrl).

## Enable the page header

You can decide whether to use a navigation header on your HOP, which also changes the position of the logo if you have added one.

To change the header settings, you must have the **Manage HOP settings** role enabled for your Customer Area user. If you do not have the role, contact your Admin user.

1. Log in to your [Customer Area](https://ca-test.adyen.com/) and select **Platform** > **Configure** > **Hosted Onboarding**.

2. Select one of the following options:

   * **With default header**: The logo appears in the top-left corner, and the language selection and the **Help** button appears in the header of the page.
   * **Without header**: The logo appears at the top center, and the language selection and the **Help** button appears at the bottom of the page.

## Add your logo

You can add a customized logo shown to your HOP.

To add or change the logo, you must have the **Manage HOP settings** role enabled for your Customer Area user. If you do not have the role, contact your Admin user.

1. Log in to your [Customer Area](https://ca-test.adyen.com/) and select **Platform** > **Configure** > **Hosted Onboarding**.

2. Upload a logo for your onboarding page with the following image requirements:

   * Maximum size: 400 x 128 pixels
   * File types: JPG, JPEG, PNG, SVG
   * Maximum file size: 100KB

## Change the background

You can change the background color or upload an image to use as background of your HOP.

To change the page background, you must have the **Manage HOP settings** role enabled for your Customer Area user. If you do not have the role, contact your Admin user.

1. Log in to your [Customer Area](https://ca-test.adyen.com/) and select **Platform** > **Configure** > **Hosted Onboarding**.

2. To use an image as the background, select the **Background image** option and upload an image with the following requirements:

   * File types: JPEG, PNG, SVG
   * Maximum file size: 5MB

3. To change the background color, select the **Background color** option, then enter the hexadecimal code of the chosen color (#RRGGBB format).

## Add an FAQ URL

You can include a link to your Frequently Asked Questions page. It will appear when account holders select the **Help** button, below Adyen's FAQ.

To add the address of your FAQ page to HOP, you must have the **Manage HOP settings** role enabled for your Customer Area user. If you do not have the role, contact your Admin user.

1. Log in to your [Customer Area](https://ca-test.adyen.com/) and select **Platform** > **Configure** > **Hosted Onboarding**.
2. Enter the URL in the **Additional URL for FAQs** field.
