Logo, Favicon und Ihre Markenfarben bearbeiten
Zuletzt aktualisiert am: Juli 25, 2024
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
Alle |
Benutzer mit der Berechtigung Account-Standards bearbeiten können das Logo, das Favicon und die Farben Ihrer Marke in Ihrem Brand Kit bearbeiten.
Legen Sie in Ihren Einstellungen Ihr Logo und Ihr Favicon sowie Ihre Primär-, Sekundär-, Akzent- und zusätzlichen Markenfarben fest. Die Markenfarben werden im Inhaltseditor, auf Terminplanungsseiten, Angeboten und Konversationskanälen angezeigt, nicht aber in Vorlagen und E-Mails für den Vertrieb.Ihr Logo bearbeiten
In den Einstellungen Ihres Accounts können Sie Ihr Standardlogo bearbeiten. Sie können dieses Logo für einzelne Inhalte außer Kraft setzen.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie im linken Seitenleistenmenü auf Account-Einstellungen.
- Klicken Sie auf die Registerkarte Branding.
- Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten.
- Um ein neues Logo hinzuzufügen, klicken Sie im Abschnitt Logos auf +Hinzufügen.
- Fügen Sie Ihr neues Logo hinzu:
- Um ein vorhandenes Bild aus dem Datei-Tool als Logo hinzuzufügen, klicken Sie auf Bilder durchsuchen. Klicken Sie im Bereich rechts auf das Bild.
- Um ein neues Bild hinzuzufügen, klicken Sie auf Hochladen und fügen Sie dann ein Bild von Ihrem Computer hinzu.
- Geben Sie im Feld Logoname einen Namen für das Logo ein. Hierbei handelt es sich um ein Pflichtfeld.
- Geben Sie im Feld Logo-ALT-Text eine Beschreibung Ihres Logos für Suchmaschinen und Bildschirmleseprogramme ein. Dadurch werden die Barrierefreiheit und die SEO Ihrer Website verbessert. Erfahren Sie in der Entwicklerdokumentation von HubSpot mehr über Website-Barrierefreiheit.
- Geben Sie im Feld Logo-URL eine URL ein, wenn Ihr Logo anklickbar sein soll.
- Um die Größe Ihres Logos zu ändern, geben Sie im Feld Breite oder Höhe einen neuen Wert ein. Das andere Feld wird automatisch angepasst, um die Proportionen des Bildes beizubehalten.
- Um ein weiteres Logo hinzuzufügen, klicken Sie auf + Hinzufügen am unteren Rand des Abschnitts Logos.
- Um ein vorhandenes Bild zu löschen, bewegen Sie den Mauszeiger über das Bild und klicken Sie auf das X in der oberen rechten Ecke. Um ein Logo zu löschen, klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie dann Löschen aus.
- Wenn Sie mit der Bearbeitung Ihres Logos fertig sind, klicken Sie unten links auf Speichern .
Ihr Favicon bearbeiten
In den Account-Einstellungen können Sie das Favicon Ihrer Website, also das kleine Bild in einem Browserfenster neben dem Seitentitel, anpassen. Ihr Favicon wird nur auf in HubSpot gehostete Inhalte angewendet.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie im linken Seitenleistenmenü auf Account-Einstellungen.
- Klicken Sie auf die Registerkarte Branding.
- Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten.
- Um ein neues Favicon hinzuzufügen, klicken Sie im Abschnitt Favicon auf + Hinzufügen.
- Fügen Sie Ihr neues Favicon hinzu:
- Um ein vorhandenes Bild aus dem Datei-Tool als Favicon hinzuzufügen, klicken Sie auf Bilder durchsuchen. Klicken Sie im Bereich rechts auf das Bild.
- Um ein neues Bild als Favicon hinzuzufügen, klicken Sie auf Hochladen und fügen Sie dann ein Bild von Ihrem Computer hinzu.
Bitte beachten: Um optimale Ergebnisse zu erzielen, speichern Sie Ihr Favicon als Bild mit einer Größe von 48 x 48 Pixel in einem dieser Dateiformate: .ico, .gif, .png.
- Geben Sie im Feld Favicon-Name den Namen Ihres Favicons ein.
- Wenn Sie mit der Bearbeitung Ihres Favicons fertig sind, klicken Sie unten links auf Speichern.
Ihre Markenfarben bearbeiten
Sie können in Ihren Einstellungen Markenfarben festlegen, die im Content-Editor angezeigt werden, sowie Terminplanungsseiten, Angebote und Conversations-Kanäle. Die Markenfarben werden nicht in Verkaufsvorlagen und -E-Mails erscheinen.
- Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
- Klicken Sie im linken Seitenleistenmenü auf Account-Einstellungen.
- Klicken Sie auf die Registerkarte Branding.
- Klicken Sie auf das Brand-Kit, das Sie bearbeiten möchten.
- Klicken Sie im Abschnitt Meine Brand-Kits auf die Registerkarte Farben.
- So legen Sie Ihre Markenfarben fest:
- Primärfarbe: die Hauptfarbe, die in Ihrer Marke verwendet wird. Geben Sie unter Primärfarbe einen Hexadezimal-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Klicken Sie dann auf Speichern. Primärfarbe ist ein Pflichtfeld.
- Sekundärfarbe: die am zweithäufigsten verwendete Farbe in Ihrer Marke. Geben Sie unter Sekundärfarbe einen Hexadezimal-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Klicken Sie dann auf Speichern.
- Akzentfarben: ergänzen Ihre primären und sekundären Markenfarben. Geben Sie unter Akzentfarbe einen Hexadezimal-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe aus. Klicken Sie dann auf Speichern. Sie können bis zu drei Akzentfarben hinzufügen.
- Zusätzliche Farben: werden nicht automatisch verwendet, sind aber in der Farbauswahl verfügbar und können in Entwicklungswerkzeugen referenziert werden. Klicken Sie add Hinzufügen neben Zusätzliche Farben, geben Sie einen Hexadezimal-Code ein oder klicken Sie auf die Farbauswahl und wählen Sie eine Farbe. Klicken Sie dann auf Speichern als. Sie können bis zu sechzehn zusätzliche Farben hinzufügen.
- Um eine zusätzliche Farbe zu löschen, klicken Sie auf delete löschen neben der Farbe, die Sie entfernen möchten, und dann auf Speichern als.
Bitte beachten:
Wenn Ihre Website auf eine Farbe verweist, die nicht in den Markeneinstellungen festgelegt ist, wird eine Fallback-Logik verwendet:- Die Sekundärfarbe wird standardmäßig auf die erste verfügbare Zusatzfarbe eingestellt.
- Die erste Akzentfarbe wird standardmäßig zur zweiten zusätzlichen Farbe.
- Die zweite Akzentfarbe ist standardmäßig die dritte zusätzliche Farbe.
- Die dritte Akzentfarbe ist standardmäßig die vierte zusätzliche Farbe.
- Wenn keine zusätzlichen Farben eingestellt sind, wird ein Standardfarbwert verwendet. Wenn keine Standardfarbe festgelegt ist, wird die Primärfarbe als Ausweichfarbe verwendet.
- Sie können auch Farben von einer Live-Seite importieren, die bereits Ihre Markenfarben verwendet:
- Klicken Sie auf Farben von URL importieren.
- Geben Sie im Dialogfeld die URL einer Seite ein, die Ihre Markenfarben verwendet, und klicken Sie dann auf Farben suchen.
- Deaktivieren Sie nach Abschluss des Scanvorgangs das Kontrollkästchen neben den Farben, die Sie nicht importieren möchten, und klicken Sie dann auf Importieren.