# 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:


Pages
Paylink
QR Pay
Invoice
Terminal
Donation

## 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)

Erstellung eines Look & Feel Profils in Payrexx

### 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](https://docs.payrexx.com/merchant/payrexx-administration/einstellungen/allgemein/mehrsprachiges-frontend) 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:

Der Kopfbereich mit Logo in den unter Look & Feel definierten Farben

### 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.

Die zwei verschiedenen Hintergrundfarben aus dem Look & Feel Profil

### 4. Hintergrund Terminal Diese Einstellungen betreffen nur das E-Commerce-Tool [Terminal](https://docs.payrexx.com/merchant/payrexx-administration/tools/terminal), 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

Hintergrund des Terminals mit einem Farberlauf

### 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](https://docs.payrexx.com/merchant/payrexx-administration/tools) 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:

Liste der hinterlegten Look & Feel Profile in Payrexx

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](https://docs.payrexx.com/merchant/payrexx-administration/tools) 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](https://docs.payrexx.com/merchant/payrexx-administration/tools/pages), [Paylink](https://docs.payrexx.com/merchant/payrexx-administration/tools/paylink), [QR Pay](https://docs.payrexx.com/merchant/payrexx-administration/tools/qr-pay), [Invoice](https://docs.payrexx.com/merchant/payrexx-administration/tools/invoice), [Terminal](https://docs.payrexx.com/merchant/payrexx-administration/tools/terminal) und [Donation](https://docs.payrexx.com/merchant/payrexx-administration/tools/donation) verwendet werden. Öffne das gewünschte Tool und wähle im Abschnitt "Look & Feel" das gewünschte Profil aus:

Auswahl eines Look & Feel Profils im Tool "Terminal"

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