Branding Ihres White Label Kontos
- Wie brande ich mein White Label Konto
- 1. Gehen Sie zum Abschnitt Branding Ihres White Label Kontos
- 2. Gestalten Sie das Aussehen Ihres Kontos mit eigenen Farben und CSS
- 3. Verwenden Sie Ihre eigene Produktiv Domain
- 4. Verwenden Sie Ihre eigene Subdomain für zusätzlichen Nutzer des White Label Kontos (optional)
- 5. Verwenden Sie Ihre eigene Domain für die QR Code ShortURL (optional)
- 6. Verwenden Sie Ihre eigene Domain für die E-Mail-Benachrichtigungen (optional)
- 7. Regionale Einstellungen - Benutzerdefinierte Sprachen
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.
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
3. 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
4. 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.
5. 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.
6. 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.
7. 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.
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.