Mit dem benutzerdefinierten Branding können Sie die gesamte Plattform zu Ihrer eigenen machen, indem Sie sie mit Ihrem Logo, Favicon und Ihren Farben anpassen, damit Kunden Ihre Marke überall sehen.
So fügen Sie benutzerdefiniertes Branding hinzu:
-
Melden Sie sich bei Ihrem Konto an, um auf das Dashboard zuzugreifen.
-
Klicken Sie auf der Registerkarte Weiße Beschriftung auf Benutzerdefiniertes Branding.
-
Klicken Sie in der Seitenleiste auf Ersetzen , um ein Logobild hinzuzufügen. Die maximale Auflösung des Logobildes beträgt 43 x 227 Pixel (Höhe x Breite). Um das Logo zu entfernen, klicken Sie auf Löschen. Das Logo wird auf der Anmeldeseite, im Dashboard, im Editor und auf den Vorschauseiten angezeigt.
-
Klicken Sie in der Seitenleiste auf Ersetzen , um ein Favicon-Bild hochzuladen. Um das Standardbild wiederherzustellen, klicken Sie auf Auf Standard zurücksetzen. Die besten Ergebnisse erzielen Sie, wenn Sie eine .png hochladen, .jpeg oder .ico Datei mit einer Größe von 16 x 16 oder 32 x 32 Pixeln.
-
Klicken Sie im Abschnitt Wählen Sie Ihre Farben auf eine Farbe, um eine neue Farbe auszuwählen, oder geben Sie einen HEX-Wert ein. Im Folgenden finden Sie eine Beschreibung der einzelnen Felder:
-
Top Bar ist die Farbe der oberen Leiste Ihres Kunden auf der gesamten Plattform. Wir empfehlen, eine auffällige Farbe zu verwenden, aber denken Sie daran, dass es sich um eine Symbolleiste handelt, also wählen Sie eine Farbe, die Ihre Benutzer nicht überfordert, wenn sie nach den Symbolen oder tool suchen, die sie in ihrem Dashboard oder Editor benötigen.
-
Primär ist die Hintergrundfarbe Ihrer Haupt-CTA-Schaltfläche (Call to Action) auf der gesamten Plattform sowie anderer prominenter Elemente.
-
Text auf Primär ist die Farbe des Textes, der auf allem erscheint, was an Ihre Primärfarbeinstellungen angepasst ist. Stellen Sie sicher, dass es einen starken Kontrast zwischen den Primärfarben und den Farben Text auf Primärfarben gibt.
-
Sekundär ist die Farbe von zusätzlichen, allgemein anklickbaren Elementen, die nicht unbedingt die primäre Aktion auf dem Bildschirm sind. Die Sekundärfarbe wird für Elemente verwendet, die auf einem weißen Hintergrund angezeigt werden. Verwenden Sie eine Farbe, die einen guten Kontrast zu einem weißen Hintergrund hat.
-
-
(Fakultativ) Klicken Sie auf HTML/CSS , um benutzerdefinierten Code hinzuzufügen. Weitere Informationen finden Sie unter Hinzufügen von benutzerdefiniertem HTML und CSS zum Branding mit weißer Beschriftung.
-
Klicken Sie auf Änderungen speichern.
So fügen Sie benutzerdefiniertes CSS oder HTML zu Ihrem weißen Beschriftung-Plattform-Branding hinzu:
-
Melden Sie sich bei Ihrem Konto an, um auf das Dashboard zuzugreifen.
-
Klicken Sie in der oberen Navigationsleiste auf Weiße Beschriftung, und klicken Sie dann auf Benutzerdefiniertes Branding.
-
Klicken Sie unter Mit HTML/CSS bearbeiten auf HTML/CSS.
-
Wählen Sie die entsprechende Registerkarte (HTML oder CSS) aus.
-
Geben Sie Ihren benutzerdefinierten Code in das dafür vorgesehene Feld ein.
Hinweis
-
Benutzerdefiniertes CSS kann zu Ihrem weißen Beschriftungs-Dashboard, Editor, Zurücksetzen der Website-Seite, Vorschau und Anmeldebildschirmen hinzugefügt werden.
-
Klicken Sie auf der Registerkarte CSS auf die bereitgestellten Klassen mit Präfixen, um Fehler zu vermeiden.
-
-
Klicken Sie auf Fertig.
-
Klicken Sie auf dem Bildschirm "Benutzerdefiniertes Branding" auf "Änderungen speichern".
Um Ihre Änderungen anzuzeigen, rufen Sie Ihr Konto über Ihre White-Label-Domain auf.
Hinweis
-
Duda führt keine Fehlerbehebung für benutzerdefinierten Code durch. Wir empfehlen Ihnen, einen Fachmann zu konsultieren, wenn Sie wenig bis gar keine Erfahrung mit der Implementierung von benutzerdefiniertem Code haben.
-
Duda verwendet bereits jQuery, so dass die jQuery-Bibliothek nicht erneut importiert werden muss.
-
Es wird empfohlen, Skripte asynchron zu laden, damit der gesamte Editor schnell geladen wird. Weitere Informationen finden Sie in dieser Anleitung zum Laden von Skripts.
-
Wir empfehlen Ihnen, mit dem Laden von Javascript-Code zu warten, bis das window.onload-Ereignis abgeschlossen ist. Dadurch wird sichergestellt, dass der Benutzer mit der Bearbeitung der Website beginnen kann und Ihr zusätzlicher Code das Bearbeitungserlebnis nicht verzögert.