Data ostatniej aktualizacji: października 18, 2021
Użyj zaawansowanych opcji HubSpot dla przycisków CTA, aby utworzyć wysoce spersonalizowane przyciski CTA, które idealnie pasują do motywu Twojej witryny.
Uwaga: style niestandardowe mogą być stosowane tylko do przycisków niestandardowych, a nie do przycisków obrazu.
- W koncie HubSpot przejdź do Marketing > Przechwytywanie leadów > CTA.
- Najedź na CTA i kliknij Akcje>Edytuj, lub kliknij Utwórz CTA.
-
W panelu wysuwanym przewiń w dół i kliknij opcję Opcje zaawansowane.
- Istnieją dwa sposoby zastosowania niestandardowej stylizacji CSS do swojego CTA:
- Jeśli chcesz dodać niestandardową klasę do swojego CTA,pole Niestandardowa klasa CSSobsługuje niestandardowe wejścia klas. Jest to przydatne, gdy wiele CTA na stronach witryny musi mieć podobny zestaw cech, takich jak rodziny czcionek, rozmiar, a nawet wyściełanie i marginesy. Jeśli używasz niestandardowej klasy CSS, upewnij się, że klasa ta jest uwzględniona i stylizowana w arkuszu stylów CSS stosowanym jako główny styl dla stron HubSpot.
- Jeśli chcesz, aby niestandardowe style były stosowane tylko do edytowanego CTA, w polu Niestandardowy CSSmożesz zastosować stylizację inline specyficzną dla tego CTA. Jeśli masz element CTA, który chciałbyś zmienić, dodaj tutaj nową deklarację stylu przed zapisaniem zmian.
Uwaga: podczas stosowania własnych stylów CSS do CTA, powinieneś używać tylko klasy Custom CSS lub opcji Custom CSS. Jeśli zastosowane zostaną obie opcje, może to spowodować problemy ze stylizacją lub wyświetlaniem CTA.
- Na dole po prawej stronie kliknijDalej >, aby zakończyć tworzenie lub edycję CTA.