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.

Dodaj niestandardowe style do swoich przycisków CTA

Data ostatniej aktualizacji: maja 25, 2023

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

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.

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.