Laatst bijgewerkt: augustus 5, 2021
Gebruik HubSpot's geavanceerde opties voor CTA's om sterk aangepaste CTA-buttons te maken die perfect passen bij het thema van je website.
Let op: aangepaste stijlen kunnen alleen worden toegepast op aangepaste knoppen en niet op afbeeldingsknoppen.
- Navigeer in uw HubSpot-account naar Marketing > Lead capture > CTA's.
- Ga met de muis over een CTA en klik op Acties>Bewerken, of klik op CTA maken.
-
In het schuifpaneel, scroll naar beneden en klik op Geavanceerde opties.
- Er zijn twee manieren waarop u aangepaste CSS-styling kunt toepassen op uw CTA:
- Als u een aangepaste klasse aan uw CTA wilt toevoegen,ondersteunt het veld Aangepaste CSS-klasseaangepaste klasse-ingangen. Dit is handig wanneer meerdere CTA's op uw websitepagina's een vergelijkbare set ontwerpkenmerken moeten delen, zoals lettertypefamilies, grootte, of zelfs padding en marges. Als u 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 uw HubSpot pagina's.
- Als u wilt dat de aangepaste stijlen alleen van toepassing zijn op de CTA die u bewerkt, kunt u in het Custom CSSveld inline styling toepassen die specifiek is voor die CTA. Als u een element van de CTA wilt wijzigen, voeg dan hier een nieuwe stijlverklaring toe voordat u uw wijzigingen opslaat.
Let op: als u aangepaste CSS-styling toepast op uw CTA, moet u alleen de Aangepaste CSS-klasse of de Aangepaste CSS-optie gebruiken. Als beide opties worden toegepast, kan dit resulteren in problemen met de styling of weergave van uw CTA.
- Klik rechtsonder op Volgende> omhet maken of bewerken van uw CTA tevoltooien.
