Zum Hauptinhalt gehen
DE Español Français Italiano Português

Benutzerdefiniertes Branding für White Label

Verfügbar auf White-Label-Pläne und höher.

Mit benutzerdefiniertem 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.

Tipp

Nimm unsere Benutzerdefiniertes Branding Duda Academy-Kurs, in dem Sie lernen, wie Sie Domain, Farben und mehr anpassen können.

Benutzerdefiniertes Branding hinzufügen

So fügst du ein benutzerdefiniertes Branding hinzu:

  1. Loggen Sie sich in Ihr Konto ein, um auf das zuzugreifenDashboard.

  2. Auf demWeißes EtikettTab, klicken SieBenutzerdefiniertes Branding.

  3. Klicken Sie im Seitenbereich 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 SieLöschen.. Das Logo wird auf der Anmeldeseite, im Dashboard, im Editor und auf Vorschauseiten angezeigt.

  4. Klicken Sie im Seitenbereich aufErsetzen um ein Favicon-Bild hochzuladen. Um zum Standardbild zurückzukehren,Auf Standard zurücksetzen. Die besten Ergebnisse erzielen Sie, wenn Sie eine PNG-, JPEG- oder ICO-Datei hochladen, die 16 x 16 oder 32 x 32 Pixel groß ist

  5. 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:

    • Oberste Leisteist 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 Werkzeugleiste handelt. Wählen Sie also eine Farbe, die Ihre Benutzer nicht überfordert, wenn sie in ihrem Dashboard oder Editor nach den benötigten Symbolen oder Tools suchen

    • Primärist die Hintergrundfarbe Ihrer CTA-Hauptschaltfläche (Call to Action) auf der gesamten Plattform sowie anderer markanter Elemente.

    • Text auf der Grundschuleist die Farbe des Textes, der auf allem erscheint, was an Ihre primäre Farbeinstellung angepasst wurde. Stellen Sie sicher, dass ein starker Kontrast zwischen Ihrer Primärfarbe und der Farbe „Text auf der Primärfarbe“ besteht.

    • Sekundärist die Farbe zusätzlicher, allgemein anklickbarer Elemente, die nicht unbedingt die Hauptaktion auf dem Bildschirm sind. Die Sekundärfarbe wird für Elemente verwendet, die auf weißem Hintergrund angezeigt werden. Verwenden Sie eine Farbe, die einen guten Kontrast zu einem weißen Hintergrund hat.

  6. (Fakultativ) Klicken Sie HTML/CSS um benutzerdefinierten Code hinzuzufügen. Weitere Informationen finden Sie unter Fügen Sie benutzerdefiniertes HTML und CSS zum White-Label-Branding hinzu.

  7. Klicken Sie Änderungen speichern.

Fügen Sie benutzerdefiniertes HTML und CSS zum White-Label-Branding hinzu

Verfügbar in benutzerdefinierten Tarifen. Wenn Sie Ihr Abonnement aktualisieren möchten,vereinbaren Sie einen Termin mit unserem Team.

So fügst du deinem White-Label-Plattform-Branding benutzerdefiniertes CSS oder HTML hinzu:

  1. Loggen Sie sich in Ihr Konto ein, um auf das zuzugreifenDashboard.

  2. Klicken Sie in der oberen Navigationsleiste aufWeißes Etikett, und klicken Sie dann aufBenutzerdefiniertes Branding.

  3. Unter Mit HTML/CSS bearbeiten, klicken SieHTML/CSS.

  4. Wählen Sie den entsprechenden Tab (HTML oder CSS).

  5. Geben Sie Ihren benutzerdefinierten Code in das dafür vorgesehene Feld ein.

    Anmerkung

    • Benutzerdefiniertes CSS kann zu Ihrem Whitelabel-Dashboard, Editor, Reset-Seite, Vorschau und Anmeldebildschirm hinzugefügt werden.

    • Klicken Sie auf der Registerkarte CSS auf die bereitgestellten Klassen mit Präfix, um Fehler zu vermeiden.

  6. Klicken SieErledigt.

  7. Klicken Sie auf dem Bildschirm Benutzerdefiniertes Branding aufÄnderungen speichern.

Um Ihre Änderungen einzusehen, geben Sie Ihr Konto über Ihre Whitelabel-Domain ein.

Anmerkung

  • Dudabehebt keine Probleme mit benutzerdefiniertem Code. Wir empfehlen Ihnen, einen Fachmann zu konsultieren, wenn Sie wenig bis gar keine Erfahrung mit der Implementierung von benutzerdefiniertem Code haben.

  • Dudaverwendet bereits jQuery, sodass die jQuery-Bibliothek nicht erneut importiert werden muss.

  • Wir empfehlen, Skripte asynchron zu laden, damit der gesamte Editor schnell geladen wird. Um mehr zu erfahren, schauen Sie sich das anAnleitung zum Laden von Skripten.

  • Wir empfehlen, 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 die Bearbeitung nicht verzögert

Was this article helpful?

Zurück an den Anfang