Benutzerdefinierte Social-Media-Symbole im Inhalt verwenden

Zu den standardmäßigen Social-Sharing - und Social-Follow-Modulen von HubSpot gehören Symbole für gängige Social-Media-Netzwerke (z. B. Facebook oder LinkedIn). Um die standardmäßigen Social-Media-Symbole zu ersetzen, können Sie das Modul klonen und anpassen. Fügen Sie dann Ihr benutzerdefiniertes Social-Media-Modul zu Ihren Seiten oder Vorlagen hinzu. 

Das standardmäßige Social-Media-Modul klonen

1. Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
2. Geben Sie im Finder Text ein, um nach dem Modul "Social Sharing" oder "Social Media-Follow " zu suchen.
3. Klicken Sie auf die Module Social Follow oder Social-Media-Sharing. 
4. Klicken Sie im Modul-Editor in der Warnung Modul ist schreibgeschützt auf Modul klonen.

5. Geben Sie im Dialogfeld einen Namen für Ihr kopiertes Modul ein, und klicken Sie dann auf Clone. Sie werden zum Modul-Editor weitergeleitet, um die Social-Media-Symbole weiter anzupassen.

Die Social-Media-Symbole ersetzen

1. Suchen Sie im Inspektor den Abschnitt Verlinkte Dateien. Achten Sie im Feld Andere Dateien auf die Dateinamen der Social-Media-Symbole für die einzelnen Netzwerke (z. B. facebook-color.png oder linkedin-color.png).
2. Bestätigen Sie, dass Ihre benutzerdefinierten Social-Media-Symbole im PNG-Format vorliegen.
   
3. Vergewissern Sie sich, dass Ihre neuen Social-Media-Symbolbilder die gleichen Dateinamen wie die vorhandenen Social-Media-Symboldateien für jedes Netzwerk im Modul haben (z. B. facebook-color.png oder linkedin-color.png).
4. Klicken Sie auf das X, um die vorhandene Social-Media-Symboldatei zu entfernen.
5. Klicken Sie neben dem Feld Andere Dateien auf Hinzufügen.

6. Suchen Sie im rechten Bereich Ihr benutzerdefiniertes Social-Media-Symbol im Datei-Manager. Um eine Datei von Ihrem Gerät hochzuladen, klicken Sie auf Hochladen.
7. Klicken Sie auf den Dateinamen , um das Symbol + zum Modul hinzuzufügen.
8. Um eine Vorschau des Social-Media-Moduls anzuzeigen, klicken Sie oben rechts im Modul-Editor auf Vorschau.
9. Wenn Sie fertig sind, klicken Sie auf "Änderungen veröffentlichen". 

Modul zu Ihrer Vorlage hinzufügen

Nachdem das Social-Media-Modul veröffentlicht wurde, können Sie es entweder zu einer Drag-&-Drop-Vorlage oder einer Code-Vorlage hinzufügen.

Drag-&-Drop-Vorlagen

1. Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
2. Klicken Sie im Finder auf den Namen einer Vorlage. 
3. Klicken Sie im Inspektor auf + Hinzufügen. 
4. Klicken Sie auf das neue Social-Media-Modul und ziehen Sie es dann an die gewünschte Stelle auf Ihrer Vorlage. 
5. Wenn Sie fertig sind, klicken Sie oben rechts auf Änderungen veröffentlichen.

Kodierten Vorlagen

1. Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
2. Klicken Sie im Finder auf das neue Social-Media-Modul.
3. Klicken Sie auf das Dropdown-Menü Aktionen und wählen Sie Snippet kopieren aus.
4. Klicken Sie im Finder auf die kodierte Vorlage . 
5. Fügen Sie im Code-Editor das Snippet an der Stelle ein, an der das Modul angezeigt werden soll.
6. Wenn Sie fertig sind, klicken Sie oben rechts auf Änderungen veröffentlichen.