# Look & Feel

Look & Feel Profile erlauben es Dir, gegenüber Deinen Kunden visuell so aufzutreten, wie es Dein Corporate Design vorsieht: Du kannst Dein Logo, Deine Schriftarten und Deine Farben verwenden.

Die folgenden Bereiche von Payrexx können im eigenen Look & Feel dargestellt werden:

<table data-view="cards"><thead><tr><th></th><th data-hidden></th><th data-hidden></th></tr></thead><tbody><tr><td><a href="/pages/-MZCk2Yb-SBlLK557d6C">Pages</a></td><td></td><td></td></tr><tr><td><a href="/pages/-MaYwZcD9rqxiSPHj6xq">Paylink</a></td><td></td><td></td></tr><tr><td><a href="/pages/-MZCkHh6v-CgoHSm3S9V">QR Pay</a></td><td></td><td></td></tr><tr><td><a href="/pages/-MZCkEvOZFPof975qd8J">Invoice</a></td><td></td><td></td></tr><tr><td><a href="/pages/-MZCkBsh-8Wb6gRSZYzc">Terminal</a></td><td></td><td></td></tr><tr><td><a href="/pages/-MZCkGC9VaZS6YR9TF-D">Donation</a></td><td></td><td></td></tr></tbody></table>

## Erstellung eines Look & Feel Profils

Navigiere in der Händler-Administration Deines Payrexx-Kontos zu **Einstellungen > Look & Feel**, um ein Profil zu erstellen. Du kannst dabei die folgenden Einstellungen vornehmen:

1. [Profilname](#id-1.-profilname)
2. [Logo](#id-2.-logo)
3. [Hintergrund](#id-3.-hintergrund)
4. [Hintergrund Terminal](#id-4.-hintergrund-terminal)
5. [Schrift](#id-5.-schrift)
6. [Buttons](#id-6.-buttons)
7. [E-Mail](#id-7.-e-mail)

<div align="left"><figure><img src="/files/wDFZFgEda9VLCa78qArL" alt=""><figcaption><p>Erstellung eines Look &#x26; Feel Profils in Payrexx</p></figcaption></figure></div>

### 1. Profilname

Gib Deinem Look & Feel Profil einen Namen. Deine Kunden werden diesen Namen nicht sehen. Er dient lediglich dazu, das Profil intern zu identifizieren, falls Du mehrere Profile verwendest.

### 2. Logo

* **Form:** Definiere, ob das Logo auf den Zahlungsseiten quadratisch, rechteckig oder rund dargestellt werden soll.
* **Logo hochladen:** Lade das Logo mittels Klick auf diesen Button hoch. Die empfohlenen Abmessungen sind 160 x 160 Pixel.
* **Logo-Link anpassen:** Definiere, auf welche URL der Kunde bei einem Klick auf das Logo weitergeleitet werden soll. Durch Klick auf den Link "Mehrsprachig" ist es möglich, pro [Sprache](/merchant/payrexx-administration/einstellungen/allgemein/mehrsprachiges-frontend.md) einen eigenen Link zu erfassen.
* **Hintergrundfarbe:** Bei Logos mit einem transparenten Hintergrund wird der Hintergrund mit der in diesem Feld definierten Farbe gefüllt. Der Standardwert für transparente Logos ist weiss (FFFFFF).
* **Rahmenfarbe:** In diesem Feld kannst Du die Farbe des Rahmens definieren, der das Logo umgibt. Wenn Du keinen Rahmen möchtest, wähle hier einfach den gleichen Wert wie bei der Hintergrundfarbe aus.
* **Sprachauswahl:** Definiere hier die Farbe der Sprachauswahl. Dies ist der Textlink, der sich rechts vom Logo befindet.

Im folgenden Beispiel wurde für den Logo-Hintergrund, den Logo-Rahmen und die Sprachauswahl jeweils die Farbe "weiss" verwendet:

<div align="left"><figure><img src="/files/BopCipoTjSywejPFVKEg" alt="" width="447"><figcaption><p>Der Kopfbereich mit Logo in den unter Look &#x26; Feel definierten Farben</p></figcaption></figure></div>

### 3. Hintergrund

* **Allgemeiner Hintergrund:** Definiere die Farbe des allgemeinen Hintergrunds. Das ist der Hintergrund der gesamten Zahlungsseite, abgesehen vom Kopfbereich. Im folgenden Beispiel wurde die Farbe "hellgrau" gewählt.
* **Hintergrund Kopfbereich:** Definiere die Hintergrundfarbe des Kopfbereichs der Zahlungsseite. Im Folgenden Beispiel wurde "dunkelgrau" gewählt.

<div align="left"><figure><img src="/files/SSB7QZ7lJiBxDs2pKOIv" alt="" width="446"><figcaption><p>Die zwei verschiedenen Hintergrundfarben aus dem Look &#x26; Feel Profil</p></figcaption></figure></div>

### 4. Hintergrund Terminal

Diese Einstellungen betreffen nur das E-Commerce-Tool [Terminal](/merchant/payrexx-administration/tools/terminal.md), wo es möglich ist, ein Bild oder einen Verlauf als Hintergrund zu wählen.

* **Allgemeiner Hintergrund:** Wähle hier aus, ob Du ein Bild oder einen Verlauf als Hintergrund möchtest.
* **Bild hochladen:** Falls Du Dich für ein Bild entscheidest, kannst Du es hier hochladen Das Bild wird dann als Hintergrund hinter dem eigentlichen Terminal angezeigt. Empfohlene Grösse: 1'920 x 1'080 Pixel (Ultra High Definition, 4K: 3'840 x 2'160 Pixel)
* **Verlauf definieren:** Falls Du einen Verlauf möchtest, kannst Du ihn in den folgenden Feldern gestalten. Der Verlauf startet links oben mit Farbe 1 und endet rechts unten mit Farbe 2.
  * **Verlauf Farbe 1:** Farbe am Ausgangspunkt des Verlaufs links oben
  * **Verlauf Farbe 2:** Farbe am Endpunkt des Verlaufs rechts unten

<div align="left"><figure><img src="/files/mR2aNIpezLXx2jm7GPTA" alt=""><figcaption><p>Hintergrund des Terminals mit einem Farberlauf</p></figcaption></figure></div>

### 5. Schrift

* **Schriftart**: Wähle die Schriftart, die auf den Zahlungsseiten verwendet werden soll.
* **Schriftgrösse:** Wähle die Schriftgrösse, die auf den Zahlungsseiten verwendet werden soll.
* **Textfarbe:** Definiere die Farbe für die auf den Zahlungsseiten verwendeten Texte.
* **Textfarbe Terminal:** Falls Du im Terminal eine andere Textfarbe verwenden möchtest, kannst Du sie in diesem Feld definieren.
* **Linkfarbe:** Lege die Farbe fest, in der Textlinks dargestellt werden sollen.
* **Linkfarbe (Maus drüber):** Lege fest, zu welcher Farbe sich ein Link ändern soll, wenn der Benutzer seine Maus über den Link bewegt.

### 6. Buttons

* **Buttonfarbe:** Definiere die Hintergrundfarbe der Buttons.
* **Buttonfarbe (Maus drüber):** Lege fest, zu welcher Farbe sich ein Button ändern soll, wenn der Benutzer seine Maus über den Button bewegt.
* **Abgerundete Ecken:** Aktiviere die Checkbox, wenn Du möchtest, dass die Ecken der Buttons abgerundet dargestellt werden sollen.

### 7. E-Mail

* **Logo:** Wenn Du das Häkchen bei "Individuelles E-Mail-Logo verwenden" aktivierst, kannst Du ein Logo hochladen, das exklusiv in den E-Mails verwendet wird. Ist das Häkchen deaktiviert, wird in den E-Mails das unter [Punkt 2](#id-2.-logo) hinterlegte Logo verwendet.
* **Individueller Kopfbereich:** Lege in diesem Feld fest, in welcher Farbe der Kopfbereich der E-Mails an Deine Kunden gehalten sein soll.

### Erstellung weiterer Look & Feel Profile

Es ist möglich, verschiedene Look & Feel Profile anzulegen. Im jeweiligen [E-Commerce-Tool](/merchant/payrexx-administration/tools.md) kannst Du dann auswählen, welches Profil verwendet werden soll.

## Verwaltung von Look & Feel Profilen

Navigiere zu **Einstellungen > Look & Feel**, um die hinterlegten Look & Feel Profile anzuzeigen:

<div align="left"><figure><img src="/files/rMWwGaD63EaPnfchmMou" alt=""><figcaption><p>Liste der hinterlegten Look &#x26; Feel Profile in Payrexx</p></figcaption></figure></div>

1. **Als Standard wählen:** Bewege die Maus über das Look & Feel Profil, das Du als Standard definieren möchtest und klicke auf die grüne Schaltfläche. Dieses Profil wird immer dann verwendet, wenn Du im jeweiligen [E-Commerce-Tool](/merchant/payrexx-administration/tools.md) kein spezifisches Profil auswählst.
2. **Vorschau anzeigen:** Lass Dir das Look & Feel Profil aus Kundensicht anzeigen.
3. **Bearbeiten:** Öffne das Profil im Bearbeiten-Modus, um Änderungen vorzunehmen.
4. **Kopieren:** Die Funktion "Kopieren" kannst Du verwenden, wenn Du basierend auf einem bestehenden Profil ein neues anlegen möchtest.
5. **Löschen:** Lösche das betreffende Look & Feel Profil.

## Nutzung von Look & Feel Profilen

Look & Feel Profile können in den Tools [Pages](/merchant/payrexx-administration/tools/pages.md), [Paylink](/merchant/payrexx-administration/tools/paylink.md), [QR Pay](/merchant/payrexx-administration/tools/qr-pay.md), [Invoice](/merchant/payrexx-administration/tools/invoice.md), [Terminal](/merchant/payrexx-administration/tools/terminal.md) und [Donation](/merchant/payrexx-administration/tools/donation.md) verwendet werden. Öffne das gewünschte Tool und wähle im Abschnitt "Look & Feel" das gewünschte Profil aus:

<div align="left"><figure><img src="/files/sYtTaO9Fg2XC4ouozTQ6" alt="" width="563"><figcaption><p>Auswahl eines Look &#x26; Feel Profils im Tool "Terminal"</p></figcaption></figure></div>

## Look & Feel ID

In Payrexx verfügt jedes Look & Feel Profil über seine eigene, individuelle ID. Diese ID dient dazu, bei [Integrationen](/merchant/integration/e-commerce.md) und [Gateways](https://docs.payrexx.com/developer/guides/gateway) anzugeben, welches Profil verwendet werden soll.

<div align="left"><figure><img src="/files/PKq6jd0qNam5JuATj95j" alt=""><figcaption><p>Die ID des Look &#x26; Feel Profils wird bei der Nutzung von Gateways genötigt.</p></figcaption></figure></div>


---

# 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://docs.payrexx.com/merchant/payrexx-administration/einstellungen/look-and-feel.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.