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.

Tworzenie wezwań do działania (CTA)

Data ostatniej aktualizacji: lutego 20, 2024

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

Marketing Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

Użyj narzędzia wezwania do działania (CTA), aby utworzyć przyciski CTA, banery lub wyskakujące okienka, które można dodać do stron HubSpot i przyciągnąć nowych użytkowników. Możesz także dodawać wezwania do działania do stron zewnętrznych.

Przed dodaniem wezwania do działania na stronie zewnętrznej należy zainstalować kod śledzenia HubSpot lub zainstalować wtyczkę HubSpot WordPress w witrynie WordPress. Po dodaniu wezwania do działania możesz kierować ruch, kierując odwiedzających do określonych stron, linków do spotkań lub zewnętrznych adresów URL.

Na urządzeniach mobilnych możesz włączyć responsywny układ lub ukryć wezwanie do działania na małych ekranach w opcjach wezwania do działania. Po opublikowaniu wezwania do działania dowiedz się, jak analizować jego skuteczność.

Projektowanie wezwania do działania

W edytorze wezwań do działania dostosuj projekt wezwania do działania, aby przyciągnąć odwiedzających.

  • Na swoim koncie HubSpot przejdź do Marketing > Lead Capture > CTAs.
  • W lewym górnym rogu kliknij menu rozwijane i wybierz CTA.
  • W prawym górnym rogu kliknij Utwórz.
  • Możesz utworzyć nowe wezwanie do działania od podstaw lub na podstawie szablonu:
    • Aby utworzyć nowe wezwanie do działania na podstawie szablonu, w lewym panelu kliknij HubSpot Templates. Następnie wybierz szablon, który odpowiada Twoim celom.
    • Aby utworzyć nowe wezwanie do działania od podstaw, w lewym panelu kliknij opcję Rozpocznij od podstaw. Następnie wybierz typ CTA:
      • Sticky Banner: stały baner przymocowany do górnej lub dolnej części strony. Baner pozostanie, gdy odwiedzający będą przewijać stronę.
      • Wyskakujące okienko : wyskakujące okienko, które pojawia się zgodnie z ustalonym harmonogramem.
      • Slide-In: baner wsuwany z rogu strony. Baner pozostanie, gdy odwiedzający będą przewijać stronę.
      • Osadzony: baner, wezwanie do działania lub przycisk, którego można użyć w treści HubSpot, aby skierować potencjalnych klientów na określone strony.
      • Osadzonyobraz: obraz, którego można użyć na stronach HubSpot lub w wiadomościach e-mail.
      • Osadzony przycisk: przycisk, którego można użyć na stronach HubSpot lub w wiadomościach e-mail.
  • W lewym panelu, na karcie Dodaj , dodaj elementy i edytuj układ swojego wezwania do działania:
    • Aby dodać więcej treści do wezwania do działania, kliknij i przeciągnij nowy element bezpośrednio do prawego panelu edytora. Możesz także dodać elementy wideo do swojego wezwania do działania, dowiedz się więcej o opcjach i wymaganiach dotyczących dodawania filmów do wezwań do działania.
    • Aby zmodyfikować układ wezwania do działania, najedź kursorem na element , kliknij i przeciągnij go w nowe miejsce.
    • Aby powielić element, najedź na niego kursorem i kliknijikonę klonowania duplicate.
    • Aby usunąć element, najedź na niego kursorem i kliknij ikonęusuwania delete.
    • Aby edytować element, kliknij go. W lewym panelu można edytować zawartość i wygląd elementu.

KB - Video Module

  • W lewym panelu kliknij kartę Zawartość , aby zarządzać elementami.
    • Aby edytować element, kliknij jego nazwę . W lewym panelu można edytować zawartość i wygląd elementu. W elementach z tekstem sformatowanym można użyć asystenta zawartości , aby utworzyć lub dopracować treść wezwania do działania.
    • Aby usunąć element, najedź na niego kursorem i kliknijikonę usuwania delete .
  • W lewym panelu kliknij kartę Projekt, aby dostosować i wyświetlić podgląd wezwania do działania.
    • Aby wyświetlić podgląd wezwania do działania na określonych stronach, w prawym górnym rogu kliknij opcję Podgląd. Następnie kliknij menu rozwijane Podgląd na określonej stronie i wybierz stronę HubSpot, aby wyświetlić podgląd CTA.
    • Aby dostosować wygląd wezwania do działania, wybierz jedną z poniższych opcji. Następnie skonfiguruj zmiany w lewym panelu.
      • Pozycja: w przypadku CTA typu sticky banner można wybrać pozycję górną lub dolną. W przypadku wezwań do działania typu slide-in można wybrać pozycję wezwania do działania w lewym górnym rogu, w lewym dolnym rogu, w prawym górnym rogu lub w prawym dolnym rogu strony.
      • Rozmiar: skonfiguruj wysokość wezwania do działania, możesz włączyć opcję automatycznego ustawiania wysokości na podstawie treści wezwania do działania.
      • Układ : skonfiguruj układ swojego wezwania do działania. Możesz dodać wypełnienie do treści wezwania do działania. Możesz także włączyć opcję, aby włączyć responsywny układ. Dzięki responsywnemu układowi kolumny wezwania do działania będą układać się pionowo na małych ekranach.
      • Style : ustaw style dla wezwania do działania, takie jak czcionka podstawowa, obramowanie i cień z wezwania do działania.
      • Tło: ustaw tło dla wezwania do działania, możesz ustawić kolor tła lub przesłać obraz tła.

Projektowanie HTML CTA

Aby utworzyć niestandardowe osadzone wezwanie do działania HTML i zastosować własne motywy lub CSS:

  • W lewym panelu kliknij przycisk Rozpocznij od zera.
  • Następnie kliknij, aby rozwinąć Zaawansowane opcje i wybierz Osadzony HTML.
  • Kliknij menu rozwijane Link do i wybierz opcję, do której ma przekierowywać wezwanie do działania:
    • Adres e-mail : utwórz link mailto.
    • Pobieranie pliku: połącz wezwanie do działania z plikiem w menedżerze plików. Wybierz istniejący plik lub prześlij nowy plik, a następnie zaznacz pole wyboru Otwórz stronę w nowej karcie , jeśli chcesz, aby odwiedzający, którzy klikną przycisk CTA, zobaczyli obraz w nowym oknie przeglądarki.
    • Link do spotkania: połącz wezwanie do działania z linkiem do spotkania HubSpot. Kliknij menu rozwijane Wybierz link do spotkania, a następnie wybierz link do spotkania. Aby otworzyć ten link na nowej stronie, zaznacz pole wyboru Otwórz stronę w nowej karcie.
    • Jedna ze stron: połącz wezwanie do działania z jedną ze stron HubSpot lub postów na blogu. Kliknij menu rozwijane Strona, a następnie wybierz stronę lub post. Link przycisku CTA będzie powiązany z identyfikatorem strony, a wszelkie zmiany adresu URL strony będą automatycznie aktualizować link przycisku CTA.
    • URL: połącz swoje wezwanie do działania z zewnętrzną stroną poza HubSpot. W polu Link URL wprowadź adres URL witryny, do której chcesz przekierować odwiedzających.
    • Wezwanie do działania: użyj niestandardowego wezwania do działania, aby uruchomić przyklejony baner, wyskakujące okienko lub wsuwane wezwanie do działania.
  • W polu Treść przycisku wprowadź tekst wezwania do działania.
  • Aby jeszcze bardziej dostosować wygląd wezwania do działania, kliknij przycisk Zaawansowane.

  • Na stronie Zaawansowane możesz dodać niestandardowe klasy lub reguły CSS:
    • Niestandardowe klasy CSS: wprowadź niestandardową klasę do swojego wezwania do działania. Użyj niestandardowych klas, aby zastosować style projektowania, takie jak rodziny czcionek, w wielu wezwaniach do działania w witrynie. Każda niestandardowa klasa CSS powinna być zawarta w arkuszu stylów CSS używanym na stronach HubSpot.
    • Niestandardowe reguły CSS: dodaj niestandardowe reguły, aby zastosować styl inline specyficzny dla Twojego wezwania do działania.
      • Aby dodać nową regułę CSS, kliknij Dodaj jeden lub + Dodaj i skonfiguruj selektor i styl.
        • Selektor: wprowadź selektor CSS. Ta wartość jest opcjonalna i zostanie połączona z selektorem wezwania do działania. Na przykład, jeśli wprowadzony selektor to :hover, połączony selektor to ${ctaSelector}:hover
        • Styl : wprowadź niestandardową regułę stylu CSS, która zostanie zastosowana do skonfigurowanego selektora. Można wprowadzić styl bez wprowadzania selektora. Na przykład color: yellow;.

  • Aby edytować istniejącą regułę CSS, najedź na nią kursorem i kliknij ikonę edycji edit.
  • Aby sklonować regułę CSS, najedź na nią kursorem i kliknij ikonę klonowania duplicate.
  • Aby zarządzać priorytetem reguł CSS, kliknij i przeciągnij każdą regułę, aby ułożyć ją w kolejności według priorytetu.
  • Aby usunąć regułę CSS, najedź na nią kursorem i kliknij ikonę usuwania delete.
  • Aby zastosować ten sam kod HTML i klasy do CTA, co starsze CTA, zaznacz pole wyboru Użyj starszych znaczników. Jeśli masz arkusze stylów CSS na stronach stylizujących starsze wezwania do działania, zaznaczenie tego pola wyboru pozwoli HTML CTA na przyjęcie tych samych stylów.
  • Aby zakończyć konfigurację projektu CTA, kliknij Zapisz i zastosuj.

Dostosuj miejsce i czas wyświetlania przyklejanego banera, wyskakującego okienka lub wsuwanego wezwania do działania.

Jeśli skonfigurowałeś przyklejany baner, wyskakujące okienko lub wsuwane wezwanie do działania, skieruj je do odwiedzających, wybierając, kiedy chcesz, aby to wezwanie do działania pojawiło się w Twojej witrynie. Dowiedz się więcej o dodawaniu wezwań do działania na stronach.

Możesz użyć filtrów, aby połączyć wiele zestawów reguł dotyczących tego, którzy użytkownicy zobaczą Twoje wezwanie do działania. Dowiedz się więcej o konfigurowaniu reguł kierowania.

Wyzwalacze aktywacji

Wybierz wyzwalacz aktywacji, aby określić, kiedy wezwanie do działania będzie wyświetlane na stronie. CTA pojawi się po spełnieniu pierwszego wybranego wyzwalacza.

  • U góry kliknij kartę Kierowanie .
  • W sekcji Kiedy ma być wyświetl ane kliknij, aby przełączyć przełącznik obok wyzwalaczy aktywacji, których chcesz użyć:
    • Wyzwalacz po kliknięciu przycisku: CTA pojawi się, gdy użytkownik kliknie przycisk. Dowiedz się, jak skonfigurować wyskakujące wezwania do działania, aby uruchamiały się po kliknięciu przycisku. Domyślnie ta opcja jest zawsze włączona.
      • Skonfiguruj to na swoich stronach HubSpot za pomocą domyślnego modułu przycisku lub na stronach zewnętrznych, dostosowując klasę przycisku.
      • Aby ustawić ten wyzwalacz na stronie zewnętrznej, należy zainstalować kod śledzenia Hub Spot.
    • Wyzwalaczpo przewinięciu strony: wezwanie do działania pojawi się, gdy użytkownik przewinie stronę o określony procent.
    • Triggeron exit intent: wezwanie do działania pojawi się, gdy użytkownik przesunie kursor do górnego paska okna przeglądarki.
    • Wyzwalanie poupływie czasu : wezwanie do działania pojawi się po określonej liczbie sekund.
    • Wyzwalanie pobraku aktywności: wezwanie do działania pojawi się, gdy użytkownik będzie nieaktywny przez określoną liczbę sekund.

Adres URL witryny

Możesz dodać logikę warunkową dla określonych adresów URL stron internetowych i/lub wartości parametrów zapytania w tej samej zakładce Targetowanie . Domyślnie wezwanie do działania pojawi się na wszystkich stronach.

  • Aby wyświetlić wezwanie do działania, gdy użytkownik znajduje się pod określonym adresem URL witryny, w sekcji Adres URL witryny
    • Kliknij pierwsze menu rozwij ane i wybierz Website URL.
    • Kliknij drugie menu rozwijane i wybierz regułę kierowania.
    • Wprowadź kryteria reguły w polu tekstowym.
  • Aby wyświetlić wezwanie do działania, gdy użytkownik znajduje się na stronie internetowej, której adres URL zawiera określone parametry zapytania:
    • Kliknij pierwsze menu rozwijane i wybierz Query parameter.
    • W pierwszym polu tekstowym wprowadź nazwę parametru zapytania.
    • Kliknij menu rozwijane i wybierz regułę kierowania.
    • W drugim polu tekstowym wprowadź wartość parametru zapytania.
  • Aby dodać kolejną regułę, kliknij przycisk Dodaj regułę.
  • Aby wykluczyć wezwania do działania z niektórych stron (np. strony polityki prywatności), kliknij Dodaj regułę wykluczenia.


Informacje o odwiedzających i ich zachowanie (opcjonalnie)

Możesz również kierować wezwania do działania do określonych kontaktów na podstawie znanych informacji o odwiedzających i ich zachowania na karcie Kierowanie . Rodzaj reguł filtrowania, które można dodać, zależy od subskrypcji konta.

  • W sekcji Informacje o odwiedzających i ich zachowanie (opcjonalnie) kliknij pierwsze menu rozwijane, aby wybrać sposób filtrowania odwiedzających.
  • Kliknij następne menu rozwijane, aby wybrać reguły filtrowania.
  • Aby dodać więcej reguł określających, kiedy wyświetlać wezwanie do działania, kliknij Dodaj regułę i wybierz filtry.
  • Wybierz, kiedy ukryć wezwanie do działania:
    • Kliknij Dodaj regułę wykluczenia.
    • Kliknij pierwsze menu rozwijane, aby wybrać, kiedy wezwanie do działania ma być ukryte.
    • Kliknij następne menu rozwijane, aby wybrać reguły filtrowania.
    • Aby dodać więcej reguł określających, kiedy ukryć wezwanie do działania, kliknij Dodaj regułę wykluczenia i wybierz filtry.
  • Aby utworzyć kolejny zestaw reguł filtrowania, kliknij Dodaj grupę filtrów i wybierz reguły filtrowania.




Częstotliwość wyświetlania

Po tym, jak odwiedzający odrzuci Twój lepki baner, wyskakujące okienko lub wsuwane wezwanie do działania po raz pierwszy, wybierz, czy wezwanie do działania ma być wyświetlane ponownie i jak często ma być wyświetlane. Na karcie Kierowanie ustaw częstotliwość wyświetlania wezwania do działania:

  • W sekcji Jak często będzie wyświetl ane kliknij menu rozwijanePokaż ponownie i wybierz częstotliwość:
    • Po określonym czasie: ustaw czas, który powinien upłynąć po odrzuceniu wezwania do działania przez odwiedzającego, zanim zostanie ono ponownie wyświetlone.
    • Powtórz: wyświetlaj wezwanie do działania za każdym razem, gdy odwiedzają wybrane strony internetowe i wykonują akcję wyzwalającą, nawet jeśli wcześniej wchodzili z nim w interakcję.
    • Nie pokazuj ponownie: wyświetlaj wezwanie do działania odwiedzającym tylko raz. Po początkowym wyświetleniu nigdy więcej nie wyświetlaj wezwania do działania.

Uwaga: nie dotyczy to wezwań do działania, w których wyzwalaczem aktywacji jest wyzwalacz po kliknięciu przycisku.



Dostosuj opcje wezwania do działania

Na kartachOpcje dostosuj różne opcje wezwania do działania, takie jak wyświetlanie wezwania do działania w małych rozmiarach, wszelkie powiązane kampanie i harmonogram wezwania do działania.

  • U góry kliknij kartę Opcje .
  • Jeśli posiadasz subskrypcję Marketing Hub Professional lub Enterprise, możesz powiązać wezwanie do działania z kampanią:
    • Aby powiązać CTA z istniejącą kampanią, kliknij menu rozwijane Kampania i wybierz kampanię.
    • Aby powiązać wezwanie do działania z nową kampanią, kliknij menu rozwijane Kampania i kliknij opcję Utwórz kampanię. Następnie kontynuuj konfigurowanie kampanii.
    • Jeśli nigdy wcześniej nie tworzyłeś kampanii, kliknij Utwórz kampanię. Następnie kontynuuj konfigurowanie kampanii.
  • Skonfiguruj następujące opcje w przypadku korzystania z banerów samoprzylepnych, wyskakujących okienek lub wsuwanych wezwań do działania:
    • Aby ukryć wezwanie do działania na małych ekranach, w sekcji Małe rozmiary ekranu zaznacz pole wyboru Wyłącz na małych ekranach.
    • Aby zaplanować, kiedy CTA zacznie się wyświetlać, włącz przełącznik Zaplanuj na później. Następnie wybierz datę i godzinę rozpoczęcia.
    • Aby zaplanować, kiedy wezwanie do działania przestanie być wyświetlane, włącz przełącznik Ustaw datę i godzinę cofnięcia publikacji. Następnie wybierz datę i godzinę zakończenia .


Opublikuj wezwanie do działania

Po zakończeniu konfigurowania wezwania do działania opublikuj swoje wezwanie do działania, aby je uruchomić.

  • W prawym górnym rogu kliknij opcję Przejrzyj i opublikuj.
  • W prawym panelu przejrzyj swoje wezwanie do działania, a następnie kliknij Opublikuj teraz. CTA zostanie automatycznie opublikowane na stronach docelowych.
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.