Docs
DocsPlattformDeveloperTicket
DEUTSCH
DEUTSCH
  • Willkommen bei Payrexx
  • Erste Schritte
    • Übersicht über Payrexx
    • Konto-Verifizierung
      • Nicht unterstützte Geschäftsmodelle
  • Zahlungen
    • Funktionalitäten
      • Vorautorisierung
      • Tokenisierung
      • Abonnemente
        • Abonnemente verwaltet durch Payrexx
        • Abonnemente mittels Tokenisierung (API)
      • Rückerstattung und Teilrückerstattung
      • MOTO-Zahlungen
    • Testen
    • Überblick Zahlungsstatus
    • Streitfälle
      • Definition
      • Prävention
        • Betrügerisch
        • Gutschrift nicht verarbeitet
        • Doppelte Zahlung
        • Produkt nicht erhalten
        • Produkt nicht akzeptabel
        • Abonnement gekündigt
        • Nicht erkannt
      • Abwicklung und Nachweise einreichen
        • Betrügerisch
        • Gutschrift nicht verarbeitet
        • Doppelte Zahlung
        • Produkt nicht erhalten
        • Produkt nicht akzeptabel
        • Abonnement gekündigt
        • Nicht erkannt
      • Best Practices
      • FAQ
  • Bezahldienste
    • Payrexx Pay und Payrexx Pay Plus
      • Aktivierung und Konfiguration
      • Funktionsmatrix Zahlungsarten
      • Zahlungsmittel
        • Alipay
        • American Express
        • Apple Pay
        • Bancontact
        • Centi
        • Click to Pay mit Visa
        • Diners Club International
        • Discover Card
        • eps
        • Google Pay
        • iDEAL
        • Kauf auf Rechnung
        • Klarna
        • Mastercard
        • Pay by Bank
        • PostFinance Pay
        • Przelewy24
        • Reka
        • Samsung Pay
        • SEPA Debit Direct
        • TWINT
          • TWINT "Später bezahlen"
        • Visa
        • WeChat Pay
      • Kartenregionen und Gebühren
      • Belastung virtueller Kreditkarten
    • Funktionsmatrix Zahlungsanbieter
    • Länder-Verfügbarkeit
    • Externe Zahlungsanbieter
      • Kreditkarten und Debitkarten
        • Braintree
        • PAYONE
        • CCAvenue
        • Clearhaus
        • Datatrans
        • HeyLight
        • Ingenico
          • Ingenico ePayments E-COMMERCE Integration
          • Ingenico ePayments ALIAS GATEWAY - Integration in Payrexx
        • Mollie
        • Nexi (Concardis)
          • Concardis-Payengine start.now / speed.up / flex.pro
          • Concardis Payengine E-Commerce
          • Concardis Payengine ALIAS GATEWAY
        • PostFinance Checkout
        • Skrill
        • Stripe
        • VIVEUM
        • Worldline (Saferpay)
      • Alternative Zahlungsmethoden
        • Amazon Pay
        • Barzahlen/viacash
        • boncard / Lunch-Check
        • Coinbase
        • Giropay
        • Ideal Payment
        • Klarna
        • PayPal
        • Paysafecash
        • PointsPay
        • POWERPAY
        • TWINT
        • WIRpay
        • xMoney
      • Manuelle Zahlungsmethoden
        • Rechnung
        • Reka-Check
        • Vorkasse
    • Buy Now Pay Later
    • PCI-DSS-Konformität
  • Instanz und Administration
    • Dashboard
    • Zahlungen
      • Transaktionen
      • Abonnemente
      • Vorautorisierung
      • Tokenisierung
      • Export
    • Auszahlungen
      • Rolling Reserve
    • Kunden
    • Berichte
    • Tools
      • Pages
        • Produkte
        • Pages Abonnemente
        • Rabattcodes
        • Webseiten-Integration
        • Google Merchant Center
      • Paylink
        • Paylink Abonnemente
      • QR Pay
      • Terminal
      • Invoice
      • Donation
        • Donation Abonnemente
        • Webseiten-Integration
      • Parameter
    • API und Integrationen
    • Webhooks
    • Zahlungsanbieter
    • Einstellungen
      • Allgemein
        • Mehrsprachiges Frontend
        • Google Analytics
        • Facebook Meta Pixel
        • Custom Domain
        • 2-Faktor-Authentifizierung
      • Unternehmensdaten
      • Auszahlungs-Einstellungen
      • Benutzerverwaltung
      • Look & Feel
      • Benachrichtigungen
      • Rechtliches
      • Plan und Abrechnung
  • Integration
    • E-Commerce
      • WooCommerce
      • Shopware 6
      • Magento 2
      • Shopware 5
      • PrestaShop
      • Gambio
      • Gravity Forms
      • Shopify
      • MyCommerce
      • Ecwid
      • JTL Shop 5
      • Drupal
      • NopCommerce
      • CS Cart
      • Odoo
      • saldiaShop
      • FLOW Shopsoftware
    • Content-Management-Systeme (CMS)
      • Cloudrexx
      • Concrete5
      • Drupal
      • Jimdo
      • JoomDonation
      • Modmore
      • Paymattic
      • Weebly
      • WIX
      • Zappter
    • Unternehmenssoftware
      • aforms
      • Cura Fundraising
      • Deinlokal (maaxx)
      • GUVOTO
      • Make
      • Reservierungssystem (Hürlimann Informatik)
      • SelectLine
      • Zapier
    • Andere Integration
  • POS-Geräte
    • Übersicht POS-Geräte
    • Terminal bestellen
    • Anleitungen
      • Grundlagen des Terminals
      • Bedienung des Terminals
      • Terminal mit dem Internet verbinden
      • Transaktionen durchführen
      • Transaktionen verwalten
      • Erweiterte Einstellungen
    • Terminal zurückgeben
  • Tap to Pay
    • Übersicht über Tap to Pay
    • Einrichtung von Tap to Pay
    • Zahlungen mit Tap to Pay abwickeln
  • Transaktions-Übersicht
  • Tap to Pay Analysetools
  • Tap to Pay Einstellungen
  • Support
    • Häufige gestellte Fragen
    • Support-Portal von Payrexx
  • Release Notes
    • Release Notes 2025
      • Release 2025.04
      • Release 2025.02
    • Release Notes 2024
      • Release 2024.11
      • Release 2024.09
      • Release 2024.07
      • Release 2024.05
      • Release 2024.03
      • Release 2024.01
    • Release Notes 2023
      • Release 2023.12
Powered by GitBook
LogoLogo

Product

  • Payments
  • E-Commerce Tools
  • Pricing
  • Feedback

Company

  • About Us
  • Careers
  • Blog
  • Newsletter

Support

  • Contact
  • Statuspage
  • Downloads

Developer

  • Documentation
  • API Reference
  • Integrations & Plugins

© Payrexx. All rigths reserved.

On this page
  • Erstellung eines Look & Feel Profils
  • 1. Profilname
  • 2. Logo
  • 3. Hintergrund
  • 4. Hintergrund Terminal
  • 5. Schrift
  • 6. Buttons
  • 7. E-Mail
  • Erstellung weiterer Look & Feel Profile
  • Verwaltung von Look & Feel Profilen
  • Nutzung von Look & Feel Profilen
  • Look & Feel ID

Was this helpful?

  1. Instanz und Administration
  2. Einstellungen

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.

Last updated 5 months ago

Was this helpful?

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.

  • 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

  • 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

  • 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

Verwaltung von Look & Feel Profilen

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

  1. Vorschau anzeigen: Lass Dir das Look & Feel Profil aus Kundensicht anzeigen.

  2. Bearbeiten: Öffne das Profil im Bearbeiten-Modus, um Änderungen vorzunehmen.

  3. Kopieren: Die Funktion "Kopieren" kannst Du verwenden, wenn Du basierend auf einem bestehenden Profil ein neues anlegen möchtest.

  4. Löschen: Lösche das betreffende Look & Feel Profil.

Nutzung von Look & Feel Profilen

Look & Feel ID

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 einen eigenen Link zu erfassen.

Diese Einstellungen betreffen nur das E-Commerce-Tool , wo es möglich ist, ein Bild oder einen Verlauf als Hintergrund zu wählen.

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 hinterlegte Logo verwendet.

Es ist möglich, verschiedene Look & Feel Profile anzulegen. Im jeweiligen kannst Du dann auswählen, welches Profil verwendet werden soll.

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 kein spezifisches Profil auswählst.

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

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

Sprache
Terminal
E-Commerce-Tool
E-Commerce-Tool
Pages
Paylink
QR Pay
Invoice
Terminal
Donation
Integrationen
Gateways
Punkt 2
Profilname
Logo
Hintergrund
Hintergrund Terminal
Schrift
Buttons
E-Mail

Pages
Paylink
QR Pay
Invoice
Terminal
Donation
Erstellung eines Look & Feel Profils in Payrexx
Der Kopfbereich mit Logo in den unter Look & Feel definierten Farben
Die zwei verschiedenen Hintergrundfarben aus dem Look & Feel Profil
Hintergrund des Terminals mit einem Farberlauf
Liste der hinterlegten Look & Feel Profile in Payrexx
Auswahl eines Look & Feel Profils im Tool "Terminal"
Die ID des Look & Feel Profils wird bei der Nutzung von Gateways genötigt.