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.
Design Manager

Benutzerdefinierte Social-Media-Symbole auf HubSpot-Seiten oder -Vorlagen verwenden

Zuletzt aktualisiert am: Oktober 31, 2019

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
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 zu Marketing > Dateien und Vorlagen > 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.
/de/cos-blog/how-do-i-add-custom-social-icons-to-a-hubspot-page