Tworzenie wezwań do działania (CTA)

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ągnięcie nowych użytkowników. Możesz także dodawać wezwania do działania do stron zewnętrznych.

Przed dodaniem CTA do zewnętrznej strony należy zainstalować kod śledzenia HubSpot lub zainstalować wtyczkę HubSpot WordPress w witrynie WordPress. Po dodaniu CTA kieruj ruchem, kierując odwiedzających do określonych stron, łączy 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 CTA. Po opublikowaniu CTA dowiedz się, jak analizować jego skuteczność.

Zaprojektuj CTA

W edytorze CTA dostosuj wygląd CTA, aby przyciągnięcie odwiedzających. Podczas tworzenia wezwań do działania możesz także używać inteligentnych 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 korzystaniu z inteligentnych treści w wezwaniach do działania.

• Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
• W prawym górnym rogu kliknij przycisk Utwórz.
• U góry wybierz zakładkę Pytania lub zakładkę Osadzenia i przyciski.
  • Wyskakujące pytania CTA 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ę.
    • Pytanie wyskakujące : pytanie wyskakujące, 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:
    • Embed: baner, wezwanie do działania lub przycisk, którego możesz użyć na swojej stronie internetowej lub w wiadomościach e-mail HubSpot, aby skierować ewentualnych klientów na określone strony.
    • Osadzony obraz: obraz, który można wykorzystać na stronach HubSpot lub w wiadomościach e-mail.
• Wybierz szablon w oparciu o typ CTA, który chcesz utworzyć.
  • Każdy szablon CTA będzie miał konfigurowalne elementy, takie jak obrazy i pola tekstowe.
  • Na przykład możesz wybrać szablon Kliknij, aby porozmawiać , aby uruchomić link WhatsApp, lub szablon Zdarzenie dla odwiedzających, aby zarejestrować się na konferencję lub warsztaty.

• W lewym panelu, na karcie Dodaj , dodaj elementy i edytuj układ dla swojego CTA:

• • Aby dodać więcej treści do CTA, kliknij i przeciągnij nowy element bezpośrednio do prawego panelu edytora. Możesz także dodać elementy wideo do CTA, dowiedz się więcej o opcjach i wymaganiach podczas dodawania filmów do CTA.
  • Aby zmodyfikować układ CTA, 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.

• 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ć asystentów SI , aby utworzyć lub dopracować treść CTA.
  • Aby usunąć element, najedź na niego kursorem i kliknijikonę usuwania delete .
• W lewym panelu kliknij kartę Projekt, aby dostosować i wyświetlić podgląd CTA.
  • Aby wyświetlić podgląd CTA 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 CTA, 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 ustawić wezwanie 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ść CTA, możesz włączyć opcję automatycznego ustawiania wysokości na podstawie treści CTA.
    • Układ : skonfiguruj układ CTA. Możesz dodać wypełnienie do treści CTA. Możesz także włączyć opcję, aby włączyć responsywny układ. Dzięki responsywnemu układowi kolumny CTA 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żyć niestandardowych czcionek z CTA, dowiedz się więcej o używaniu niestandardowych czcionek z treścią HubSpot.
    • Tło: ustaw tło dla CTA, 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ąć CTA tylko za pomocą ikony zamknięcia.

Projektowanie HTML CTA

Aby utworzyć niestandardowe osadzone CTA HTML i zastosować niestandardowe motywy lub CSS:

• W lewym panelu kliknij Rozpocznij od zera.
• Następnie kliknij, aby rozwinąć Zaawansowane opcje i wybierz Osadzony HTML.
• Kliknij menu rozwijane Link do i wybierz opcję przekierowania do CTA:
  • 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 CTA 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.
  • Łącze do spotkania: połącz CTA z łączem do spotkania w HubSpot. Kliknij menu rozwijane Wybierz łącze do spotkania, a następnie wybierz łącze do spotkania. Aby otworzyć to łącze na nowej stronie, zaznacz pole wyboru Otwórz łącze w nowej karcie.
  • Jedna ze stron: połącz CTA z jedną ze swoich stron lub wpisów na blogu HubSpot. 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.
  • URL: połącz CTA 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.
  • CTA: użyj niestandardowego CTA, aby uruchomić przyklejony baner, wyskakujące okienko lub wsuwane CTA.
• W polu Treść przycisku wprowadź tekst CTA.
• Aby jeszcze bardziej dostosować wygląd CTA, kliknij Zaawansowane
  

• Na stronie Zaawansowane można dodać niestandardowe klasy lub reguły CSS:
  • Niestandardowe klasy CSS: wprowadź niestandardową klasę do swojego CTA. 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 lokalny specyficzny dla Twojego CTA.
    • 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 CTA. 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 uporządkować ją 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 CTA, 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 przyklejonego banera, wyskakującego okienka lub wsuwanego CTA

Jeśli skonfigurowałeś przyklejony 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 CTA będzie wyświetlane na Twojej stronie. CTA pojawi się po spełnieniu pierwszego wybranego wyzwalacza.

• U góry kliknij kartę Kierowanie .
• W sekcji Kiedy ma 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 pytania CTA, aby uruchamiały się po kliknięciu przycisku. Domyślnie ta opcja jest zawsze włączona.
    • Skonfiguruj to na swoich stronach HubSpot z domyślnym modułem przycisku lub na stronach zewnętrznych, dostosowując klasę przycisku.
    • Aby ustawić ten wyzwalacz na stronie zewnętrznej, należy zainstalować kod śledzenia HubSpot .
  • Trigger on page scroll: CTA pojawi się, gdy użytkownik przewinie stronę o określony procent.
  • Trigger on exit intent: CTA pojawi się, gdy odwiedzający przesunie kursor do górnego paska okna przeglądarki.
  • Trigger after elapsed time: CTA pojawi się po określonej liczbie sekund.
  • Wyzwalanie po braku aktywności: CTA pojawi się, gdy odwiedzający będzie nieaktywny przez określoną liczbę sekund.

Adres URL witryny

Dodaj logikę warunkową dla określonych adresów URL stron internetowych lub wartości parametrów zapytania w tej samej zakładce Targetowanie . Domyślnie CTA pojawi się na wszystkich stronach.

• Aby wyświetlić CTA, gdy odwiedzający 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ć CTA, gdy odwiedzający znajduje się na stronie w witrynie 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.
• Aby dodać kolejną regułę, kliknij przycisk Dodaj regułę.
• Aby wykluczyć Wezwania do działania z niektórych stron, kliknij Dodaj regułę wykluczenia. Na przykład, możesz chcieć dodać wykluczenie dla strony polityki prywatności.

Informacje o odwiedzających i ich zachowanie

Na karcie Targetowanie można również kierować reklamy na określone kontakty w oparciu o znane informacje o odwiedzających i ich zachowanie. Rodzaj reguł filtrowania, które można dodać, zależy od subskrypcji konta.

• Aby wyświetlić CTA wszystkim odwiedzającym na określonych stronach internetowych, wybierz opcję Wszyscy odwiedzający. Ta opcja jest domyślnie zaznaczona.
• Aby wyświetlać wezwania do działania określonym odwiedzającym, kliknij opcję Filtrowani odwiedzający . Następnie skonfiguruj filtry:
  • Kliknij pierwsze menu rozwijane, aby wybrać sposób filtrowania odwiedzających.

• • Kliknij następne menu rozwij ane, aby wybrać reguły filtrowania.
  • Aby dodać więcej reguł określających, kiedy wyświetlać CTA, kliknij Dodaj regułę i wybierz filtry.

• • Wybierz, kiedy ukryć CTA:
    
    • Kliknij Dodaj regułę wykluczenia.
    • Kliknij pierwsze menu rozwijane, aby wybrać, kiedy CTA ma być ukryte.
    • Kliknij następne menu rozwij ane, aby wybrać reguły filtrowania.
    • Aby dodać więcej reguł określających, kiedy ukryć CTA, 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 przyklejony 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 CTA:

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

Uwaga: nie dotyczy to wezwań do działania w przypadku korzystania z wyzwalacza po kliknięciu przycisku jako wyzwalacza aktywacji .

Dostosuj opcje CTA do swoich potrzeb

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

• U góry kliknij kartę Opcje .
• W przypadku przyklejanego banera, wyskakującego okienka lub wsuwanego CTA można ukryć CTA na małych ekranach. W sekcji Małe rozmiary ekranu zaznacz pole wyboru Wyłącz na małych rozmiarach ekranu.

• Jeśli posiadasz subskrypcję Marketing Hub Professional lub Enterprise, możesz powiązać CTA z kampanią:
  • Aby powiązać CTA z istniejącą kampanią, kliknij menu rozwijane Kampania i wybierz kampanię.
  • Aby powiązać CTA z nową kampanią, kliknij menu rozwijane Kampania i kliknij 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 sposób śledzenia kliknięć CTA. Wybierz jedną z obserwujących opcji:
  • Śledź kliknięcia przez przekierowanie: śledź kliknięcia w wezwanie 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 pozwala na użycie znaczników zakotwiczenia, ponieważ nie ma przekierowań, CTA będzie kierować odwiedzających do ustawionego adresu URL.

• W przypadku przyklejonego banera, wyskakującego okienka lub wsuwanego CTA można zaplanować, kiedy CTA będzie wyświetlane:
  
  • 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 CTA przestanie być wyświetlane, włącz przełącznik Ustaw datę i godzinę niepublikowania . Następnie wybierz datę i godzinę zakończenia .

Opublikuj CTA

Po zakończeniu konfigurowania CTA, opublikuj swoje CTA, aby je uruchomić.

• W prawym górnym rogu kliknij opcję Przejrzyj i opublikuj.
• W prawym panelu przejrzyj CTA, a następnie kliknij Opublikuj teraz. CTA zostanie automatycznie opublikowane na stronach docelowych.