# Adding Business Logo and Custom Images

By default, the payment page contains the Hyp logo in the header, but you can change it to show your business logo instead.

You can also provide additional images to be used on the payment page, such as a background image.

To do this, you need to [contact Hyp support](mailto:cg-support@hyp.co.il) and send the necessary images. Once Hyp support validates the images, they'll be available in the assets folder for your merchant ID.

You can then use the images in two ways inside the `uiCustomData` object:

1. Set the `businessLogoUrl` property to your logo image file, which replaces the Hyp logo in the header:

   ```json
   <paymentPageData>
       <ppsJSONConfig>
           {
               "uiCustomData": {
                   "businessLogoUrl": "merchant_logo.png"
               }
           }
       </ppsJSONConfig>
   </paymentPageData>
   ```
2. Use other images in CSS directives inside the `customStyle` property (for details, see [Modifying the Default Styles](/enterprise/changing-the-default-payment-page-appearance/modifying-the-default-styles.md)):

   ```json
   <paymentPageData>
       <ppsJSONConfig>
         {
             "uiCustomData": {
                 "customStyle": "background: url(background.png) no-repeat;"
             }
         }
        </ppsJSONConfig>
   </paymentPageData>
   ```

In both cases, you should use image filenames as relative paths (e.g., `logo.png`), without directory prefixes.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developers.hyp.co.il/enterprise/changing-the-default-payment-page-appearance/adding-business-logo-and-custom-images.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.