Gebruik aangepaste sociale pictogrammen in inhoud

De standaardmodules Social sharing en Social follow van HubSpot bevatten veelgebruikte pictogrammen voor sociale netwerken (bijvoorbeeld Facebook of LinkedIn). Om de standaard sociale pictogrammen te vervangen, kun je de module klonen en aanpassen. Voeg vervolgens uw aangepaste sociale module toe aan uw pagina's of sjablonen.

De standaard sociale module klonen

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Voer in de zoeker tekst in om te zoeken naar de module Sociaal delen of Sociaal volgen.
3. Klik op de module Sociaal volgen of Sociaal delen .
4. Klik in de module-editor op Module klonen in de waarschuwing Module is alleen-lezen.

5. Voer in het dialoogvenster een naam in voor uw gekloonde module en klik op Klonen. U gaat nu naar de module-editor om verder te gaan met het aanpassen van de sociale pictogrammen.

De sociale pictogrammen vervangen

1. Ga in de inspecteur naar de sectie Gekoppelde bestanden . Noteer in hetveld Overige bestanden de bestandsnamen van de sociale pictogrammen voor elk netwerk (bijvoorbeeld facebook-color.png of linkedin-color.png).
2. Controleer of je aangepaste sociale pictogramafbeeldingen in PNG-indeling zijn.
   
3. Controleer of je nieuwe sociale pictogrammen dezelfde bestandsnamen hebben als de bestaande sociale pictogrambestanden voor elk netwerk in de module (bijvoorbeeld facebook-color.png of linkedin-color.png).
4. Klik op de X om het bestaande bestand met sociale pictogrammen te verwijderen.
5. Klik op Toevoegen naast het veld Overige bestanden.

6. Zoek in het rechterpaneel je aangepaste sociale pictogram in de bestandsbeheerder. Als u een bestand vanaf uw apparaat wilt uploaden, klikt u op Uploaden.
7. Klik op de bestandsnaam om het pictogram aan de module toe te voegen.
8. Als u een voorbeeld van de sociale module wilt bekijken, klikt u op Voorbeeld in de rechterbovenhoek van de module-editor.
9. Als u klaar bent, klikt u op Wijzigingen publiceren.

De module toevoegen aan uw sjabloon

Nadat de sociale module is gepubliceerd, kunt u deze toevoegen aan een sjabloon met slepen en neerzetten of een gecodeerde sjabloon.

Sjablonen met slepen en neerzetten

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Klik in de zoeker op de naam van een sjabloon.
3. Klik in de inspecteur op + Toevoegen.
4. Klik op de nieuwe sociale module en sleep deze naar de sjabloon.
5. Als u klaar bent, klikt u rechtsboven op Wijzigingen publiceren.

Gecodeerde sjablonen

1. Ga in je HubSpot-account naar Inhoud > Design Manager.
2. Klik in de zoeker op de nieuwe sociale module.
3. Klik op het vervolgkeuzemenu Acties en selecteer Knipsel kopiëren.
4. Klik in de zoeker op het gecodeerde sjabloon.
5. Plak in de code-editor het knipsel op de plek waar u de module wilt hebben.
6. Als u klaar bent, klikt u rechtsboven op Wijzigingen publiceren.