Design Manager

Gebruik aangepaste sociale pictogrammen op HubSpot pagina's of sjablonen

Laatst bijgewerkt: oktober 19, 2020

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, maakt u een aangepaste versie van de module om uw eigen sociale pictogrammen toe te voegen.

1. 2. Kloon de standaard module

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Gebruik de zoekbalk linksboven om de standaard Follow Me ofSocial Sharingmodulete vinden.
  • Klik op de naamvan demodule.om deze te openen in de editor.
  • Klik in de alert in de module-editor opKloonmodule.
custom-social-sharing-module
  • Voer in het dialoogvenster een naam in voor uw gekloonde module en klik vervolgens op Kloon.

2. 2. Vervang de pictogrammen

  • Zoek in de module-inspecteur desectie Gekoppelde bestanden.Let onder Anderebestanden op 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-symboolrechts van het bestand. Klikvervolgensop Toevoegennaast Andere bestanden.

  • Gebruik in het rechterpaneel de zoekbalk omuw aangepaste sociale pictogram in uw bestandsbeheer te vinden, of klik op Bestand toevoegenlinksonderen selecteer Bestanden uploaden omuw aangepaste sociale pictogrammen teuploaden vanaf uw toestel.
  • Klik op debestandsnaam om het pictogram toe te voegen aan de module.

  • Nadat u de bestanden met het sociale pictogram hebt vervangen, klikt u op Voorbeeld inde rechterbovenhoek van de module-editor om een voorbeeld van de module te openen.
  • Wanneer u tevreden bent met hoe de module verschijnt, klikt urechtsboven in de module-editor op Publiceren vanwijzigingen. U kunt nu deze nieuwe aangepaste module toevoegen aan uw HubSpot inhoud.


3. 3. Voeg de module toe aan uw sjabloon

Met de gepubliceerde module kunt u deze toevoegen aan een sjabloon met slepen en neerzetten of aan een gecodeerd sjabloon.

Slepen en neerzetten sjablonen

Om uw nieuwe Social Sharing of Follow Me module toe te voegen aan een sjabloon met behulp van slepen en neerzetten, raadpleegt u onze handleiding over het toevoegen van modules aan sjablonen.

Gecodeerde sjablonen

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

  • Open de module in uw designmanager.
  • Klik linksboven op het vervolgkeuzemenu Acties en selecteer vervolgensKnipsel kopiëren.

    design-manager-copy-module-snippet
  • Navigeer naar het gecodeerde sjabloon waaraan u deze module wilt toevoegen.
  • Plak in het gecodeerde sjabloon het fragment waar u de module wilt laten verschijnen.
  • Klik rechtsboven op Publiceren.