# Customizing Payment Page Design

When you [create a payment page request](/pay/getting-started/creating-a-payment-page.md#create-a-payment-page-request), you can customize how the page looks in a few different ways.

## Setting the UI language

First off, you can choose whether the payment page shows up in Hebrew or English.

By default, the page is displayed in Hebrew:

![Payment page in Hebrew](/files/8jYqtfMPy26RzLmCQ1Eg)

To switch it to English, include the `PageLang` parameter with the value `ENG` in your request:

{% code overflow="wrap" %}

```http
https://pay.hyp.co.il/p/?action=APISign&What=SIGN&KEY=your-api-key&PassP=your-api-password&Masof=0010345518&PageLang=ENG
```

{% endcode %}

![Payment page in English](/files/lexLidxVgZ47U2Ih08rL)

Changing the language also affects a couple of other things:

1. **The page layout**. If you're [showing cart items](#showing-cart-items-on-the-payment-page), they'll be displayed right-to-left for Hebrew and left-to-right for English.
2. **The Israeli ID field**. In Hebrew, the **Israeli ID** field is hidden once the customer enters a foreign card number. In English, it's not shown at all unless they enter an Israeli card.

## Adding a logo

You can add your company's logo to the payment page through your Hyp Pay account. Go to **הגדרות** (**Settings**) and click **דף תשלום ו-API** (**Payment Page and API**). In the **פרטי העסק** (**Business details**) section, click the **+** icon to upload a JPEG or PNG file. Once it's uploaded, scroll down and click **שמירתהגדרות** (**Save changes**).

Your logo will now appear on all your payment pages automatically — no need to change anything in your API requests:

![A payment page with a logo](/files/cyuqpwmiwh0TtWJH0Rco)

## Showing cart items on the payment page

Normally, the payment page only shows fields for payment and customer info. If you want to show a list of what the customer is actually buying, you can add a cart items block using these two parameters:

1. `Pritim`: Set this to `True`.
2. `heshDesc`: This is a compact list of items, where each item is wrapped in square brackets (`[]`). Inside the brackets, separate the item details with a tilde (`~`) in this order: item code (use `0` if you don't have one), description, quantity, and price per unit. For example, a list with two items would look like this: `[0~Item one~1~49.90][0~Item two~2~29.90]`. Make sure not to use `~`, `[`, or `]` in your descriptions, and double-check that the sum of all items matches the total payment amount.

Here's an example API request that includes a list of cart items:

{% code overflow="wrap" %}

```http
https://pay.hyp.co.il/p/?action=APISign&What=SIGN&KEY=your-api-key&PassP=your-api-password&Masof=0010345518&Pritim=True&heshDesc=[0~Item one~1~49.90][0~Item two~2~29.90]
```

{% endcode %}

This request adds a block to the payment page showing exactly what the customer is paying for:

![A payment page with a list of items](/files/KxdeRJb9xvPZDvJXT0tt)

## Choosing a payment page template

Hyp Pay comes with a dozen premade templates, so you can pick the look that fits your brand best.

To use a specific template, send the `tmp` parameter with the template number. Here's an example API request to use template number 2:

{% code overflow="wrap" %}

```http
https://pay.hyp.co.il/p/?action=APISign&What=SIGN&KEY=your-api-key&PassP=your-api-password&Masof=0010345518&tmp=2
```

{% endcode %}

If you don't send the `tmp` parameter (or if you set it to `1`), your payment page will use the first template by default:

![Template 1 (default)](/files/EEn3ofMDhiEZ4IBpiwie)

Note that some templates don't include fields for the customer's first and last name. If you're using one of these templates, make sure to include the `ClientName` and/or `ClientLName` parameter in your payment page request to avoid errors.

Here's what the other templates look like when you set `tmp` to a value between `2` and `15`:

![Template 2](/files/NNHqw0FfO5K7GGR0E0VR)

![Template 3](/files/Tl2oNvlCdOGG3fvogMhj)

![Template 4](/files/Ln5iJxpIVOBL0LhYsRpo)

![Template 5](/files/0tkvGO7YgukzwkbTY5Rp)

![Template 6](/files/mPO0w1JJO8n9RcMfUAHH)

![Template 7](/files/HpmDGirapkjygs9Ldb2d)

![Template 8](/files/CoG3RXS8FfNJPrf4yZFq)

![Template 9](/files/byWgI4CiU03yQnc7pIp8)

![Template 10](/files/0BYE0qfALF3yEivf4nCE)

![Template 11](/files/OmLktXpr221Zy20ONheM)

![Template 12](/files/Pa9Feuoij1F1FtUeyI6w)

![Template 13](/files/jyFJMAlocLWQlHkyx4Xd)

![Template 14](/files/pAGTTJIWsUt8kg2Jy7gT)

![Template 15](/files/xq2NPoJblOzO4JAHFGGv)

## Hiding payment methods

If you've enabled [digital wallets](/pay/common-use-cases/digital-wallets.md) like Apple Pay or Google Pay but want to temporarily hide them, you can do that by sending the `hideBtns` parameter with the value `True`. This will leave only the standard credit card payment option visible.

Here's an example API request to hide digital wallets:

{% code overflow="wrap" %}

```http
https://pay.hyp.co.il/p/?action=APISign&What=SIGN&KEY=your-api-key&PassP=your-api-password&Masof=0010345518&hideBtns=True
```

{% endcode %}


---

# 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/pay/common-use-cases/customizing-payment-page-design.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.
