Tworzenie wezwań do działania (CTA)

Skorzystaj z narzędzia do tworzenia wezwań do działania (CTA), aby tworzyć przyciski CTA, banery lub wyskakujące okienka, które możesz umieścić na swoich stronach HubSpot i przyciągnąć nowych odwiedzających. Możesz również dodawać wezwania do działania na stronach zewnętrznych.

Przed dodaniem wezwania do działania na stronę zewnętrzną musisz zainstalować kod śledzenia HubSpot lub wtyczkę HubSpot dla WordPressa na swojej witrynie WordPress. Po dodaniu wezwania do działania zwiększ ruch, kierując odwiedzających na konkretne strony, linki do spotkań lub zewnętrzne adresy URL. 

Na urządzeniach mobilnych w opcjach wezwania do działania możesz wybrać, czy chcesz włączyć responsywny układ, czy ukryć wezwanie do działania na małych ekranach. Po opublikowaniu wezwania do działania dowiedz się, jak utworzyć test A/B dla swojego wezwania do działania i przeanalizować jego skuteczność. 

Zaprojektuj przycisk CTA

W edytorze przycisku CTA dostosuj jego wygląd, aby przyciągnąć odwiedzających. Podczas tworzenia przycisków CTA możesz również korzystać z inteligentnej treści, aby wyświetlać różne wersje przycisku w zależności od kategorii odbiorców. Dowiedz się więcej o korzystaniu z inteligentnej treści w przyciskach CTA. 

1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Wezwania do działania. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Wezwania do działania.
2. W prawym górnym rogu kliknij „Utwórz”.
3. U góry wybierz zakładkę „Wyskakujące okienka ” lub „Osadzone elementy i przyciski ”. 
   • Wyskakujące wezwania do działania (CTA) obejmują następujące typy: 
     
     • Baner: stały baner umieszczony u góry lub u dołu strony. Baner pozostaje widoczny, gdy użytkownicy przewijają stronę. 
     • Okienko wyskakujące: okienko , które pojawia się zgodnie z ustalonym harmonogramem. 
     • Wysuwany: baner, który wysuwa się z rogu witryny. Baner pozostaje widoczny, gdy użytkownicy przewijają stronę. 
   • Wezwania do działania typu „osadzone” i „przycisk” obejmują następujące typy: 
     • Osadzony: baner, wezwanie do działania lub przycisk, którego można używać na stronie internetowej lub w wiadomościach e-mail HubSpot, aby kierować potencjalnych klientów na konkretne strony.
     • Osadzony obraz: obraz, który można wykorzystać na stronach HubSpot lub w wiadomościach e-mail.
4. Wybierzszablon w zależności od typu wezwania do działania, które chcesz utworzyć.
   • Każdy szablon wezwania do działania zawiera moduły, które można dostosować, takie jak obrazy i pola tekstowe.
   • Możesz na przykład wybrać szablon „Kliknij, aby porozmawiać” , aby uruchomić link do WhatsApp, szablon „Wyskakujące okienko spotkania ”, aby wyświetlić stronę rezerwacji spotkania, lub szablon „Wydarzenie”, aby umożliwić odwiedzającym rejestrację na konferencję lub warsztaty,
5. W lewym panelu, w zakładce „Dodaj” , dodaj moduły i edytuj układ swojego wezwania do działania: 

• • Aby dodać więcej treści do przycisku CTA, kliknij i przeciągnij nowy moduł bezpośrednio do prawego panelu edytora.
    • Do przycisku CTA można dodać tylko jeden moduł „Formularz” (nowy edytor) lub „Spotkanie ”. Pojedynczy przycisk CTA nie może zawierać jednocześnie modułu formularza i modułu spotkania. 
    • Niektóre moduły można dodać tylko raz, np. licznik czasu lub moduły wideo.
    • Do przycisku CTA można również dodawać filmy — dowiedz się więcej o wymaganiach dotyczących dodawania filmów do przycisków CTA. 
  • Aby zmodyfikować układ przycisku CTA, najedź kursorem na moduł, a następnie kliknij i przeciągnij go w nowe miejsce.
  • Aby skopiować moduł, najedź kursorem na moduł i kliknijikonę kopiowania.
  • Aby usunąć moduł, najedź kursorem na moduł i kliknijikonę usunięcia. 
     

• • Aby edytować moduł, kliknij go.
    • W panelu po lewej stronie możesz edytować treść i wygląd modułu.
    • Aby zamknąć wyskakujące okienko z wezwaniem do działania (CTA) po przesłaniu formularza przez odwiedzającego, podczas dostosowywania modułu formularza możesz włączyć przełącznik „Zamknij po przesłaniu ”. 
       

7. W panelu po lewej stronie kliknij zakładkę „Treść” , aby zarządzać modułami. 
   • Aby edytować moduł, kliknij jego nazwę . W lewym panelu możesz edytować treść i wygląd modułu. W modułach tekstu sformatowanego możesz korzystać z asystentów AI, aby tworzyć lub udoskonalać treść swojego wezwania do działania (CTA). 
   • Aby usunąć moduł, najedź kursorem na moduł i kliknijikonę usunięcia. 
8. W panelu po lewej stronie kliknij kartę „Projekt”, aby dostosować i wyświetlić podgląd swojego przycisku CTA.
   • Aby wyświetlić podgląd wezwania do działania na konkretnych stronach, w prawym górnym rogu kliknij opcję „Podgląd”. Następnie kliknij menu rozwijane „Podgląd na konkretnej stronie ” i wybierz stronę HubSpot, na której chcesz wyświetlić podgląd wezwania do działania. 

• • Aby dostosować wygląd przycisku CTA, wybierz jedną z poniższych opcji. Następnie skonfiguruj zmiany w panelu po lewej stronie. 
    • Pozycja: w przypadku przyklejonych banerów CTA można wybrać położenie u góry lub u dołu. W przypadku wysuwanych przycisków CTA można umieścić je w lewym górnym, lewym dolnym, prawym górnym lub prawym dolnym rogu strony. Zaleca się stosowanie tylko jednego wysuwanego przycisku CTA na stronę. Użycie wielu wysuwanych przycisków CTA może powodować konflikty i uniemożliwić ich wyświetlenie.
    • Rozmiar: skonfiguruj wysokość przycisku CTA; możesz włączyć opcję automatycznego dostosowywania wysokości na podstawie treści przycisku. Jeśli ta opcja nie jest zaznaczona, w zależności od projektu na przycisku CTA może czasami pojawić się pasek przewijania. 
    • Układ: skonfiguruj układ przycisku CTA. Możesz dodać odstępy do treści przycisku CTA. Możesz również włączyć opcję responsywnego układu. Dzięki responsywnemu układowi kolumny przycisku CTA będą układać się pionowo na małych ekranach.
    • Style: ustaw style przycisku CTA, takie jak główna czcionka, obramowanie i cień. Możesz używać niestandardowych czcionek w przycisku CTA — dowiedz się więcej o korzystaniu z niestandardowych czcionek w treściach HubSpot. 
    • Tło: ustaw tło dla przycisku CTA – możesz wybrać kolor tła lub przesłać obraz tła.
    • Opcja zamykania: w przypadku przycisków CTA w postaci wyskakujących okienek możesz włączyć opcję pozwalającą odwiedzającym zamknąć przycisk CTA po kliknięciu w dowolnym miejscu poza tym okienkiem. Gdy ta opcja jest wyłączona, odwiedzający mogą zamknąć przycisk CTA wyłącznie za pomocą ikony zamykania. 

Zaprojektuj przycisk CTA w formacie HTML

Aby utworzyć niestandardowe osadzone przyciski CTA w formacie HTML i zastosować własne motywy lub arkusze CSS:

1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Wezwania do działania. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Wezwania do działania.
2. W prawym górnym rogu kliknij „Utwórz”.
3. U góry kliknij kartę „Osadzone elementy i przyciski ”.
4. W menu po lewej stronie przejdź do sekcji „Zaawansowane”. Następnie wybierz opcję „Osadzony kod HTML”.
5. W panelu po lewej stronie kliknij menu rozwijane „Link do ” i wybierz opcję, do której ma przekierowywać Twój przycisk CTA:
   • Adres e-mail: utwórz link typu „mailto”. Aby otworzyć ten link w nowej karcie, zaznacz pole wyboru „Otwórz link w nowej karcie ”. 
   • Pobieranie pliku: połącz przycisk CTA z plikiem w menedżerze plików. Wybierz istniejący plik lub prześlij nowy, a następnie zaznacz pole wyboru „Otwórz link w nowej karcie” , jeśli chcesz, aby osoby klikające przycisk CTA wyświetlały obraz w nowym oknie przeglądarki. 
   • Link do spotkania: połącz przycisk CTA z linkiem do spotkania w HubSpot. Kliknij menu rozwijane „Wybierz link do spotkania ”, a następnie wybierz link do spotkania. Aby otworzyć ten link w nowej karcie, zaznacz pole wyboru „Otwórz link w nowej karcie ”. 
   • Jedna z Twoich stron: połącz przycisk CTA z jedną ze swoich stron HubSpot lub wpisów na blogu. Kliknij menu rozwijane „Strona”, a następnie wybierz stronę lub wpis. Link przycisku CTA zostanie powiązany z identyfikatorem strony, a wszelkie zmiany w adresie URL strony spowodują automatyczną aktualizację linku przycisku CTA. Aby otworzyć ten link w nowej karcie, zaznacz pole wyboru „Otwórz link w nowej karcie ”. 
   • Adres URL: połącz przycisk CTA z zewnętrzną stroną spoza platformy HubSpot. W polu „Adres URL linku” wprowadź adres URL strony internetowej, do której chcesz przekierować odwiedzających. Aby otworzyć ten link w nowej karcie, zaznacz pole wyboru „Otwórz link w nowej karcie ”. 
   • CTA: użyj niestandardowego przycisku CTA, aby wyświetlić przyklejony baner, okienko wyskakujące lub wysuwane okienko CTA.
6. W polu „Treść przycisku” wprowadź tekst przycisku CTA. 
   

Uwaga:linkowanie międzydomenowe nie jest obsługiwane w przyciskach CTA, nawet jeśli ustawienie linkowania międzydomenowego zostało włączone. 

7. Aby jeszcze bardziej dostosować wygląd przycisku CTA, kliknij „Zaawansowane”
8. Na stronie „Zaawansowane” możesz dodać niestandardowe klasy CSS lub reguły:
   • Niestandardowe klasy CSS: wprowadź niestandardową klasę dla swojego przycisku CTA. Używaj niestandardowych klas, aby zastosować style projektowe, takie jak rodziny czcionek, w wielu przyciskach CTA na swojej stronie internetowej. 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ć style wbudowane specyficzne dla danego przycisku CTA.
     • Aby dodać nową regułę CSS, kliknij „Dodaj jedną” lub „+ Dodaj” i skonfiguruj selektor oraz styl. 
       • Selektor: wprowadź selektor CSS. Ta wartość jest opcjonalna i zostanie połączona z selektorem przycisku CTA. Na przykład, jeśli wprowadzony selektor to :hover, połączony selektor będzie wyglądał następująco: ${ctaSelector}:hover
       • Styl: wprowadź niestandardową regułę stylu CSS, która ma być zastosowana do skonfigurowanego selektora. Możesz wprowadzić styl bez podawania selektora. Na przykład: color: yellow;.
         
         

9. Aby edytować istniejącą regułę CSS, najedź kursorem na regułę i kliknij ikonę edycji. 
10. Aby sklonować regułę CSS, najedź kursorem na regułę i kliknij ikonę klonowania. 
11. Aby zarządzać priorytetami reguł CSS, kliknij i przeciągnij każdą regułę, aby ustawić je w kolejności według priorytetu.
12. Aby usunąć regułę CSS, najedź kursorem na regułę i kliknij ikonę usuwania. 
13. Aby zastosować do przycisku CTA ten sam kod HTML i klasy, co w przypadku starszych przycisków CTA, zaznacz pole wyboru „Użyj starszego znacznika ”. Jeśli na stronach znajdują się arkusze stylów CSS definiujące wygląd starszych przycisków CTA, zaznaczenie tego pola wyboru pozwoli przyciskowi CTA w formacie HTML przyjąć te same style. 
14. Aby zakończyć konfigurację projektu przycisku CTA, kliknij „Zapisz i zastosuj”.
     

Dostosuj miejsce i czas wyświetlania przyklejonego banera, okienka wyskakującego lub wysuwanego przycisku CTA

Jeśli skonfigurowałeś baner przyklejony, okienko wyskakujące lub wysuwane wezwanie do działania (CTA), kieruj reklamy do odwiedzających, wybierając, kiedy to wezwanie do działania ma się pojawiać na Twojej witrynie. Dowiedz się więcej o dodawaniu wezwań do działania do stron. 

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

Czynniki wyzwalające 

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

1. W górnej części kliknij kartę „Kierowanie”.
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: przycisk CTA pojawi się, gdy odwiedzający kliknie przycisk. Dowiedz się, jak skonfigurować wyskakujące przyciski CTA tak, aby uruchamiały się po kliknięciu przycisku. Domyślnie ta opcja jest zawsze włączona. 
     • Skonfiguruj to na 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, musi być zainstalowany kod śledzenia HubSpot . 
   • Wyzwalacz przy przewijaniu strony: przycisk CTA pojawi się, gdy odwiedzający przewinie stronę o określony procent.
   • Wyzwalacz przy próbie opuszczenia strony: przycisk CTA pojawi się, gdy odwiedzający wykaże zamiar opuszczenia strony. 
     • Na komputerze stacjonarnym przycisk CTA pojawi się, gdy użytkownik przesunie kursor do górnego paska okna przeglądarki.
     • Na urządzeniach mobilnych przycisk CTA pojawi się, gdy: 
       • Użytkownik kliknie przycisk „Wstecz” w przeglądarce, próbując przejść do poprzedniej strony.
       • Użytkownik zminimalizuje okno przeglądarki, a następnie powróci do Twojej witryny w tej samej przeglądarce.
   • Wyzwalacz po upływie określonego czasu: przycisk CTA pojawi się po upływie określonej liczby sekund.
   • Wyzwalacz po okresie bezczynności: przycisk CTA pojawi się po upływie określonej liczby sekund bezczynności użytkownika.

Adres URL strony internetowej

W tej samej zakładce „Kierowanie” dodaj logikę warunkową dla określonych adresów URL stron internetowych lub wartości parametrów zapytania. Domyślnie przycisk CTA będzie wyświetlany na wszystkich stronach.

1. Aby wyświetlić przycisk CTA, gdy użytkownik znajduje się na konkretnym adresie URL witryny, w sekcji „Adres URL witryny”:
   • Kliknij pierwszemenu rozwijane iwybierz opcję„Adres URL strony internetowej”.
   • Kliknij drugiemenu rozwijane iwybierz regułę kierowania.
   • W polu tekstowym wprowadź kryteria reguły.
2. Aby wyświetlić przycisk CTA, gdy użytkownik znajduje się na stronie internetowej, której adres URL zawiera określone parametry zapytania:
   • Kliknij pierwszemenu rozwijane iwybierz opcję„Parametr zapytania”.
   • 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 opcję„Dodaj regułę”.
4. Aby wykluczyć wezwania do działania z określonych stron, kliknij opcjęDodaj regułę wykluczenia. Na przykład możesz dodać wykluczenie dla strony z polityką prywatności.

1. W sekcji „Komu zostanie to wyświetlone” ustaw grupę docelową dla swojego 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. 
   • Odfiltrowani 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 (CTA). Kliknij menu rozwijane „Pokaż ponownie” i wybierz jedną z poniższych opcji:
   • Po upływie określonego czasu:wezwanie do działania pojawi się ponownie po upływie określonego czasu. 
   • Powtarzaj: przycisk CTA będzie wyświetlany za każdym razem, gdy odwiedzający przejdzie do wybranych stron internetowych i wykona czynność wyzwalającą, nawet jeśli wcześniej już z nim wchodził w interakcję.
   • Nie pokazuj ponownie: nigdy więcej nie wyświetlaj przycisku CTA temu samemu użytkownikowi. 
     
     

Dostosuj opcje przycisku CTA

Wzakładkach „Opcje” dostosuj różne opcje przycisku CTA, takie jak wyświetlanie przycisku na małych ekranach, powiązane kampanie oraz harmonogram działania przycisku. 

1. W górnej części kliknij kartę „Opcje ”.
2. W przypadku banera przyklejonego, okienka wyskakującego lub wysuwanego przycisku CTA można ukryć przycisk na małych ekranach. W sekcji „Małe ekrany”zaznacz pole wyboru „Wyłącz na małych ekranach ”.
3. Jeśli posiadasz subskrypcję Marketing Hub Professional lub Enterprise, możesz powiązać wezwanie do działania z kampanią:
   • Aby powiązać przycisk CTA z istniejącą kampanią, kliknij menu rozwijane „Kampania ” i wybierz kampanię.
   • Aby powiązać przycisk CTA z nową kampanią, kliknij menu rozwijane „Kampania ”, a następnie kliknij opcję „Utwórz kampanię”. Następnie kontynuuj konfigurację kampanii. 
   • Jeśli nigdy wcześniej nie tworzyłeś kampanii, kliknij opcję „Utwórz kampanię”. Następnie kontynuuj konfigurację kampanii. 
4. Skonfiguruj sposób śledzenia kliknięć w przycisk CTA. Wybierz jedną z poniższych opcji: 
   • Śledzenie kliknięć poprzez przekierowanie: śledź kliknięcia w przycisk CTA, kierując odwiedzających na początkowy adres URL, który powiąże kliknięcie z przyciskiem CTA, a następnie przekierowując ich na stronę docelową. Ta opcja jest domyślnie zaznaczona.
   • Śledzenie kliknięć za pośrednictwem przeglądarki: śledzi kliknięcia asynchronicznie za pośrednictwem przeglądarki odwiedzającego. Ta opcja pozwala na użycie tagów kotwic, ponieważ nie ma przekierowań – przycisk CTA przekieruje odwiedzających bezpośrednio do ustawionego adresu URL. 
5. W przypadku banerów przyklejonych, okienek wyskakujących lub wysuwanych przycisków CTA możesz zaplanować, kiedy przycisk CTA ma się wyświetlać:
   
   • Aby zaplanować moment rozpoczęcia wyświetlania przycisku CTA, włącz przełącznik „Zaplanuj na później ”. Następnie wybierz datę i godzinę rozpoczęcia. 
   • Aby zaplanować moment zakończenia wyświetlania przycisku CTA, włącz przełącznik „Ustaw datę i godzinę wycofania ”. Następnie wybierz datę i godzinę zakończenia . 
     
     

Opublikuj swoje wezwanie do działania 

Po zakończeniu konfiguracji przycisku CTA opublikuj go, aby stał się aktywny. 

1. W prawym górnym rogu kliknij „Sprawdź i opublikuj”.
2. W prawym panelu sprawdź swoje wezwanie do działania, a następnie kliknij „Opublikuj teraz”. Wezwanie do działania zostanie automatycznie opublikowane na wybranych stronach.