Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
CTAs

Dodaj niestandardowe style do swojego CTA

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

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