CTAs

Voeg aangepaste stijlen toe aan uw CTA

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

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

Gebruik de geavanceerde opties van HubSpot voor CTA's om zeer aangepaste CTA-knoppen te maken die perfect passen bij het thema van uw website.

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

  • Navigeer in uw HubSpot-account naar Marketing > Lead capture > CTA's.
  • Beweeg met de muis over een CTA en klik op het vervolgkeuzemenu Acties en selecteer vervolgens Bewerken. Of klik rechtsboven opCreate CTA.edit-or-create-new-cta
  • Klik in het schuifvenster opGeavanceerde 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,ondersteunthet veld Aangepaste CSS-klasseaangepaste klasse-invoer. Dit is handig wanneer meerdere CTA's op uw website pagina's een vergelijkbare set ontwerpkenmerken moeten delen, zoals lettertypefamilies, grootte, of zelfs opvulling en marges. Als u een aangepaste CSS-klasse gebruikt, zorg er dan voor dat de klasse wordt opgenomen en gestileerd in het CSS stylesheetdat wordt toegepast als de belangrijkste stijl voor uw HubSpot-pagina's.
    • Als u alleen de aangepaste stijlen wilt toepassen op de CTA die u aan het bewerken bent, kunt u in het Custom CSS-veldinline styling toepassen die specifiek is voor die CTA. Als je een element van de CTA hebt dat je wilt wijzigen, voeg dan hier een nieuwe stijl declaratie toe voordat je je wijzigingen opslaat.
  • Klik rechtsonder op Next> om hetaanmaken of bewerken van uw CTAaf te ronden.