HubSpot Baza wiedzy

Dodawanie niestandardowych stylów do CTA (starsze wersje)

Autor: HubSpot Support | Oct 18, 2021 4:24:24 PM

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 doobsługi niestandardowych danych wejściowych klasy z arkusza stylów lub dodać niestandardowy CSS bezpośrednio do CTA.

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

Uwaga: konta utworzone po 17 marca 2025 r. nie mają dostępu do narzędzia CTA (starszego).

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 CTA, używając tylko niestandardowej klasy CSS lub opcji Niestandardowy CSS. Zastosowanie obu opcji może spowodować problemy ze stylizacją lub wyświetlaniem CTA.
    • Niestandardowa klasa CSS: dodaj niestandardową klasę do CTA, aby obsługiwać niestandardowe klasy wejściowe. Jest to przydatne, gdy wiele wezwań do działania na stronach w witrynie internetowej 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 CTA. W polu Niestandardowy CSS można zastosować styl lokalny specyficzny dla danego CTA. Jeśli masz element CTA, który chcesz zmienić, dodaj tutaj nową deklarację stylu przed zapisaniem zmian.
  • W prawym dolnym rogu kliknij przycisk Dalej > , aby zakończyć tworzenie lub edycję CTA (legacy).

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