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: 3 września 2025

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

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 utworzyć test A/B dla wezwania do działania i przeanalizować jego skuteczność.

Projektowanie wezwania do działania

W edytorze wezwań do działania dostosuj projekt wezwania do działania, aby przyciągnąć odwiedzających. Podczas tworzenia wezwań do działania możesz również użyć inteligentnej zawartości, aby wyświetlić różne wersje wezwania do działania w zależności od kategorii odbiorców. Dowiedz się więcej o używaniu inteligentnej zawartości w wezwaniach do działania.

  1. Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
  2. W prawym górnym rogu kliknij przycisk Utwórz.
  3. U góry wybierz kartę Wyskakujące okienka lub Osadzone i przyciski.
    • Wyskakujące wezwania do działania będą zawierać następujące typy:
      • Baner: 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 będzie wyświetlany, gdy odwiedzający będą przewijać stronę.
    • Osadzone i przyciskowe wezwania do działania obejmują następujące typy:
      • Osadzony: baner, wezwanie do działania lub przycisk, którego można użyć na swojej stronie internetowej lub w wiadomościach e-mail HubSpot, aby skierować potencjalnych klientów na określone strony.
      • Osadzony obraz: obraz, którego można użyć na stronach HubSpot lub w wiadomościach e-mail.
  4. Wybierz szablon w oparciu o typ wezwania do działania, które chcesz utworzyć.
    • Każdy szablon CTA będzie miał konfigurowalne moduły, takie jak obrazy i pola tekstowe.
    • Na przykład, możesz wybrać szablon Click to chat , aby uruchomić link WhatsApp, szablon Meeting Popup , aby wyświetlić stronę rezerwacji spotkania lub szablon Event, aby odwiedzający mogli zarejestrować się na konferencję lub warsztaty,
  5. W lewym panelu, na karcie Dodaj , dodaj moduły 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 moduł bezpośrednio do prawego panelu edytora.
      • Do wezwania do działania można dodać tylko jeden formularz (Nowy edytor) lub moduł spotkania. Pojedyncze wezwanie do działania nie może zawierać zarówno formularza, jak i modułu spotkania.
      • Niektóre moduły można dodać tylko raz, np. licznik czasu lub moduły wideo.
      • Do wezwania do działania można również dodawać filmy. Dowiedz się więcej o wymaganiach dotyczących dodawania filmów do wezwań do działania.
    • Aby zmodyfikować układ wezwania do działania, najedź kursorem na moduł , kliknij i przeciągnij go w nowe miejsce.
    • Aby powielić moduł, najedź na niego kursorem i kliknijikonę klonowania duplicate.
    • Aby usunąć moduł, najedź na niego kursorem i kliknij ikonęusuwania delete.

cta-drag-drop.

    • Aby edytować moduł, kliknij go.
      • W lewym panelu można edytować zawartość i wygląd modułu.
      • Aby zamknąć wyskakujące wezwanie do działania po przesłaniu formularza przez użytkownika, podczas dostosowywania modułu formularza można włączyć przełącznik Zamknij po przesłaniu .

ctas-create-form-close

  1. W lewym panelu kliknij kartę Zawartość , aby zarządzać modułami.
    • Aby edytować moduł, kliknij jego nazwę . W lewym panelu możesz edytować zawartość i wygląd modułu. W modułach z tekstem sformatowanym można użyć asystentów AI , aby utworzyć lub udoskonalić treść wezwania do działania.
    • Aby usunąć moduł, najedź na niego kursorem i kliknijikonę usuwania delete .
  2. 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 lepkich banerów CTA można wybrać pozycję górną lub dolną. W przypadku wsuwanych wezwań do działania można je umieścić 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. Możesz używać niestandardowych czcionek z wezwaniem do działania, dowiedz się więcej o używaniu niestandardowych czcionek w treściach HubSpot.
      • Tło: ustaw tło dla wezwania do działania, możesz ustawić kolor tła lub przesłać obraz tła.
      • Opcja zamknięcia: w przypadku wyskakujących okienek CTA można włączyć opcję umożliwiającą odwiedzającym zamknięcie CTA po kliknięciu w dowolnym miejscu poza wyskakującym okienkiem. Gdy ta opcja jest wyłączona, odwiedzający mogą zamknąć wezwanie do działania tylko za pomocą ikony zamknięcia.

Projektowanie wezwania do działania HTML

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

  1. Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
  2. W prawym górnym rogu kliknij przycisk Utwórz.
  3. U góry kliknij kartę Osadzone i przyciski.
  4. W menu na lewym pasku bocznym przejdź do opcji Zaawansowane. Następnie wybierz opcję Osadzony HTML.
  5. W lewym panelu kliknij menu rozwijane Link do i wybierz opcję, do której ma przekierowywać Twoje wezwanie do działania:
    • Adres e-mail: utwórz link mailto. Aby otworzyć ten link na nowej stronie, zaznacz pole wyboru Otwórz link w nowej karcie.
    • 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 link 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ć to łącze na nowej stronie, zaznacz pole wyboru Otwórz łącze 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 w adresie URL strony będą automatycznie aktualizować link przycisku CTA. Aby otworzyć ten link na nowej stronie, zaznacz pole wyboru Otwórz link w nowej karcie.
    • Adres 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. Aby otworzyć ten link na nowej stronie, zaznacz pole wyboru Otwórz link w nowej karcie.
    • Wezwanie do działania: użyj niestandardowego wezwania do działania, aby uruchomić przyklejony baner, wyskakujące okienko lub wsuwane wezwanie do działania.
  6. W polu Treść przycisku wprowadź tekst wezwania do działania.

ctas-create-html

  1. Aby jeszcze bardziej dostosować wygląd wezwania do działania, kliknij przycisk Zaawansowane
  2. 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;.

cta-html-custom-css

  1. Aby edytować istniejącą regułę CSS, najedź na nią kursorem i kliknij ikonę edycji edit.
  2. Aby sklonować regułę CSS, najedź na nią kursorem i kliknij ikonę klonowania duplicate.
  3. Aby zarządzać priorytetem reguł CSS, kliknij i przeciągnij każdą regułę, aby ułożyć ją w kolejności według priorytetu.
  4. Aby usunąć regułę CSS, najedź na nią kursorem i kliknij ikonę usuwania delete.
  5. 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.
  6. Aby zakończyć konfigurację projektu CTA, kliknij Zapisz i zastosuj.

ctas-create-html-legacy-markup

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 Twojej stronie. CTA pojawi się po spełnieniu pierwszego wybranego wyzwalacza.

  1. U góry kliknij kartę Targetowanie .
  2. W sekcji Kiedy powinno być wyświetlane 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.
    • Wyzwalacz po przewinięciu strony: wezwanie do działania pojawi się, gdy użytkownik przewinie stronę o określony procent.
    • Wyzwalacz zamiaru wyjścia: wezwanie do działania pojawi się, gdy odwiedzający wykaże zamiar wyjścia.
      • Na komputerach stacjonarnych wezwanie do działania pojawi się, gdy użytkownik przesunie kursor do górnego paska okna przeglądarki.
      • Na urządzeniach mobilnych wezwanie do działania pojawi się, gdy:
        • Odwiedzający wybierze przycisk Wstecz w przeglądarce, próbując przejść do poprzedniej strony.
        • Odwiedzający zminimalizuje ekran przeglądarki, a następnie powróci do witryny w tej samej przeglądarce.
    • Wyzwalanie po upływie czasu: wezwanie do działania pojawi się po określonej liczbie sekund.
    • Wyzwalanie po braku aktywności: wezwanie do działania pojawi się, gdy użytkownik będzie nieaktywny przez określoną liczbę sekund.

ctas-create-targeting

Adres URL witryny

Dodaj logikę warunkową dla określonych adresów URL stron internetowych lub wartości parametrów zapytania na tej samej karcie Kierowanie . Domyślnie wezwanie do działania pojawia się na wszystkich stronach.

  1. 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.
  2. 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 rozwij ane i wybierz Query parameter.
    • W pierwszym polu tekstowym wprowadź nazwę parametru zapytania.
    • Kliknij drugie menu rozwijane i wybierz regułę kierowania.
    • W drugim polu tekstowym wprowadź wartość parametru zapytania.
  3. Aby dodać kolejną regułę, kliknij przycisk Dodaj regułę.
  4. Aby wykluczyć wezwania do działania z niektórych stron, kliknij Dodaj regułę wykluczenia. Na przykład możesz dodać wykluczenie dla strony polityki prywatności.

Odwiedzający i częstotliwość

  1. W sekcji Komu będzie wyświetlane ustaw grupę odbiorców dla wezwania do działania. Możesz wybrać jedną z następujących opcji:
    • Wszyscy odwiedzający: wezwanie do działania będzie wyświetlane wszystkim odwiedzającym.
    • Przefiltrowani odwiedzający: wezwanie do działania będzie wyświetlane tylko określonym odwiedzającym.
  2. W sekcji Jak często będzie wyświetlane ustaw częstotliwość wyświetlania wezwania do działania. Kliknij menu rozwijane Pokaż ponownie i wybierz jedną z poniższych opcji:
    • Po określonym czasie: wezwanie do działania pojawi się ponownie po określonym czasie.
    • Powtórz : wezwanie do działania pojawi się za każdym razem, gdy odwiedzający przejdzie do wybranych stron internetowych i wykona akcję wyzwalającą, nawet jeśli wcześniej wchodził z nim w interakcję.
    • Nie pokazuj ponownie: nigdy więcej nie wyświetlaj wezwania do działania temu samemu użytkownikowi.

ctas-create-specified


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.

  1. U góry kliknij kartę Opcje .
  2. W przypadku przyklejanego banera, wyskakującego okienka lub wsuwanego wezwania do działania można ukryć wezwanie do działania na małych ekranach. W sekcji Małe rozmiary ekranu zaznacz pole wyboru Wyłącz na małych rozmiarach ekranu.
  3. Jeśli posiadasz subskrypcję Marketing Hub Professional lub Enterprise, możesz powiązać wezwanie do działania z kampanią:
    • Aby powiązać wezwanie do działania 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.
  4. Skonfiguruj sposób śledzenia kliknięć za pomocą wezwania do działania. Wybierz jedną z następujących opcji:
    • Śledź kliknięcia przez przekierowanie: śledź kliknięcia wezwania do działania, kierując odwiedzających do początkowego adresu URL, który kojarzy kliknięcie z wezwaniem do działania, przed przekierowaniem ich na stronę końcową. Ta opcja jest domyślnie zaznaczona.
    • Śledź kliknięcia przez przeglądarkę: śledzi kliknięcia asynchronicznie przez przeglądarkę odwiedzającego. Ta opcja umożliwia korzystanie z tagów kotwicy, ponieważ nie ma przekierowań, wezwanie do działania kieruje odwiedzających do ustawionego adresu URL.
  5. W przypadku banerów samoprzylepnych, wyskakujących okienek lub wsuwanych wezwań do działania można zaplanować wyświetlanie wezwania do działania:
    • 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ę niepublikowania . Następnie wybierz datę i godzinę zakończenia .

ctas-create-options

Publikowanie wezwania do działania

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

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