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

Voeg aangepaste stijlen toe aan uw CTA

Laatst bijgewerkt: augustus 5, 2021

Geldt voor:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

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.edit-or-create-new-cta
  • 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.