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.

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

Data ostatniej aktualizacji: stycznia 29, 2024

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

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

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:

  • Na koncie HubSpot przejdź do Marketing > Lead Capture > CTAs.
  • 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).

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.