Dodaj wezwania do działania (CTA) do swoich treści

Po utworzeniu wezwania do działania (CTA) możesz dodać CTA zarówno do HubSpot, jak i do stron zewnętrznych. Podczas konfigurowania CTA dla stron zewnętrznych należy zainstalować kod śledzenia Hub Spot. Możesz również dodawać wezwania do działania do wiadomości e-mail w marketingu typu "przeciągnij i upuść".

Po dodaniu CTA do treści, jeśli posiadasz subskrypcję Marketing Hub lub Content Hub Professional lub Enterprise, możesz utworzyć przepływ pracy w celu automatyzacji działań po interakcji odwiedzającego z CTA. Na przykład, po tym jak odwiedzający prześle formularz na CTA, możesz wyzwalacz serię marketingowych e-maili, aby pielęgnować nowy kontakt marketingowy.

Zrozumienie dodawania wezwań do działania do treści

Sposób dodawania CTA do strony zależy od tego, jaki typ CTA został utworzony:

• Jeśli używasz osadzonych wezwań do działania, możesz dodać maksymalnie 100 osadzonych wezwań do działania na stronę. Osadzonych wezwań do działania można używać na następujące sposoby:
  • Domyślny moduł Wezwania do działania na stronach HubSpot
  • Domyślny moduł przycisku w marketingowej wiadomości e-mail
  • Fragment kodu na zewnętrznej witrynie internetowej
• Jeśli używasz przyklejonego banera, wyskakującego okienka lub wsuwanego wezwania do działania, możesz:
  • Wyzwalacz CTA, aby pojawił się, gdy odwiedzający kliknie przycisk.

• • Wybierz jeden lub więcej wyzwalaczy aktywacji, a następnie ustaw cele, korzystając z adresu URL witryny internetowej lub informacji o odwiedzających. Gdy pierwszy wyzwalacz zostanie spełniony, CTA pojawi się na docelowych stronach i dla określonych odwiedzających:
    • Wyzwalacz przy przewijaniu strony
    • Wyzwalacz przy zamiarze opuszczenia strony
    • Wyzwalacz po upłynięciu czasu
    • Wyzwalacz po braku aktywności

Dodaj CTA do treści w HubSpot

Na stronach HubSpot kod śledzenia jest instalowany automatycznie. W przypadku większości wyzwalaczy aktywacji, CTA pojawi się po spotkaniu pierwszego wyzwalacza.

Aby jednak użyć osadzonego CTA lub CTA, które jest wyzwalane po kliknięciu przycisku przez odwiedzającego, konieczne będzie ręczne dodanie CTA.

Dodawanie CTA do strony HubSpot

Wezwania do działania można osadzać na stronach hostowanych w HubSpot za pomocą modułu Wezwania do działania.

1. Przejdź do swojej zawartości:

   • Strony w witrynie internetowej: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
   • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
2. Kliknij nazwę swojej zawartości.
3. W edytorze treści kliknij przycisk + Dodaj na lewym pasku bocznym.
4. W edytorze paska bocznego wyszukaj i kliknij moduł Wezwania do działania, a następnie przeciągnij go na pozycję na stronie.
5. W sekcji CTA kliknij przycisk Wybierz
   

Dodawanie CTA do wpisu na blogu HubSpot

1. Na swoim koncie HubSpot przejdź do Treści > Blog.
2. Kliknij nazwę swojego wpisu.
3. W edytorze treści kliknij moduł tekstu sformatowanego, aby dostosować jego zawartość.
4. Na pasku narzędzi tekstu sformatowanego kliknij Wstaw > Wezwanie do działania
   

5. W prawym panelu kliknij kartę Wezwania do działania .
6. Wybierz CTA do wstawienia, a następnie kliknij Wstaw.
7. W lewym panelu kliknij przycisk Zastosuj zmiany. Wybrane CTA będzie teraz wyświetlane w edytorze tekstu sformatowanego i na podglądzie
   

Wyzwalacz CTA po kliknięciu przycisku w HubSpot

1. Przejdź do swojej zawartości:

   • Strony w witrynie internetowej: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
   • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
2. Kliknij nazwę
3. W lewym panelu, w zakładce Dodaj , wyszukaj i wybierz domyślny moduł przycisku. Kliknij i przeciągnij moduł przycisku na swoją stronę
   

4. W lewym panelu kliknij menu rozwijane Link do i wybierz CTA.
5. Kliknij menu rozwijane CTA i wybierz istniejące CTA.
6. Kontynuuj konfigurację modułu przycisków
   

Dodawaj osadzone CTA do wiadomości e-mail z funkcją "przeciągnij i upuść"

Dodawaj osadzone CTA do swoich e-maili marketingowych metodą "przeciągnij i upuść" i śledź skuteczność swojej oferty CTA w wielu punktach styku.

Aby dodać CTA w edytorze wykorzystującym przeciąganie i upuszczanie wiadomości e-mail:

1. Na koncie HubSpot przejdź do Marketing > E-mail.
2. Najedź kursorem na wiadomość e-mail, do której chcesz dodać CTA, a następnie kliknij Edytuj. Możesz też utworzyć nową wiadomość e-mail.
3. W lewym panelu kliknij i przeciągnij moduł Button do edytora wiadomości e-mail
   

4. W lewym panelu kliknij menu rozwijane Link do. Następnie wybierz opcję CTA.
5. W polu CTA kliknij przycisk Wybierz.
6. W prawym panelu wybierz CTA do wstawienia, a następnie kliknij Wstaw.
   

Uwaga: podczas tworzenia lub wybierania CTA dla wiadomości e-mail obsługiwany jest tylko pojedynczy przycisk lub obraz. Nie można używać wezwań do działania z wieloma elementami, takimi jak przycisk i obraz.

Dostosuj przyciski motywu, aby wyzwalacz CTA po kliknięciu przycisku

Jeśli używasz niestandardowego motywu w HubSpot, może być konieczne dostosowanie modułu przycisków motywu, aby wyzwalacz CTA.

Jeśli edytujesz domyślny szablon, musisz go najpierw sklonować. Motywy zakupione w Centrum zasobów nie mogą być klonowane; zamiast tego zaleca się utworzenie motywu potomnego.

Aby dostosować moduł przycisków motywu:

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
2. W lewym górnym rogu wyszukaj moduł przycisku.
3. W prawym panelu najedź kursorem na Button (Field group) i kliknij Edit.
4. W sekcji Pola zgrupowane najedź kursorem na URL (URL) i kliknij Edytuj.
5. Kliknij menu rozwijane Obsługiwane typy adresów URL. Następnie zaznacz pole wyboru CTA.
6. W prawym górnym rogu kliknij przycisk Opublikuj zmiany. Po opublikowaniu zmian opcja CTA powinna pojawiać się podczas korzystania z modułu przycisków motywu na stronach
   

Dodaj CTA do treści zewnętrznych

Aby dodać CTA do stron zewnętrznych, należy zainstalować kod śledzenia HubSpot.

W przypadku banerów samoprzylepnych, wyskakujących okienek lub wezwań do działania typu slide-in zainstalowanie kodu śledzenia umożliwi wyświetlenie wezwania do działania po spełnieniu pierwszego wyzwalacza aktywacji. Nie musisz osadzać CTA na swojej stronie, a opcja osadzania nie pojawi się podczas oceny CTA.

Jednak w przypadku osadzonych CTA lub CTA, które są wyzwalane po kliknięciu przycisku przez odwiedzającego, konieczne będzie ręczne dodanie CTA.

Osadzenie CTA na zewnętrznej witrynie internetowej

Aby dodać osadzone CTA do zewnętrznych stron:

1. Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
2. W lewym górnym rogu kliknij menu rozwijane i wybierz CTA.
3. Najedź kursorem na CTA, kliknij Akcje i wybierz Osadź.
4. Kliknij Kopiuj do schowka, aby skopiować kod CTA do schowka.
5. Przejdź do systemu zarządzania treścią (CMS) swojej zewnętrznej witryny internetowej.
6. Wklej kod CTA embed do kodu HTML strony spoza HubSpot, gdziekolwiek chcesz, aby pojawiło się CTA.
7. Wyświetl podgląd CTA na stronie internetowej, aby sprawdzić, jak wygląda na żywo. Jeśli CTA nie wyświetla się poprawnie, sprawdź, czy zewnętrzny CMS nie zmienił kodu.
8. Po zakończeniu opublikuj swoją stronę.

Ogólnie rzecz biorąc, edycja CTA nie wpłynie na jego kod osadzania. Na przykład edycja opcji Otwórz link w nowej karcie nie zmieni atrybutu target="_blank" w kodzie osadzonym.

Fragment kodu do osadzenia działa jako symbol zastępczy przed wyrenderowaniem wersji iframe CTA. Ta renderowana wersja CTA będzie odzwierciedlać poprawną wartość Otwórz w nowej karcie ustawioną w edytorze.

Aby otworzyć link w tym samym oknie w symbolu zastępczym, użytkownicy mogą ręcznie zmienić tag atrybutu target na target="_self"

Wyzwalacz CTA po kliknięciu przycisku na zewnętrznej witrynie internetowej

Przed użyciem CTA na zewnętrznej witrynie internetowej należy zainstalować kod śledzenia HubSpot. Aby skonfigurować wyzwalacz na stronie zewnętrznej:

1. Na koncie HubSpot przejdź do Marketing > Wezwania do działania.
2. W lewym górnym rogu kliknij menu rozwijane i wybierz CTA.
3. Najedź kursorem na CTA i kliknij Edytuj.
4. U góry kliknij kartę Targetowanie .
5. W sekcji Wyzwalacz po kliknięciu przycisku kliknij Fragment kodu.

6. W oknie dialogowym kliknij Kopiuj.
7. Wklej klasy osadzania do przycisku na zewnętrznej witrynie internetowej. Jeśli nie wiesz, jak dodać klasy CSS do przycisków w swojej witrynie, może być konieczna współpraca z webmasterem, działem IT lub programistą.