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.

Aangepaste stijlen toevoegen aan je CTA (legacy)

Laatst bijgewerkt: februari 19, 2025

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Legacy Marketing Hub Basic

Gebruik de geavanceerde opties van HubSpot voor CTA's (legacy) om sterk aangepaste CTA knoppen te maken die perfect passen bij het thema van je website. Je kunt een aangepaste CSS-klasse gebruiken omaangepaste klasse-invoer vanuit je stylesheet te ondersteunen of aangepaste CSS rechtstreeks aan de CTA toevoegen.

Leer hoe je het formaat van je CTA (legacy) verder kunt aanpassen. Als je je CTA (legacy) toevoegt aan een e-mail of sjabloon, lees dan hoe je je CTA kunt centreren.

Let op: accounts die na 17 maart 2025 zijn aangemaakt, hebben geen toegang tot de CTA (legacy) tool.

Om een aangepaste stijl toe te voegen aan je knop CTA:

  • Ga in je HubSpot-account naar Marketing > CTA's.
  • Klik linksboven op het vervolgkeuzemenu en selecteer CTA's (legacy).
  • Beweeg de muis over een CTA en klik op Acties > Bewerken of klik op CTA maken.
  • Scroll in het rechterpaneel naar beneden en klik op Geavanceerde opties.

  • Je kunt aangepaste CSS-styling toepassen op je CTA door alleen de Aangepaste CSS-klasse of de Aangepaste CSS-optie te gebruiken. Als beide opties worden toegepast, kunnen er problemen ontstaan met de styling of weergave van de CTA.
    • Aangepaste CSS klasse: voeg een aangepaste klasse toe aan je CTA om aangepaste klasse invoer te ondersteunen. Dit is handig als meerdere CTA's op je websitepagina's dezelfde ontwerpkenmerken moeten hebben, zoals lettertypefamilies, grootte of zelfs opvulling en marges. Als je een aangepaste CSS-klasse gebruikt, zorg er dan voor dat de klasse wordt opgenomen en gestyled in het CSS-stylesheet dat wordt toegepast als de hoofdstijl voor je Hubspot-pagina's.
    • Aangepaste CSS: voeg aangepaste stijlen toe die alleen van toepassing zijn op de CTA die je bewerkt. In het veld Aangepaste CSS kun je inline styling toepassen die specifiek is voor die CTA. Als je een element van de CTA wilt wijzigen, voeg dan hier een nieuwe stijlverklaring toe voordat je je wijzigingen opslaat.
  • Klik rechtsonder op Volgende > om het maken of bewerken van je CTA (legacy) te voltooien.

Let op: aangepaste stijlen kunnen alleen worden toegepast op aangepaste knoppen en niet op knoppen met afbeeldingen.

Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.