Dobre wezwanie do działania to krótka etykieta przycisku zaczynająca się od czasownika, która nazywa to, co dostaje odwiedzający, plus jedna linijka mikrocopy usuwająca jego główną obawę. Oto 60 oryginalnych przykładów pogrupowanych według typu strony (hero, cennik, formularz, e-mail i inne), każdy z projektem przycisku i wyjaśnieniem, dlaczego działa.
Wezwanie do działania (CTA) to element, który prosi odwiedzającego o wykonanie kolejnego kroku: przycisk, link, a czasem formularz. Większość skutecznych CTA ma trzy wspólne cechy:
Każdy przykład poniżej został napisany dla tej strony; żaden nie jest skopiowany od prawdziwej firmy. Wstaw własną ofertę i zostaw obietnicę (termin, czas odpowiedzi, darmowy plan) tylko wtedy, gdy jest prawdziwa w Twoim przypadku.
Szukaj według słowa ("darmowy", "okres próbny", "zarezerwuj") lub typu strony ("cennik", "e-mail").
Przejdź do: Sekcja hero · Strona cennika · Formularz · E-mail · Strona produktu · Blog i newsletter · Onboarding w aplikacji
Pierwszy przycisk, który widzi odwiedzający. Powinien nazywać pierwszy krok, a nie całą drogę.
Bez karty. Anulujesz dwoma kliknięciami.
Dlaczego działa: Łączy działanie z dwiema obawami, jakie ludzie mają przed okresem próbnym: płatnością i rezygnacją.
Lokalny technik oddzwoni w ciągu jednego dnia roboczego.
Dlaczego działa: Mówi, co dostajesz w ramach "darmowej" usługi i kiedy coś się wydarzy.
Podłącz arkusz kalkulacyjny i w kilka minut dostań dashboard.
Dlaczego działa: Obiecuje osobisty wynik zamiast ogólnego demo.
Trzy pytania. Cena na ekranie, bez telefonu od handlowca.
Dlaczego działa: Pierwsza osoba ("moją") plus jasna skala wysiłku.
Odpowiedz na pięć pytań i dostań plan posiłków do wydrukowania.
Dlaczego działa: Nazywa konkretny wynik, który odwiedzający potrafi sobie wyobrazić.
Szukaj według kodu pocztowego, dnia lub poziomu.
Dlaczego działa: Odpowiada na prawdziwe pytanie odwiedzającego (gdzie i kiedy) zamiast "Dowiedz się więcej".
Otwiera się w przeglądarce. Nic do instalowania.
Dlaczego działa: Czasownik o niskim zobowiązaniu plus usunięcie bariery instalacji.
Kalendarz na żywo na najbliższe 60 dni.
Dlaczego działa: Przy rezerwacjach dostępność to pierwsze pytanie, więc zacznij od niej.
Wybierz sprzęt i ile masz czasu.
Dlaczego działa: Odwiedzający coś tworzy; mikrocopy pokazuje, że wynik dopasuje się do niego.
PDF na 12 stron. Wyślemy go e-mailem jeden raz.
Dlaczego działa: Ustala dokładne oczekiwania co do tego, co przyjdzie i jak często.
Darmowy plan pozostaje darmowy. Przejdź wyżej tylko, jeśli potrzebujesz więcej.
Dlaczego działa: Odpowiada na niewypowiedziane pytanie "za darmo, ale jak długo?".
Piętnaście minut, w dogodnym dla Ciebie terminie.
Dlaczego działa: Przedstawia rozmowę jako pomoc eksperta i ogranicza jej czas.
Tutaj odwiedzający porównują. Przycisk każdego planu powinien mówić, co stanie się dalej w tym planie.
Rozliczenie miesięczne. Zmień plan w dowolnej chwili.
Dlaczego działa: Używa nazwy planu, więc kliknięcie wydaje się świadomym wyborem.
Plan wybierasz 14. dnia, inaczej nic się nie dzieje.
Dlaczego działa: Wyjaśnia koniec okresu próbnego, czyli moment, którego ludzie się boją.
Zawiera wszystko ze Startera oraz miejsca dla zespołu.
Dlaczego działa: Krótki czasownik plus plan, a różnica wyjaśniona pod spodem.
Dla 50+ miejsc, indywidualnych umów lub płatności na fakturę.
Dlaczego działa: Mówi, dla kogo jest ten przycisk, więc niewłaściwe osoby go pominą.
Płacisz za dziesięć miesięcy, korzystasz przez dwanaście.
Dlaczego działa: Zamienia rabat w prosty rachunek, który łatwo sprawdzić.
Twoja obecna praca i ustawienia zostaną przeniesione.
Dlaczego działa: Obecni użytkownicy boją się utraty pracy; mikrocopy usuwa tę obawę.
Możesz przejść na wyższy plan bez utraty czegokolwiek.
Dlaczego działa: "Zacznij od" przedstawia tani plan jako pierwszy krok, a nie ostateczny wybór.
Jedna płatność. Aktualizacje tej wersji w cenie.
Dlaczego działa: Przy jednorazowej cenie jasno podaje model rozliczenia obok przycisku.
Pełna tabela, plan po planie.
Dlaczego działa: Działanie drugorzędne dla odwiedzających, którzy jeszcze nie są gotowi wybrać.
Większość zespołów liczących od 5 do 20 osób zaczyna tutaj.
Dlaczego działa: Wskazówka oparta na dopasowaniu, a nie na wymyślonej popularności.
Przycisk wysyłania to ostatnia rzecz czytana przed decyzją. Mów, co dostaje odwiedzający, a nie co robi formularz.
Dostaniesz ją e-mailem w ciągu godziny.
Dlaczego działa: Zastępuje "Wyślij" efektem i czasem.
Dalej: wybierz nazwę użytkownika.
Dlaczego działa: Pokazuje, że czeka jeszcze jeden krok, więc nie wygląda to na pułapkę.
W dni robocze od 8am do 6pm. Poza tymi godzinami nie dzwonimy.
Dlaczego działa: Szanuje czas odwiedzającego i jasno podaje granice.
Wyślemy e-mailem link do dołączenia i zaproszenie do kalendarza.
Dlaczego działa: Poczucie własności ("moje miejsce") plus to, co przyjdzie dalej.
Twój wynik pojawi się na następnym ekranie.
Dlaczego działa: W quizach nagrodą jest wynik, więc go nazwij.
Odpowiada prawdziwy człowiek, zwykle tego samego dnia.
Dlaczego działa: Daje ludzkie oczekiwanie bez obiecywania dokładnego czasu.
Jeden e-mail przy starcie. Nic wcześniej.
Dlaczego działa: Mała obietnica co do liczby e-maili obniża koszt zapisania się.
Zajmuje około 10 minut. Możesz zapisać i dokończyć później.
Dlaczego działa: Uczciwa długość plus siatka bezpieczeństwa przy długich formularzach.
Działa w Google Sheets i Excel.
Dlaczego działa: Odpowiada na pytanie "czy to u mnie zadziała?" w chwili kliknięcia.
Bezpłatne anulowanie do 24 godzin przed terminem.
Dlaczego działa: Umieszcza zasady anulowania tam, gdzie zapada decyzja.
W e-mailu przycisk konkuruje z każdą inną wiadomością w skrzynce. Pisz dosłownie: czytelnik powinien dokładnie wiedzieć, dokąd prowadzi link.
Zostały dwa kroki. Około trzech minut.
Dlaczego działa: Pokazanie postępu w przypomnieniu o onboardingu.
Śledź dostawę i zmień adres.
Dlaczego działa: Wymienia, co czytelnik może zrobić po kliknięciu.
Kod naliczy się przy kasie. Ważny do północy w niedzielę.
Dlaczego działa: Prawdziwy termin z datą (tylko jeśli jest prawdziwy).
Sam zadał pytanie o Twoje ogłoszenie.
Dlaczego działa: Wymienia osobę z imienia, przez co wiadomość wydaje się konkretna.
Około sześciu minut czytania.
Dlaczego działa: W newsletterach czas lektury pomaga zdecydować: teraz czy później.
Twój plan kończy się w dniu podanym powyżej.
Dlaczego działa: Wiąże działanie z faktem, który już jest w e-mailu.
Jedno dotknięcie. Zajmuje dziesięć sekund.
Dlaczego działa: Prośby o opinię działają lepiej, gdy wysiłek jest wyraźnie minimalny.
Twój koszyk jest zapisany przez siedem dni.
Dlaczego działa: Uspokaja, że nic nie przepadło.
Ten link wygasa za 24 godziny.
Dlaczego działa: Transakcyjnie: prosty czasownik, prosta konsekwencja.
Twoja wizyta została przesunięta. Wybierz dowolny wolny termin.
Dlaczego działa: Oddaje kontrolę po zmianie, o którą czytelnik nie prosił.
Odwiedzający są blisko zakupu i szukają powodów, by poczekać. Usuń te powody tuż przy przycisku.
Darmowe zwroty w ciągu 30 dni.
Dlaczego działa: Standardowa etykieta, której ludzie szukają wzrokiem, z usuniętym głównym ryzykiem.
Wysyłka jutro przy zamówieniu przed 2pm.
Dlaczego działa: Prawdziwa godzina graniczna wysyłki daje powód, by działać dziś.
Skorzystaj z tabeli rozmiarów lub wpisz rozmiar, który nosisz w innych markach.
Dlaczego działa: Rozwiązuje najczęstszą wątpliwość przy odzieży.
Jeden e-mail, gdy produkt będzie dostępny.
Dlaczego działa: Zatrzymuje odwiedzającego przy braku towaru, zamiast go stracić.
Zobacz podgląd grawerunku przed zapłatą.
Dlaczego działa: Pokazuje, że odwiedzający zachowuje kontrolę nad efektem.
Zapisane na Twoim koncie, widoczne na każdym urządzeniu.
Dlaczego działa: Łagodniejsze działanie dla osób niegotowych do zakupu.
Czytelnicy przyszli po treść, nie po ofertę sprzedażową. Zaproponuj więcej tego, co już wybrali.
Jeden e-mail w każdy czwartek. Wypiszesz się jednym kliknięciem.
Dlaczego działa: Częstotliwość i możliwość rezygnacji podane od razu.
Kroki z tego artykułu na jednej stronie do wydruku.
Dlaczego działa: Dodatkowa treść bezpośrednio powiązana z tym, co właśnie przeczytali.
Praktyczne porady dla małych sklepów, dwa razy w miesiącu.
Dlaczego działa: Jedno słowo wystarczy, gdy mikrocopy nazywa odbiorców i częstotliwość.
Utwórz kopię na własnym koncie. Za darmo.
Dlaczego działa: Od razu zamienia czytanie w działanie.
Część 2: ustalanie cen.
Dlaczego działa: Nazywa kolejny temat, więc kliknięcie ma jasną nagrodę.
Na pytania czytelników odpowiadamy w kolejnym wydaniu.
Dlaczego działa: Zaprasza do udziału i mówi, co się z nim stanie.
Nowi użytkownicy w pierwszych minutach decydują, czy produkt jest wart nauki. Każdy przycisk powinien prowadzić ich do pierwszego użytecznego wyniku.
Później możesz zmienić jego nazwę lub go usunąć.
Dlaczego działa: Usuwa strach przed popełnieniem trwałego błędu.
Z pliku CSV lub z Twojego konta e-mail.
Dlaczego działa: Wcześnie wprowadza prawdziwe dane, dzięki czemu aplikacja szybciej staje się użyteczna.
Zobaczy to samo, co Ty.
Dlaczego działa: Wyjaśnia, co zobaczy zaproszona osoba, zanim wyślesz zaproszenie.
Możesz to zrobić później w Ustawieniach.
Dlaczego działa: Widoczne wyjście zmniejsza liczbę porzuceń przy opcjonalnych krokach.
Ty wybierasz godzinę. Domyślnie wyłączone.
Dlaczego działa: Prosi o zgodę, zostawiając kontrolę użytkownikowi.
Pięć krótkich kroków. Zamkniesz go w dowolnej chwili.
Dlaczego działa: Podaje długość, więc przewodnik wydaje się opcjonalny i krótki.
| Formuła | Wzorzec | Przykład |
|---|---|---|
| Czasownik + efekt | [Odbierz / Zobacz / Zacznij] + [to, czego chcą] | Odbierz moją wycenę |
| Czasownik + "mój" + dopełnienie | Pierwsza osoba daje poczucie własności | Zaplanuj mój pierwszy tydzień |
| Czasownik + dopełnienie + czas | Dodaje, ile to trwa | Poznaj cenę w 2 minuty |
| Czasownik + dopełnienie + usunięcie ryzyka | Usunięcie ryzyka zwykle trafia do mikrocopy | Zacznij darmowy okres próbny / Bez karty |
| Nazwany następny krok | Dla procesów wieloetapowych | Przejdź do dostawy |
| Odpowiedź na pytanie | Odzwierciedl to, czego przyszli szukać | Sprawdź dostępność |
Potrzebujesz pomysłów na nagłówek nad przyciskiem? Wypróbuj generator nagłówków.
Wybierz czasownik, dopełnienie i linijkę mikrocopy, aby zobaczyć przycisk i skopiować jego HTML.
Czysty CSS dla przycisku głównego i drugorzędnego ze stanami fokusu, najechania, wciśnięcia i wyłączenia. Możesz też zaprojektować własny w generatorze przycisków CSS i przejrzeć gotowe komponenty przycisków.
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font: 600 1rem/1.2 system-ui, sans-serif;
text-decoration: none;
cursor: pointer;
transition: background-color 150ms, transform 100ms;
}
.btn-primary {
background: #1d4ed8;
color: #ffffff;
border: 0;
}
.btn-primary:hover { background: #1e40af; }
.btn-primary:active { transform: translateY(1px); }
.btn:focus-visible {
outline: 3px solid #93c5fd;
outline-offset: 2px;
}
.btn-secondary {
background: transparent;
color: #111827;
border: 2px solid #111827;
}
.btn-secondary:hover { background: #111827; color: #ffffff; }
.btn:disabled,
.btn[aria-disabled="true"] {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}Ten sam przycisk główny z klasami Tailwind:
<a href="/signup" class="inline-flex min-h-[44px] items-center rounded-lg bg-blue-700 px-6 py-3 font-semibold text-white hover:bg-blue-800 active:translate-y-px focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-2 focus-visible:outline-blue-300">
Start your free trial
</a>Pełną sekcję zamykającą wokół przycisku znajdziesz w komponentach sekcji CTA.
To rzeczy warte przetestowania, a nie przewidywania, co wygra. Wyniki zależą od Twoich odbiorców i oferty, więc testuj jedną zmianę naraz i przed decyzją poczekaj na wystarczającą liczbę odwiedzających (kalkulator testów A/B powie Ci, czy różnica jest prawdopodobnie prawdziwa).
Jak CTA pasują do reszty strony, przeczytasz w artykule czym jest landing page.
Wezwanie do działania to przycisk, link lub formularz, który prosi odwiedzającego o wykonanie kolejnego kroku, na przykład rozpoczęcie okresu próbnego, umówienie rozmowy albo zakup. Dobre CTA nazywa efekt i zaczyna się od czasownika.
Zwykle od dwóch do pięciu. Dodatkowe szczegóły, takie jak cena, czas lub to, co stanie się dalej, umieść w krótkiej linijce mikrocopy obok lub pod przyciskiem, a nie w etykiecie.
Mikrocopy to krótka linijka obok wezwania do działania, która usuwa obawę, na przykład "Bez karty" albo "Bezpłatne anulowanie do 24 godzin przed terminem". Powinna podawać tylko to, co jest prawdą w przypadku Twojej oferty.
Nie ma jednego najlepszego koloru. Liczy się to, by przycisk wyróżniał się na tle i na tle reszty strony, a jego etykieta miała współczynnik kontrastu co najmniej 4.5:1 względem koloru przycisku.
Strona może kilka razy powtarzać to samo główne działanie, na przykład w sekcji hero i na końcu. Unikaj pokazywania w jednym widoku dwóch różnych głównych działań o tej samej wadze; drugie zrób jako przycisk z obrysem lub link tekstowy.
Czasownik
Dopełnienie
Mikrocopy
Kolor
Skopiowano
Kopiuj HTML
Zacznij za darmo · Bez karty kredytowej