Dodawanie niestandardowych stylów do wezwań do działania (starsze wersje)

Skorzystaj z zaawansowanych opcji HubSpot dla CTA (legacy), aby stworzyć wysoce spersonalizowane przyciski CTA, które idealnie pasują do motywu Twojej witryny. Możesz użyć niestandardowej klasy CSS do obsługi niestandardowych danych wejściowych klasy z arkusza stylów lub dodać niestandardowy CSS bezpośrednio do CTA.

Aby jeszcze bardziej dostosować CTA (starsze), dowiedz się, jak edytować rozmiar CTA. Jeśli dodajesz wezwanie do działania (starsze) do wiadomości e-mail lub szablonu, dowiedz się, jak wyśrodkować wezwanie do działania.

Uwaga: style niestandardowe można stosować tylko do przycisków niestandardowych, a nie do przycisków graficznych.

Aby dodać niestandardowy styl do przycisku CTA:

• .
• W lewym górnym rogu kliknij menu rozwijane i wybierz CTA (starsze).
• Najedź kursorem na 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 wezwania do działania, używając tylko niestandardowej klasy CSS lub opcji Niestandardowy CSS. Jeśli zastosowane zostaną obie opcje, może to spowodować problemy ze stylizacją lub wyświetlaniem wezwania do działania.
  • Niestandardowaklasa CSS: dodaj niestandardową klasę do wezwania do działania, aby obsługiwać niestandardowe klasy wejściowe. Jest to przydatne, gdy wiele wezwań do działania na stronach witryny musi mieć podobny zestaw cech projektowych, takich jak rodziny czcionek, rozmiar, a nawet wypełnienie i marginesy. Jeśli używasz niestandardowej klasy CSS, upewnij się, że jest ona uwzględniona i stylizowana w arkuszu stylów CSS zastosowanym jako główny styl dla stron HubSpot.
  • Niestandardowy CSS: dodaj niestandardowe style, aby zastosować je tylko do edytowanego wezwania do działania. W polu Custom CSS można zastosować styl inline specyficzny dla tego wezwania do działania. Jeśli masz element CTA, który chcesz zmienić, dodaj tutaj nową deklarację stylu przed zapisaniem zmian.
• W prawym dolnym rogu kliknij Dalej > , aby zakończyć tworzenie lub edycję CTA (legacy).