HubSpot Baza wiedzy

Dodawanie wezwań do działania (CTA) do treści

Autor: HubSpot Support | Jan 17, 2023 6:50:34 AM

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

Sposób dodawania wezwania do działania do strony zależy od typu utworzonego wezwania do działania:

  • 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 stronie internetowej
  • Jeśli korzystasz z przyklejonego banera, wyskakującego okienka lub wsuwanego wezwania do działania, możesz:
    • Wyzwolić wezwanie do działania, aby pojawiło się, gdy użytkownik kliknie przycisk.
    • Wybrać jeden lub więcej wyzwalaczy aktywacji, a następnie ustawić cele przy użyciu adresu URL witryny lub informacji o odwiedzających. Gdy pierwszy wyzwalacz zostanie spełniony, wezwanie do działania pojawi się na docelowych stronach i dla określonych odwiedzających:
      • Wyzwalacz przy przewijaniu strony
      • Wyzwalanie przy zamiarze wyjścia
      • Wyzwalanie po upływie czasu
      • Wyzwalanie po braku aktywności

Dodaj wezwanie do działania do treści HubSpot

Na stronach HubSpot kod śledzenia jest instalowany automatycznie. W przypadku większości wyzwalaczy aktywacji, wezwanie do działania pojawi się po spełnieniu pierwszego wyzwalacza. Aby jednak użyć osadzonego CTA lub CTA, które jest wyzwalane po kliknięciu przycisku przez odwiedzającego, należy ręcznie dodać CTA.

Dodawanie wezwania do działania do strony HubSpot

Możesz osadzać wezwania do działania na stronach hostowanych w HubSpot za pomocą modułu Call-to-action.

  • Przejdź do swojej zawartości:

    • Strony witryny:
    • Strony docelowe:
  • Kliknij nazwę swojej zawartości.
  • W edytorze treści kliknij przycisk + Dodaj na lewym pasku bocznym.
  • W edytorze paska bocznego wyszukaj i kliknij moduł wezwania do działania, a następnie przeciągnij go na stronę .
  • W sekcji Wezwanie do działania kliknij przycisk Wybierz.

Dodawanie wezwania do działania do wpisu na blogu HubSpot

  • Kliknij nazwę swojego wpisu.
  • W edytorze treści kliknij moduł tekstu sformatowanego, aby dostosować jego zawartość.
  • Na pasku narzędzi tekstu sformatowanego kliknij Wstaw > Wezwanie do działania.

  • W prawym panelu kliknij kartę Wezwania do działania .
  • Wybierz wezwanie do działania, które chcesz wstawić, a następnie kliknij przycisk Wstaw.
  • W lewym panelu kliknij przycisk Zastosuj zmiany. Wybrane wezwanie do działania będzie teraz wyświetlane w edytorze tekstu sformatowanego i na podglądzie.

Wyzwalanie wezwania do działania po kliknięciu przycisku w HubSpot

Możesz wyzwolić swój przyklejony baner, wyskakujące okienko lub wsuwane wezwanie do działania, gdy odwiedzający klikną przycisk na stronie. Aby skonfigurować ten wyzwalacz przy użyciu domyślnego modułu przycisku na stronie HubSpot:
  • Przejdź do treści:

    • Strony witryny:
    • Strony docelowe:
  • Kliknij nazwę
  • W lewym panelu, w zakładce Dodaj , wyszukaj i wybierz domyślny moduł przycisku. Kliknij i przeciągnij moduł przycisku na swoją stronę.

  • W lewym panelu kliknij menu rozwijane Link do i wybierz opcję Wezwanie do działania.
  • Kliknij menu rozwijane Wezwanie do działania i wybierz istniejące wezwanie do działania.
  • Kontynuuj konfigurację modułu przycisków.

Dodaj osadzone wezwanie do działania CTA do wiadomości marketingowych typu "przeciągnij i upuść

Dodawaj osadzone wezwania do działania do marketingowych wiadomości e-mail typu "przeciągnij i upuść" i śledź skuteczność swojej oferty wezwań do działania w wielu punktach kontaktu.

Aby dodać wezwanie do działania w edytorze wiadomości e-mail typu "przeciągnij i upuść":

  • .
  • Najedź kursorem na wiadomość e-mail, do której chcesz dodać wezwanie do działania, a następnie kliknij Edytuj. Lub utwórz nową wiadomość e-mail.
  • W lewym panelu kliknij i przeciągnij moduł Button do edytora wiadomości e-mail.

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

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


Dostosuj przyciski motywu, aby wywołać wezwanie do działania po kliknięciu przycisku

Jeśli używasz niestandardowego szablonu w HubSpot, może być konieczne dostosowanie modułu przycisków szablonu, aby wyzwalał wezwanie do działania.

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

Aby dostosować moduł przycisków szablonu:

  • .
  • W lewym górnym rogu wyszukaj moduł przycisków.
  • W prawym panelu najedź kursorem na przycisk (grupa pól) i kliknij Edytuj.
  • W sekcji Pola zgrupowane najedź kursorem na URL (URL) i kliknij Edytuj.
  • Kliknij menu rozwijane Obsługiwane typy adresów URL. Następnie zaznacz pole wyboru CTA.
  • 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.

Dodawanie wezwania do działania do treści zewnętrznych

Do zewnętrznych stron można dodawać wezwania do działania. Przed użyciem wezwania do działania HubSpot na zewnętrznej stronie internetowej należy zainstalować kod śledzenia HubSpot.

Po zainstalowaniu kodu śledzenia, w przypadku większości wyzwalaczy aktywacji, wezwanie do działania pojawi się po spełnieniu pierwszego wyzwalacza. Aby jednak użyć osadzonego CTA lub CTA, które jest wyzwalane po kliknięciu przycisku przez odwiedzającego, należy ręcznie dodać CTA.

Osadzanie wezwania do działania na zewnętrznej stronie internetowej

Aby dodać osadzone wezwanie do działania na zewnętrznych stronach:

  • .
  • W lewym górnym rogu kliknij menu rozwijane i wybierz CTA.
  • Najedź kursorem na wezwanie do działania i kliknij Akcje > Osadź.
  • Kliknij Kopiuj do schowka, aby skopiować kod wezwania do działania do schowka.
  • Przejdź do systemu zarządzania treścią (CMS) swojej zewnętrznej witryny.
  • Wklej kod osadzania CTA do kodu HTML strony innej niż HubSpot, gdziekolwiek chcesz, aby pojawiło się wezwanie do działania.
  • Wyświetl podgląd wezwania do działania 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.
  • Po zakończeniu opublikuj swoją stronę.

Ogólnie rzecz biorąc, edycja wezwania do działania 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 osadzania.

Fragment kodu osadzania działa jako symbol zastępczy przed renderowaniem wersji iframe wezwania do działania. Ta renderowana wersja wezwania do działania będzie odzwierciedlać prawidłową 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 docelowego na target="_self".

Wyzwalanie CTA po kliknięciu przycisku na zewnętrznej stronie internetowej

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

  • .
  • W lewym górnym rogu kliknij menu rozwijane i wybierz CTA.
  • Najedź kursorem na CTA i kliknij Edytuj.
  • U góry kliknij zakładkę Targetowanie .
  • W sekcji Wyzwalanie po kliknięciu przycisku kliknij opcję Fragment kodu.

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