Branding Ihres White Label Kontos

book reader icon
3 Minuten
facebook logo gray
linkedin logo gray
mail logo gray

Die Verwendung einer eigenen Domain ist wahrscheinlich der Hauptgrund, warum sich ein Unternehmen für ein White Label Konto entscheidet. Es gibt jedoch noch viele weitere Funktionen, die in diesem Paket angeboten werden, um die Plattform nach den eigenen Wünschen anzupassen.

Wie brande ich mein White Label Konto

1. Gehen Sie zum Abschnitt Branding Ihres White Label Kontos

Gehen Sie zunächst zum Abschnitt "Branding" Ihres White Label Kontos, wo sich alle Einstellungsmöglichkeiten befinden. Beginnen Sie damit, der Plattform Ihren eigenen Namen zu geben.

Branding

White Label Name

White Label Name ändern
Branding Bereich mit Eingabe des White Label Namens

2. Gestalten Sie das Aussehen Ihres Kontos mit eigenen Farben und CSS

Fügen Sie Ihr Logo und Favicon hinzu und verwenden Sie Ihre eigenen Farben. Sie können sogar eigene CSS-Instruktionen für alle Elemente der Plattform hinterlegen.

Branding

Farben

Eingabe der benutzerdefinierten Farben

3. Legen Sie die Farben für die Wallet Pässe fest

Sie können das Erscheinungsbild Ihrer Wallet Pässe anpassen, insbesondere die Schrift- und Hintergrundfarbe.

Branding

Wallet Pass Farben

Eingabe der benutzerdefinierten Farben für Wallet Passes

Nachdem Sie auf den Button Farbe speichern geklickt haben, wird ein Popup Fenster angezeigt. Entscheiden Sie bitte, ob Sie die Farbänderungen auf Wallet Pässe anwenden möchten, die von nun an generiert werden, oder ob Sie auch die Farben aller bestehenden Wallet Pässe überschreiben möchten. Bitte beachten Sie, dass die Änderungen sofort wirksam werden und nicht rückgängig gemacht werden können, nachdem Sie auf den Button Speichern geklickt haben.

Wallet Pass Farben Popup
Wallet Pass Farben Popup

4. Verwenden Sie Ihre eigene Produktiv Domain

Sie können die Subdomain Ihres White Label Kontos in Ihre eigene Domain ändern, z. B. qr.ihre-firma-domain.com. Erfahren Sie mehr darüber, wie Sie Ihre eigene Domain einrichten

Branding

Produktiv Domain

Produktiv Domain setzen
Eingabe der benutzerdefinierten Domain

5. Verwenden Sie Ihre eigene Subdomain für zusätzlichen Nutzer des White Label Kontos (optional)

Die Benutzer Ihrer White Label Plattform können auch ihre eigene Subdomain verwenden. Dies kann für Sie als Agentur sinnvoll sein, wenn Sie  Benutzerkonten für ihre Kunden einrichten, die unter einer eigenen Benutzer-Domain laufen sollen.

User Sara

Produktiv Domain

Produktiv User Domain setzen
Einrichtung der Produktiv Subdomain des Benutzers

6. Verwenden Sie Ihre eigene Domain für die QR Code ShortURL (optional)

Verwenden Sie eine andere oder eine kürzere Domain anstelle Ihrer Produktivdomain, um einfachere und leichter lesbare QR Codes zu erstellen (Beispiel: qr.vc). Erfahren Sie mehr, wie Sie eine Root-Domain einrichten.

Branding

Short-URL Domain

ShortURL Domain setzen
Eingabe der benutzerdefinierten ShortURL Domain

7. Verwenden Sie Ihre eigene Domain für die E-Mail-Benachrichtigungen (optional)

Sie können Ihre Domain auch verwenden, um die E-Mail-Benachrichtigungen für Scans, Lead Formulare, Gutscheine usw. zu versenden. Diese hier gesetzte Domain gilt für alle Nutzer unabhängig davon ob bestimmte Benutzer eine andere Domain verwenden.

Branding

E-Mail Domain

E-Mail Domain setzen
Eingabe der benutzerdefinierten E-Mail Domain

8. Regionale Einstellungen - Benutzerdefinierte Sprachen

Versehen Sie Ihre Plattform mit Ihrer eigenen benutzerdefinierten Sprache zusätzlich zu Ihrer ausgewählten Basissprache. Übersetzen Sie bestimmte Textblöcke in Ihre regionalen Sprachen und weisen Sie Ihre erstellten benutzerdefinierten Sprachpakete einem Benutzer zu.

Branding

Regionale Spracheinstellungen

Eingabe der benutzerdefinierten Sprache

CSS Hacks

Fügen Sie in Ihre White Label Instanz eigenen JS Code ein, der in den <head>-Tag aller Seiten Ihres White Label Kontos eingefügt wird. Sie können Ihr eigenes Chat Widget einfügen oder einen eigenen Footer für Ihre Landing Pages erstellen und vieles mehr...

Farben

Verwenden Sie Ihre eigenen Farben

body{background-color: #cde;}

Schriftarten

Verwenden Sie eigene Schriftarten zum Beispiel von Google Fonts.

@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
body{font-family: 'Source Sans Pro', sans-serif;}

Icons

Ersetzen Sie Icons im Menü durch ein benutzerdefiniertes Icon als Base64-Bild.

.admin-user{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvFBMVEUAAACt1q2m17Cn26+q1LKs1ays2ayr1rGp2K+p1q6q2bCfyqap2LCp16+p2K+q2LCp17Co2LCp2K+p16+o2K6q2LCo16+q17Co2K+p17Co1q6q2LCq2K6o2LCq1rCo2K6o2LCq2K6n2K2o2K6q2LCo2K6o1rCq1rCbu6GgzKWm1Kyo1q5gnL5jpMdjpsxkp81lqtFmqcxnpcJnp8Vnp8tnqs5nq85nrdRnrdVoq89orNJpq8trnLRsqb5tq8VtrMVvqchxrb9yp69yrLx2o7V2q654q8N5qqR5r8h5sMt6sbZ7q6R9qr19tbqBsqeCo4eFtKSGr5iIt8qIuauJssKJvrWNtJKPt8WRuJaSwaqXv5yYtZ+Yw6GYw6WZwZ6bxaCbxaGcv6KdyKOexaKfvKWfyqWhzaeiz6yjzKmj0Kqj0Kyj0a6k0Kqlw76l0aqm06ynza6n0ayn1K2n1a2o1a6o1q+p1q+p16+q2LCtyLWuzrSuzrWvyLez0Luz0bu407+508C71sS+2NXB29jD2MvD2svF3c3G39vH3tjH39vJ39LK4tzO5NjQ5d7X6+DX7OPY7OPZ7ePb7+Xc8Oa65Fc8AAAALHRSTlMAGRodHh8iUldZXnBxdHd4e5+kp6ustLW6vN7f5ebw8vP09fX6+/z9/v7+/pMxHZMAAAFbSURBVBgZBcFNThNhAADQ932dtsOktKVpKYaEjTvxECYkGhduMC64AuE4nsGYKGHpwjO4MjEuXCDqYkr5U/o3M0x9LwBa2UbStqwW8xIIoNUbvawaScTZ9K6CANnO6/NJGQZ7m/A+XyCge7z+eg2tp13w9p5IduziGsKw0VxWOElJtB4xhfRFh+3pTcb490PUfcMDFgcdGG6WHPXE1hgbGPeB3l8MGzF7ha2SLqBd4DCLG7C7V1gCygBZTCDsjFbnBXDVgiS24eb7XTv59AB3f/qQRih+LEgnH2fk30YR6mSJnzPYfZYxbt6CVayoJtB/nsFgdA9VXJAXqA4SYHNQYh7nZ/4FPE4B+jNO50k5Vddry30AzUGRTOuG8mK/09/qPgkAivsPl+tElW8jDwA0P+e1gM4Jl2EB4MuvGQHS8REA3uUrBNDoDQ8Bp9PbNQRAI8uStF5V83kN/Afai3sy4mNhxAAAAABJRU5ErkJggg==')}

Wenn Sie Inline-CSS ersetzen möchten, müssen Sie möglicherweise das Schlüsselwort !important verwenden, z. B.

body{background-color: #cde !important;}

Logos

Ich möchte das Logo auf dem Konto eines meiner Benutzer ersetzen.

Mit benutzerdefinierter Domäne

Wenn Ihr Nutzer eine eigene Subdomain hat, brauchen Sie nur Ihr Logo in den Medienbereich Ihres Kundenkontos hochzuladen und dieses Fragment zu Ihrem Branding-Bereich hinzuzufügen.

Bitte beachten Sie, dass es für Benutzer ohne eine benutzerdefinierte Domain nicht möglich ist, das Logo der Anmeldeseite anzupassen.

body[domain="my-subdomain-com"] .branding-logo a img {
    content: url(https://my.subdomain.com/l/media?xxxxxxxxxx&fullsize=1);
}

Ohne benutzerdefinierte Domäne

Wenn Ihr Nutzer keine eigene Subdomain hat, müssen Sie nur Ihr Logo in den Medienbereich Ihres Kundenkontos hochladen und dieses Fragment zu Ihrem Branding-Bereich hinzufügen.

body[domain="username"] .branding-logo a img {
    content: url(https://your.subdomain.com/l/media?xxxxxxxxxx&fullsize=1);
}

Mehr CSS Hilfe finden Sie auf W3 Schools oder in unserem CSS & HTML Guide.

Letzte Aktualisierung vor 9 Monaten