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: april 2, 2021

Geldt voor:

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

Als u aangepaste sociale pictogrammen wilt gebruiken in een module Volg mij of Sociaal delen op een HubSpot-pagina of -sjabloon, maakt u een aangepaste versie van de module om uw eigen sociale pictogrammen toe te voegen.

1. Kloon de standaardmodule

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Gebruik de zoekbalk linksboven om de standaardmodule Follow Me ofSocial Sharing op te zoeken.
  • Klik op de naamvande module.om deze te openen in de editor.
  • Klik in de melding in de module-editor op Module klonen.
custom-social-sharing-module
  • Voer in het dialoogvenster een naam in voor uw gekloonde module en klik dan op Klonen.

2. Vervang de pictogrammen

  • Zoek in de module-inspector naar desectie Gekoppelde bestanden.Noteer onder Anderebestanden de bestandsnamen van de sociale pictogrammen voor elk netwerk (bijv. facebook-color.png).
  • Zorg ervoor dat uw aangepaste afbeeldingen van sociale pictogrammen inPNG-formaat zijnen 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-symbool aande rechterkant van het bestand. Klikvervolgensop Toevoegennaast Andere bestanden.

  • Gebruik in het rechterpaneel de zoekbalk omuw aangepaste sociale pictogrammen te zoeken in uw bestandsbeheer of kliklinksonderop Bestand toevoegen en selecteer Bestanden uploaden omuw aangepaste sociale pictogrammen vanaf uw apparaat teuploaden.
  • 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 uw sjabloon

Als de module is gepubliceerd, kun je deze toevoegen aan een sjabloon met slepen en neerzetten of aan een gecodeerd sjabloon.

Sjablonen met slepen en neerzetten

Om uw nieuwe module Social Sharing of Follow Me aan een sjabloon met slepen en neerzetten toe te voegen, raadpleegt u onze gids over hoe u modules aan sjablonen toevoegt.

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.