**Last updated**: 14 June 2025 | [**Change log**](/products/hosted-payment-pages/changelog/)

# Customize your payment pages

SMB (Worldpay eCommerce)

You can customize your payment pages either through our **Hosted Payment Page Designer** or a **direct API call** on a per transaction basis. This guide focuses on the customization functionality through the hosted designer interface.

To tailor your payment pages via an API call use our API reference to:

* customize [the CSS](/products/hosted-payment-pages/openapi/other/create#other/create/t=request&path=hostedcustomization), e.g. color, buttons, background
* customize [functional properties](https://developer.worldpay-bsh.securedataplatform.com/products/hosted-payment-pages/openapi/other/create#other/create/t=request&path=hostedproperties), e.g. whether billing address fields should be displayed on your payment pages


Important
Customization via API call will override any customization done through the Payment Page Designer.

## Customize via Payment Page Designer

Customize the look and feel of your payment pages using our [Hosted Payment Page Designer](https://dashboard.worldpay-bsh.securedataplatform.com/).

1. Log into your [dashboard](https://dashboard.worldpay-bsh.securedataplatform.com/)
2. Navigate to "Developer Tools" from the left hand menu
3. Choose the "HPP Designer" option to launch our customization tool


### Capabilities

Using the payment page designer, you can:

* add your company logo
* add your own font
* add your own stylesheet to change the look and feel of the hosted payment pages - [Explore possibilities](/products/hosted-payment-pages/styles)
* customize the properties of your payment page
* add merchant-defined parameters
* test and publish your designs


br

You can test your customizations in the Try environment (test) and later publish them to the Live environment (production).

**Next steps**

* [Manage logo, stylesheet and font](/products/hosted-payment-pages/styles)
* [Customize your payment page](/products/hosted-payment-pages/configuration)
* [Publish](/products/hosted-payment-pages/test-designs)
* [Go live](/products/hosted-payment-pages/go-live)