Data ostatniej aktualizacji: stycznia 20, 2023
Użyj zaawansowanych opcji HubSpot dla CTA, aby stworzyć wysoce niestandardowe przyciski CTA, które idealnie pasują do motywu Twojej witryny. Możesz użyć niestandardowej klasy CSS do obsługi niestandardowych wejść klasowych z arkusza stylów lub dodać niestandardowy CSS bezpośrednio do przycisku CTA.
Aby jeszcze bardziej dostosować swój przycisk CTA, dowiedz się, jak edytować rozmiar CTA. Jeśli dodajesz swój przycisk CTA do wiadomości e-mail lub szablonu, dowiedz się, jak wyśrodkować swój C
TA.
Uwaga: style niestandardowe mogą być stosowane tylko do przycisków niestandardowych, a nie do przycisków obrazkowych.
Aby dodać niestandardowy styl do swojego przycisku CTA:
- Na swoim koncie HubSpot przejdź do Marketing > Lead Capture > ButtonCTAs.
- Najedź na przycisk CTA i kliknij Akcje > Edytuj, lub kliknij Utwórz CTA.
-
W prawym panelu przewiń w dół i kliknij opcje zaawansowane.
- Możesz zastosować niestandardową stylizację CSS do swojego przycisku CTA używając tylko klasy Custom CSS lub opcji Custom CSS. Jeśli obie opcje zostaną zastosowane, może to spowodować problemy ze stylizacją lub wyświetlaniem przycisku CTA.
- Niestandardowa klasa CSS: dodaj niestandardową klasę do swojego przycisku CTA, aby obsłużyć niestandardowe klasy wejściowe. Jest to przydatne, gdy wiele CTA na stronach witryny musi mieć podobny zestaw cech projektowych, takich jak rodziny czcionek, rozmiar, a nawet padding i marginesy. Jeśli używasz niestandardowej klasy CSS, upewnij się, że klasa jest uwzględniona i stylizowana w arkuszu stylów CSS stosowanym jako główny styl dla stron HubSpot.
- Niestandardowy CSS: dodaj niestandardowe style, aby zastosować je tylko do edytowanego przycisku CTA. W polu Custom CSS można zastosować stylizację inline specyficzną dla tego przycisku CTA. Jeśli masz element przycisku CTA, który chciałbyś zmienić, dodaj tutaj nową deklarację stylu przed zapisaniem zmian.
- W prawym dolnym rogu kliknij przycisk Dalej > , aby zakończyć tworzenie lub edycję przycisku CTA.
