Registrieren

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.

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 zahls.ch können im eigenen Look & Feel dargestellt werden:

Erstellung eines Look & Feel Profils

Navigiere im Dashboard deines zahls.ch-Kontos zu Einstellungen > Look & Feel, um ein Profil zu erstellen. du kannst dabei die folgenden Einstellungen vornehmen:

  1. Profilname
  2. Logo
  3. Hintergrund
  4. Hintergrund Terminal
  5. Schrift
  6. Buttons
  7. E-Mail

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.

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

3. Hintergrund

  • Allgemeiner Hintergrund: Definiere die Farbe des allgemeinen Hintergrunds. Das ist der Hintergrund der gesamten Zahlungsseite, abgesehen vom Kopfbereich.
  • Hintergrund Kopfbereich: Definiere die Hintergrundfarbe des Kopfbereichs der Zahlungsseite.

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:

  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 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, 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 zahls.ch 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.

Verwandte Themen