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 do strony zewnętrznej musisz zainstalować kod śledzenia HubSpot lub wtyczkę HubSpot WordPress na swojej witrynie WordPress. Po dodaniu wezwania do działania zwiększ ruch, kierując odwiedzających do konkretnych stron, linków do spotkań lub zewnętrznych adresów 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 wezwania do działania dostosuj jego wygląd, aby przyciągnąć odwiedzających. Podczas tworzenia wezwań do działania możesz również użyć inteligentnej treści, aby wyświetlać różne wersje wezwania do działania w zależności od kategorii odbiorców. Dowiedz się więcej o używaniu inteligentnej treści w wezwaniach do działania. 

1. Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
2. W prawym górnym rogu kliknij Utwórz.
3. U góry wybierz kartę Wyskakujące okienka lub kartę Osadzenia 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. 
     • Wysuwane okno: baner, który wysuwa się z rogu witryny. Baner pozostaje widoczny, gdy użytkownicy przewijają stronę. 
   • Wbudowane i przyciskowe wezwania do działania (CTA) 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 określone 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.
   • Na przykład możesz 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 wezwania do działania, 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.
    • Możesz również dodawać filmy do swojego przycisku CTA. Dowiedz się więcej o wymaganiach dotyczących dodawania filmów do przycisków CTA. 
  • Aby zmodyfikować układ swojego wezwania do działania (CTA), najedź kursorem na moduł, a następnie kliknij i przeciągnij go w nowe miejsce.
  • Aby powielić moduł, najedź kursorem na moduł i kliknijikonę powielania/klonowania.
  • Aby usunąć moduł, najedź na niego kursorem 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 użytkownika, podczas dostosowywania modułu formularza możesz włączyć przełącznik Zamknij po przesłaniu . 
       

7. W lewym panelu 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 używać asystentów AI do tworzenia lub udoskonalania treści CTA. 
   • Aby usunąć moduł, najedź kursorem na moduł i kliknijikonę usuwania. 
8. W panelu po lewej stronie kliknij kartę Projekt, aby dostosować i wyświetlić podgląd swojego wezwania do działania (CTA).
   • 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, 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 lewym panelu. 
    • Pozycja: w przypadku przyklejonych banerów CTA można wybrać pozycję 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 stronie. 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 ustawiania wysokości na podstawie treści przycisku CTA. 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ć wypełnienie 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 dla swojego przycisku CTA, takie jak główna czcionka, obramowanie i cień. Możesz używać niestandardowych czcionek w swoim przycisku CTA. Dowiedz się więcej o używaniu 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 wyskakujących okienek CTA możesz włączyć opcję, która pozwala odwiedzającym zamknąć CTA po kliknięciu w dowolnym miejscu poza wyskakującym okienkiem. Gdy ta opcja jest wyłączona, odwiedzający mogą zamknąć CTA tylko 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 przejdź do Marketing > Wezwania do działania.
2. W prawym górnym rogu kliknij Utwórz.
3. U góry kliknij kartę Osadzone 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 mailto. Aby otworzyć ten link w nowej karcie, zaznacz pole wyboru Otwórz link w nowej karcie. 
   • Pobieranie pliku: połącz swoje wezwanie do działania 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 wezwania do działania wyświetlały obraz w nowym oknie przeglądarki. 
   • Link do spotkania: połącz swój 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 swój przycisk CTA z jedną ze 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 automatycznie zaktualizują link przycisku CTA. Aby otworzyć ten link w nowej karcie, zaznacz pole wyboru Otwórz link w nowej karcie. 
   • URL: połącz swoje wezwanie do działania (CTA) ze stroną zewnętrzną poza HubSpot. W polu „Link URL ” wpisz 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, wyskakujące okienko lub wysuwane okienko CTA.
6. W polu Treść przycisku wprowadź tekst przycisku CTA. 
   

7. Aby jeszcze bardziej dostosować wygląd przycisku CTA, kliknij opcję Zaawansowane
8. Na stronie Zaawansowane możesz dodać niestandardowe klasy lub reguły CSS:
   • Niestandardowe klasy CSS: wprowadź niestandardową klasę do swojego przycisku CTA. Użyj 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 Twojego 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ć ten sam kod HTML i klasy do przycisku CTA, co w przypadku starszych przycisków CTA, zaznacz pole wyboru Użyj starszego znacznika. Jeśli na stronach znajdują się arkusze stylów CSS stylizujące starsze przyciski 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, wyskakującego okienka lub wysuwanego przycisku CTA

1. Aby wyświetlić przycisk CTA, gdy użytkownik znajduje się na konkretnej stronie internetowej, w sekcji „Adres URL strony internetowej”:
   • Kliknij pierwszemenu rozwijane iwybierz opcję„Adres URL strony”.
   • Kliknij drugiemenu rozwijane iwybierz regułę kierowania.
   • Wpisz kryteria reguły w polu tekstowym.
2. Aby wyświetlić wezwanie do działania (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łę, kliknijDodaj regułę.
4. Aby wykluczyć wezwania do działania z określonych stron, kliknijDodaj regułę wykluczenia. Na przykład możesz dodać wykluczenie dla strony z polityką prywatności.

1. W sekcji Komu będzie to wyświetlane 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 widoczne tylko dla określonych odwiedzających
2. W sekcji Jak często będzie wyświetlane ustaw częstotliwość wyświetlania Twojego wezwania do działania (CTA). Kliknij menu rozwijane Wyświetl ponownie i wybierz jedną z następujących opcji:
   • Po upływie określonego czasu:wezwanie do działania pojawi się ponownie po upływie określonego czasu. 
   • Powtórz: 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 wchodził z nim 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 CTA na małych ekranach, powiązane kampanie oraz harmonogram działania przycisku. 

1. U góry kliknij kartę Opcje .
2. W przypadku banerów przyklejonych, wyskakujących okienek lub wysuwanych przycisków CTA można ukryć przycisk CTA na małych ekranach. W sekcji Małe rozmiary ekranówzaznacz 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 Utwórz kampanię. Następnie kontynuuj konfigurację kampanii. 
4. Skonfiguruj sposób śledzenia kliknięć w przycisku CTA. Wybierz jedną z następujących opcji: 
   • Śledź kliknięcia poprzez przekierowanie: śledź kliknięcia w przycisk CTA, kierując odwiedzających do początkowego adresu URL, który powiąże kliknięcie z przyciskiem CTA, a następnie przekieruj ich do strony docelowej. Ta opcja jest domyślnie zaznaczona.
   • Śledź kliknięcia za pomocą 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ń, a przycisk CTA przekieruje odwiedzających 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ć, kiedy przycisk CTA przestanie się wyświetlać, 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 uruchomić go na żywo. 

1. W prawym górnym rogu kliknij Przejrzyj 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 docelowych stronach.