Gebruik aangepaste sociale pictogrammen op HubSpot-pagina's of sjablonen
Laatst bijgewerkt: januari 19, 2023
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.

- 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.
- 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.
Gerelateerde documentatie
-
Pagina's maken in meerdere talen
Je kunt de inhoud van een HubSpot-pagina in meerdere talen vertalen. Door een taalswitcher-module toe te...
Kennisbank -
Lettertypes gebruiken in HubSpot
De beschikbare lettertypen voor inhoud in HubSpot zijn afhankelijk van het type inhoud en het type...
Kennisbank -
De Google Tag Manager-code toevoegen aan HubSpot-content
U kunt Google Tag Manager integreren met HubSpot om uw HubSpot-gehoste landingspagina's, websitepagina's,...
Kennisbank