Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Tworzenie przycisków call-to-action (CTA)

Data ostatniej aktualizacji: maja 22, 2023

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Przycisk wezwania do działania (CTA) to przycisk, którego można użyć w treści HubSpot, aby skierować potencjalnych klientów na stronę internetową, gdzie będą mogli dokonać konwersji w formularzu i zostać dodani do bazy kontaktów.

Przyciski CTA powinny być atrakcyjne wizualnie, zorientowane na działanie i łatwe do zlokalizowania na stronach i w e-mailach .Po utworzeniuprzycisku CTA możesz przeanalizować jego wyświetlenia i kliknięcia. Dowiedz się więcej o analizowaniu wydajności przycisku CTA.

Tworzenie przycisku CTA

Podczas tworzeniaprzycisku CTA możesz zaprojektować niestandardowy przycisk lub użyć obrazu jako swojego CTA. Aby rozpocząć tworzenieprzycisku CTA:
  • Na swoim koncie HubSpot przejdź do Marketing > Lead Capture > Button CTAs.
  • W prawym górnym rogu kliknij przycisk Utwórz CTA.

Zaprojektuj niestandardowy przycisk

Możesz skonfigurować swój przycisk CTA jako niestandardowy przycisk, korzystając z opcji projektowania w edytorze CTA. Aby zaprojektować swój CTA jako przycisk niestandardowy:

  • W prawym panelu wybierz Custom Button.
  • Stylizuj swój przycisk CTA za pomocą następujących opcji:
    • Zawartość przycisku: wprowadź tekst wyświetlany na swoim przycisku CTA. Możesz również dodać emojis. Twoje kontakty i odwiedzający zobaczą natywny styl emoji dla urządzenia, z którego korzystają (Mac, Windows, Chrome, Android itp.).
    • Styl przycisku: użyj menu rozwijanego, aby wybrać styl dla swojego przycisku CTA. Jeśli chcesz, aby Twój przycisk wyglądał jak zwykły link tekstowy, wybierz Link (Bez stylu) z menu rozwijanego.
    • Kolor przycisku: kliknij próbnik kolorów lub wprowadź niestandardową wartość heksadecymalną koloru w polu Kolor przycisku.
    • Opcje zaawansowane: kliknij Opcje zaawansowane,aby dostosować pixel padding i stylizację CSS swojego CTA .
  • Na dole prawego panelu kliknij przycisk Dalej >.




Zaprojektuj przycisk z obrazkiem

Zamiast projektować niestandardowy przycisk, możesz również przesłać obraz, aby użyć go jako projektu swojego przycisku CTA . Aby zaprojektować swój CTA jako przycisk obrazkowy:

  • W prawym panelu wybierz Image Button.
  • Prześlij swój obraz i stylizuj swój przycisk CTA :
    • Prześlij: wybierz plik obrazu z urządzenia.
    • Przeglądaj obrazy: wybierz obraz z menedżera plików. Z panelu Wstaw obraz wybierz obraz , który ma być użyty jako przycisk CTA.
    • Szerokość: dostosujszerokość przycisku obrazu. Dowiedz się więcej o optymalizacji retiny dla przesłanych obrazów.
    • Wysokość: dostosuj wysokość przycisku obrazu.
    • Alt text: wprowadź tekst alt dla obrazu.
  • Na dole prawego panelu kliknij przycisk Next >.



Skonfiguruj opcje CTA swojego przycisku

Po zaprojektowaniu swojego CTA, skonfiguruj opcje CTA swojego przycisku , aby określić nazwę swojego CTA, gdzie Twój CTA będzie przekierowywał i wszelkie powiązane kampanie.

Aby skonfigurować opcje CTA swojego przycisku :

  • Na stronie Opcje skonfiguruj następujące elementy:
    • Nazwa wewnętrzna CTA: wprowadź nazwę dla swojego przycisku C TA. Tylko użytkownicy na Twoim koncie HubSpot będą mogli zobaczyć wewnętrzną nazwę CTA.
    • Typ przekierowania URL: wybierz opcję , do której ma przekierować twój przycisk CTA .
      • Zewnętrzny adres URL witryny: połącz swój przycisk CTA z zewnętrzną stroną poza HubSpot. W polu Wprowadź adres URL wprowadź adres URL witryny, do której chcesz skierować odwiedzających.
      • Strona HubSpot lub post na blogu: połącz swój przycisk CTA z jedną ze swoich stron HubSpot lub postów na blogu. Kliknij menu rozwijane Strona HubSpot lub post na blogu, a następnie wybierz stronę lub post. Link CTA przycisku zostanie powiązany z identyfikatorem strony, a wszelkie zmiany w adresie URL strony automatycznie zaktualizują link CTAprzycisku .
      • Link spotkania: połącz swój przycisk CTA z linkiem spotkania HubSpot. Kliknij rozwijane pole wyboru Wybierz łącze spotkania, a następnie wybierz łącze spotkania. Aby otworzyć to łącze na nowej stronie, zaznacz pole wyboru Otwórz stronę w nowym oknie.
      • Link do pliku: połącz swój przycisk CTA z plikiem w menedżerze plików. Kliknij Przeglądaj pliki i wybierz plik, a następnie zaznacz pole wyboru Otwórz stronę w nowym oknie, jeśli chcesz, aby odwiedzający, którzy klikną przycisk CTA , zobaczyli obraz w nowym oknie przeglądarki.
      • Adres e-mail: utwórz link mailto.
      • Numer telefonu: utwórz link do połączenia z podanym numerem telefonu.
    • Kampania: jeśli chcesz powiązać analitykę przycisku C TA z kampanią, kliknij menu rozwijane i wybierz kampanię.
  • Kliknij Zapisz. Twój przycisk CTA będzie teraz widoczny w górnej części panelu.

Uwaga:

  • Narzędzie button C TA nie obsługuje tokenów personalizacyjnych. Dodanie tokena personalizacji do przycisku CTA spowoduje błąd. W swoich postach na blogu, stronach lub e-mailach marketingowych możesz rozważyć użycie tokenów personalizacji z modułem przycisku zamiast.
  • Podczas konfigurowania stron z inscenizacją treści, przyciski CTA nie będą automatycznie aktualizowane i pozostaną powiązane z oryginalną stroną. Zaleca się aktualizację istniejących przycisków CTA lub utworzenie nowych przycisków CTA dla nowych stron.

Zakończ tworzenie swojego przycisku CTA

Po ustawieniu wyglądu i opcji Twojego przycisku CTA możesz wykonać następujące czynności:
  • Aby edytować wewnętrzną nazwę przycisku C TA, kliknijikonę ołówka u góry, aby edytować wewnętrzną nazwę CTA.
  • Aby zakończyć tworzenie przycisku CTA , kliknij przycisk Zamknij.
  • Aby utworzyć inteligentny przycisk CTA , kliknij przycisk Utwórz inteligentną wersję.
  • Aby przeprowadzić test A/B swojego przycisku CTA , kliknij przycisk Utwórz test wielowariantowy.



Dodatkowe działania CTA przycisku

Na pulpicie nawigacyjnym CTAprzycisku możesz analizować metryki wysokiego poziomu, aby sprawdzić, jak działają Twoje przyciski CTA, i podjąć działania na dowolnym z wymienionych CTA:

  • Aby wyświetlić podgląd swojego CTA przycisku , najedź na swój CTA przycisku i kliknij Podgląd, aby wyświetlić swój CTA w okienku paska bocznego podglądu.
  • Aby podjąć działanie na swoim przycisku C TA, kliknij menu rozwijane Akcje i wybierz jedną z następujących opcji :
    • Edytuj: wprowadź zmiany w swoim przycisku CTA w edytorze przycisków CTA .
    • Utwórz test wielowariantowy: utwórz drugą wersję swojego przycisku C TA, aby przeprowadzić test A/B z kontaktami i odwiedzającymi.
    • Utwórzinteligentną wersję: utwórz inteligentny przycisk CTA, który wyświetla różne wersje przycisku C TA w zależności od określonych reguł wyświetlania.
    • Wyświetl szczegóły: przejrzyj analitykę dla swojego przycisku CTA , taką jak liczba wyświetleń, kliknięć i zgłoszeń.
    • Klon: utwórz dokładną kopię swojego przycisku CTA .
    • Kod osadzenia: dodaj swój przycisk CTA do swoich stron zewnętrznych, kopiując i wklejając kod osadzenia.
    • Usuń: trwałe usunięcie Twojego przycisku CTA .

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.