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

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.

• 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.