Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Design Manager

Gebruik aangepaste sociale pictogrammen op HubSpot-pagina's of sjablonen

Laatst bijgewerkt: juni 15, 2022

Geldt voor:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

Om aangepaste sociale pictogrammen te gebruiken in een Follow Me of Social Sharing module op een HubSpot pagina of sjabloon, maak je een aangepaste versie van de module om je eigen sociale pictogrammen toe te voegen.

1. Kloon de standaardmodule

  • { local.navDesignManager }}
  • Gebruik de zoekbalk linksboven om de standaard Follow MeofSocial Sharingmodule te vinden.
  • Klik op denaamvan de module.om deze te openen in de editor.
  • Klik in de waarschuwing in de module-editor op Moduleklonen.
custom-social-sharing-module
  • Voer in het dialoogvenster een naam in voor uw gekloonde module en klik vervolgens opKlonen.

2. Vervang de pictogrammen

  • Zoek in de module-inspector naar de sectieGekoppelde bestanden. Noteer onderAndere bestanden de bestandsnamen van de sociale pictogrammen voor elk netwerk (bijv.facebook-color.png).
  • Zorg ervoor dat uw aangepaste afbeeldingen van sociale pictogrammen inPNG-formaat zijn en dezelfde bestandsnamen hebben als de bestaande bestanden met sociale pictogrammen voor elk netwerk in de module(bijv.facebook-color.png).
  • Om een bestaand sociaal pictogram voor een netwerk te vervangen, klikt u op hetx-symboolaan de rechterkant van het bestand. Klik vervolgens opToevoegen naastAndere bestanden.

  • Gebruik in het rechterpaneel de zoekbalkom uw aangepaste sociale pictogrammen te zoeken in uw bestandsbeheer of klik linksonder op Bestandtoevoegenen selecteerBestanden uploaden om uw aangepaste sociale pictogrammen vanaf uw apparaat te uploaden.
  • Klik op debestandsnaam om het pictogram aan de module toe te voegen.

  • Nadat u de bestanden met sociale pictogrammen hebt vervangen, klikt u op Voorbeeldrechtsboven in de module-editor om een voorbeeld van de module te openen.
  • Wanneer u tevreden bent met hoe de module eruit ziet, klikt u opWijzigingen publiceren rechtsboven inde module-editor. U kunt nu deze nieuwe aangepaste module toevoegen aan uw HubSpot-inhoud.


3. Voeg de module toe aan je template

Met de gepubliceerde module, kun je deze toevoegen aan een drag and drop sjabloon of een gecodeerd sjabloon.

Slepen en neerzetten sjablonen

Om je nieuwe Social Sharing of Follow Me module toe te voegen aan een drag and drop sjabloon, bekijk je onze gids over hoe je modules toevoegt aan sjablonen.

Gecodeerde sjablonen

Om deze nieuwe module toe te voegen aan een gecodeerde sjabloon:

  • Open de module in uw design manager.
  • Klik linksboven op het vervolgkeuzemenu Acties en selecteerKnipsel kopiëren.

    design-manager-copy-module-snippet
  • Navigeer naar de gecodeerde sjabloon waaraan u deze module wilt toevoegen.
  • Plak in de gecodeerde sjabloon het knipsel waar u de module wilt laten verschijnen.
  • Klik rechtsboven opPubliceren.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.