Benutzerdefinierte Social-Media-Symbole auf HubSpot-Seiten oder -Vorlagen verwenden
Zuletzt aktualisiert am: Juni 28, 2023
Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):
|
|
Ehemaliges Marketing Hub Basic |
Um benutzerdefinierte Social-Media-Symbole in einem Follow-Me- oder Social Sharing-Modul auf einer HubSpot-Seite oder -Vorlage zu verwenden, erstellen Sie eine benutzerdefinierte Version des Moduls, um Ihre eigenen Social-Media-Symbole hinzuzufügen.
1. Standardmodul klonen
- Gehen Sie in Ihrem HubSpot-Account zum Abschnitt Marketing, klicken Sie dann auf Dateien und Vorlagen und abschließend auf Design-Manager.
- Verwenden Sie oben links die Suchleiste, um das standardmäßige Follow Me- oder Social Sharing-Modul zu suchen.
- Klicken Sie auf den Namen des Moduls, um es im Editor zu öffnen.
- Klicken Sie in der Warnmeldung des Moduls-Editors auf Modul klonen.

- Geben Sie im Dialogfeld einen Namen für Ihr geklontes Modul ein und klicken Sie auf Klonen.
2. Symbole ersetzen
- Suchen Sie im Modul-Inspektor den Abschnitt Verlinkte Dateien. Beachten Sie unter Andere Dateien die Social-Media-Symboldateinamen für jedes Netzwerk (z. B. facebook-color.png).
- Stellen Sie sicher, dass Ihre benutzerdefinierten Social-Media-Symbolbilder im PNG-Format vorliegen und dieselben Dateinamen wie die vorhandenen Social-Media-Symboldateien für jedes Netzwerk im Modul aufweisen (z.B. facebook-color.png).
- Um ein bestehendes Social-Media-Symbol für ein Netzwerk zu ersetzen, klicken Sie rechts neben der Datei auf das x-Symbol. Klicken Sie dann auf Hinzufügen neben Andere Dateien.
- Verwenden Sie im rechten Bereich die Suchleiste, um Ihr benutzerdefiniertes Social-Media-Symbol in Ihrem Datei-Manager zu finden, oder klicken Sie unten links auf Datei hinzufügen und wählen Sie Dateien hochladen aus, um Ihre benutzerdefinierten Social-Media-Symbole von Ihrem Gerät hochzuladen.
- Klicken Sie auf den Dateinamen, um das Symbol zum Modul hinzuzufügen.
- Nachdem Sie die Social-Media-Symboldateien ersetzt haben, klicken Sie oben rechts im Moduleditor auf Vorschau, um eine Vorschau des Moduls zu öffnen.
- Wenn Sie mit dem Modul zufrieden sind, klicken Sie oben rechts im Moduleditor auf Änderungen veröffentlichen. Sie können dieses neue benutzerdefinierte Modul jetzt zu Ihrem HubSpot-Inhalt hinzufügen.
3. Modul zu Ihrer Vorlage hinzufügen
Nachdem das Modul veröffentlicht ist, können Sie es entweder zu einer Drag-&-Drop-Vorlage oder einer kodierten Vorlage hinzufügen.
Drag-&-Drop-Vorlagen
Um Ihr neues Social-Media-Sharing- oder Follow-Me-Modul zu einer Drag-&-Drop-Vorlage hinzuzufügen, lesen Sie in unserem Leitfaden, wie Sie Module zu Vorlagen hinzufügen.
Kodierten Vorlagen
So fügen Sie dieses neue Modul zu einer kodierten Vorlage hinzu:
- Öffnen Sie das Modul in Ihrem Design-Manager.
- Klicken Sie oben links auf das Dropdown-Menü Aktionen und wählen Sie dann Snippet kopieren aus.
- Gehen Sie zu der kodierten Vorlage, der Sie dieses Modul hinzufügen möchten.
- Fügen Sie in der kodierten Vorlage das Snippet ein, in dem das Modul angezeigt werden soll.
- Klicken Sie oben rechts auf Veröffentlichen.