Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.

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):

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
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.
custom-social-sharing-module
  • 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.

    design-manager-copy-module-snippet
  • 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.
War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.