Benutzerdefinierte Social-Media-Symbole im Inhalt verwenden

Um benutzerdefinierte Social-Symbole in einem Modul Social follow oder Social sharing auf einer HubSpot-Seite oder -Vorlage zu verwenden, erstellen Sie eine benutzerdefinierte Version des Moduls, um Ihre eigenen Social-Symbole hinzuzufügen.

1. Kopieren Sie das Standardmodul

• Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
• Klicken Sie in der linken Spalte auf das Modul Social Follow oder Social Sharing . 

• Klicken Sie in der Meldung im Modul-Editor auf Modul kopieren.

• Geben Sie im Dialogfeld einen Namen für Ihr kopiertes Modul ein, und klicken Sie dann auf Clone.

2. Symbole ersetzen

• Suchen Sie im Modulinspektor den Abschnitt Verknüpfte Dateien . Notieren Sie sich unter Andere Dateien die Dateinamen der Social-Media-Symbole für die einzelnen Netzwerke (z. B. facebook-color.png).
• Vergewissern Sie sich, dass Ihre benutzerdefinierten Bilder für Social-Symbole im PNG-Format  vorliegen und dieselben Dateinamen haben wie die vorhandenen Social-Symbol-Dateien für jedes Netzwerk im Modul (z. B. facebook-color.png).
• Um ein bestehendes Social-Media-Symbol für ein Netzwerk zu ersetzen, klicken Sie auf das Symbol x auf der rechten Seite der Datei. Klicken Sie dann auf Hinzufügen neben Andere Dateien.

• Verwenden Sie im rechten Bereich die Suchleiste , um Ihr benutzerdefiniertes Social-Symbol in Ihrem Datei-Manager zu finden, oder klicken Sie unten links auf Datei auswählen und wählen Sie Dateien hochladen, um Ihre benutzerdefinierten Social-Symbole von Ihrem Gerät hochzuladen.
• Klicken Sie auf den Dateinamen , um das Symbol + zum Modul hinzuzufügen.

• Nach dem Ersetzen der Social-Media-Symbol-Dateien klicken Sie auf Vorschau oben rechts im Modul-Editor, um eine Vorschau des Moduls zu öffnen.
• Wenn Sie mit dem Aussehen des Moduls zufrieden sind, klicken Sie auf Änderungen veröffentlichen oben rechts im Modul-Editor. 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

• Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
• Klicken Sie in der linken Spalte auf den Namen einer Vorlage. 
• Klicken Sie in der rechten Spalte auf + Hinzufügen. 
• Klicken Sie auf das neue Modul , und ziehen Sie es dann auf Ihre Vorlage. 
• Klicken Sie oben rechts auf Änderungen veröffentlichen.

Kodierten Vorlagen

• Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
• Klicken Sie in der linken Spalte auf den Namen des neuen Moduls. 
• Klicken Sie oben links auf das Dropdown-Menü Aktionen und wählen Sie dann Snippet kopieren.
  
  
• Klicken Sie in der linken Spalte auf den Namen  der kodierten Vorlage. 
• Fügen Sie in der kodierten Vorlage das Snippet ein, in dem das Modul angezeigt werden soll.
• Klicken Sie oben rechts auf Änderungen veröffentlichen.