HubSpot Kennisbank

Aangepaste stijlen toevoegen aan je CTA (legacy)

Geschreven door HubSpot Support | Oct 8, 2020 9:01:16 AM

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:

  • 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.