HubSpot Baza wiedzy

Embed calls-to-action (CTA) on your external site

Autor: HubSpot Support | Oct 19, 2021 8:02:16 AM

Starsze wezwania do działania HubSpot mogą być używane zarówno na stronach HubSpot, jak i innych. Używaj wezwań do działania HubSpot na swojej zewnętrznej stronie, aby przyciągać i konwertować potencjalnych klientów.

Przed osadzeniem wezwań do działania (starszego typu) w zewnętrznej witrynie upewnij się, że na stronach zainstalowany jest kod śledzenia HubSpot.

Zanim zaczniesz

Przed dodaniem wezwania do działania (starszego) na zewnętrznej stronie internetowej należy pamiętać o następujących kwestiach:

  • Wezwania do działania osadzone w zewnętrznej witrynie będą automatycznie aktualizowane globalnie po wprowadzeniu zmian w treści, tekście lub ogólnym wyglądzie wezwania do działania.
  • Ze względu na różnice w systemach zarządzania treścią (CMS), kroki uzyskiwania dostępu do kodu HTML witryny i osadzania kodu CTA (starszego) mogą się różnić. Jeśli nie masz pewności, jak uzyskać dostęp do kodu HTML swojej witryny lub osadzić kod zewnętrzny, wyślij ten artykuł e-mailem do swojego webmastera, działu IT lub działu technicznego.
  • Jeśli osadzasz wezwanie do działania w witrynie WordPress, zwróć uwagę na następujące kwestie:

    • Jeśli osadzasz wezwanie do działania w witrynie WordPress, może być konieczne zastosowanie dodatkowych deklaracji CSS w zewnętrznym arkuszu stylów, aby wezwanie do działania było responsywne.
    • Jeśli zauważysz, że Twoje wezwanie do działania nie działa w WordPress lub kod osadzania jest zmieniany podczas wyświetlania strony na żywo, może być konieczne wstawienie wezwania do działania za pomocą wtyczki, aby upewnić się, że kod osadzania pozostaje nienaruszony.
    • Jeśli korzystasz z najnowszej wersji Gutenberga, która usuwa wbudowany JavaScript, użyj wtyczki Inline JS Block for Gutenberg, aby osadzić formularze i wezwania do działania na swojej stronie.

Osadzanie wezwania do działania (starszego typu) w witrynie zewnętrznej

Aby osadzić przycisk CTA w zewnętrznej witrynie:

  • .
  • W lewym górnym rogu kliknij menu rozwijane i wybierz CTAs (Legacy).
  • Na pulpicie nawigacyjnym CTA (starsze) najedź kursorem na CTA i kliknij Akcje > Osadź kod .
  • W oknie dialogowym kliknij Kopiuj.

  • 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 CTA na stronie internetowej, aby sprawdzić, jak wygląda na żywo.
    • Jeśli CTA nie wyświetla się poprawnie, upewnij się, że zewnętrzny CMS nie zmienił skopiowanego kodu.
    • Jeśli używasz obrazkowego CTA, może być konieczne dodanie dodatkowej stylizacji, aby upewnić się, że obrazkowe CTA jest responsywne.
  • Po zakończeniu opublikuj swoją stronę.