Look & Feel

In diesem Artikel zeigen wir Dir, wie Du Deine Zahlungsseiten und die Kundenkommunikation durch die Erstellung von Look & Feel Profilen so gestaltest, damit sie Deinem Corporate Design entsprechen.

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:

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

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

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.

4. Hintergrund Terminal

Diese Einstellungen betreffen nur das E-Commerce-Tool 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

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

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 kein spezifisches Profil auswählst.
Vorschau anzeigen: Lass Dir das Look & Feel Profil aus Kundensicht anzeigen.
Bearbeiten: Öffne das Profil im Bearbeiten-Modus, um Änderungen vorzunehmen.
Kopieren: Die Funktion "Kopieren" kannst Du verwenden, wenn Du basierend auf einem bestehenden Profil ein neues anlegen möchtest.
Löschen: Lösche das betreffende Look & Feel Profil.

Nutzung von Look & Feel Profilen

Look & Feel Profile können in den Tools Pages, Paylink, QR Pay, Invoice, Terminal und Donation verwendet werden. Öffne das gewünschte Tool und wähle im Abschnitt "Look & Feel" das gewünschte Profil aus:

Look & Feel ID

In Payrexx verfügt jedes Look & Feel Profil über seine eigene, individuelle ID. Diese ID dient dazu, bei Integrationen und Gateways anzugeben, welches Profil verwendet werden soll.

Last updated 1 year ago

Was this helpful?