Przyciski „Zadzwoń” i „Umów wizytę” – gdzie je umieścić na stronie

Strona małej firmy usługowej ma zwykle jedno zadanie: doprowadzić do telefonu, wiadomości albo rezerwacji. Wszystko inne – teksty, zdjęcia, opinie – przygotowuje klienta do tego jednego kroku. Jeśli w chwili decyzji przycisk jest daleko, mało widoczny albo niejasno podpisany, cała ta praca idzie na marne.

Ten tekst porządkuje trzy sprawy: które działanie uznać za główne, gdzie rozmieścić przyciski i jak je podpisać.

Najpierw wybierz główne działanie

Nie każda firma powinna eksponować ten sam przycisk. Zastanów się, jak klienci najchętniej się z Tobą kontaktują i jaka forma kontaktu jest dla Ciebie najwygodniejsza w obsłudze.

• Elektryk, hydraulik, pomoc drogowa – telefon. Ktoś, kto ma awarię, chce rozmawiać od razu.
• Gabinet stomatologiczny, fizjoterapia, kosmetologia – rezerwacja online lub telefon, zależnie od tego, czy masz system zapisów.
• Architekt wnętrz, biuro rachunkowe, tłumacz – formularz lub e-mail, bo klient musi opisać sprawę albo przesłać plik.
• Psycholog, psychoterapeuta – często wiadomość lub formularz. Dla wielu osób napisanie jest łatwiejsze niż pierwsza rozmowa telefoniczna.

Jeśli nie wiesz, który kanał jest główny, przypomnij sobie ostatni miesiąc: ilu klientów zadzwoniło, ilu napisało, a ilu umówiło się przez system rezerwacji. Tę proporcję warto odzwierciedlić na stronie, zamiast kopiować układ z innej branży.

Główne działanie dostaje najbardziej wyrazisty przycisk. Drugie, pomocnicze, może być obok, ale skromniejsze – np. w formie obrysu zamiast pełnego koloru.

Sześć miejsc, w których przycisk powinien się pojawić

1. Pierwszy ekran. Zaraz pod nagłówkiem i podtytułem. To miejsce omawiamy szerzej w tekście o tym, co klient powinien zobaczyć na pierwszym ekranie.
2. Górny pasek strony. Na komputerze zwykle w prawym górnym rogu, obok menu. Dobrze, jeśli zostaje widoczny podczas przewijania.
3. Po opisie każdej usługi. Klient, który właśnie przeczytał o zabiegu, nie powinien wracać na górę strony, żeby się umówić.
4. Pod cennikiem i sekcją pytań. To momenty, w których rozwiewają się ostatnie wątpliwości.
5. Sekcja kontaktu i stopka. Tu przycisk uzupełnia pełne dane: adres, godziny, mapę.
6. Przyklejony pasek na telefonie. O nim osobno, niżej.

Nie chodzi o to, żeby przycisk był wszędzie, tylko o to, żeby był pod ręką w każdym miejscu, w którym klient może podjąć decyzję. Ważna jest też konsekwencja: jeśli na górze strony przycisk nazywa się „Umów wizytę”, niech tak samo brzmi w opisie usług i w stopce. Różne nazwy tego samego działania („Rezerwacja”, „Zapisz się”, „Umów termin”) sugerują, że chodzi o różne rzeczy.

Przyklejony pasek na telefonie

Na smartfonie dobrze sprawdza się wąski pasek u dołu ekranu z jednym lub dwoma przyciskami, np. „Zadzwoń” i „Umów wizytę”. Dolna część ekranu jest w zasięgu kciuka, więc trzymając telefon jedną ręką, łatwo w nią trafić.

Kilka zasad, żeby pasek pomagał, a nie przeszkadzał:

• maksymalnie dwa przyciski – trzeci i czwarty zrobią się za małe,
• pasek nie może zasłaniać treści, zwłaszcza dolnej części formularza i stopki,
• sprawdź, czy nie nakłada się na baner cookies albo okienko czatu,
• przy ikonach zawsze dodaj podpis – sama słuchawka bywa niejasna.

Jak podpisać przycisk

Tekst na przycisku powinien mówić, co się stanie po kliknięciu. Ogólne „Wyślij” czy „Kliknij tutaj” tego nie robią. Kilka przykładów zmian:

• „Wyślij” – „Wyślij zapytanie o wycenę”.
• „Kliknij tutaj” – „Sprawdź wolne terminy”.
• „Kontakt” – „Zadzwoń do gabinetu”.
• „Zarezerwuj” – „Umów pierwszą konsultację”.
• „Więcej” – „Zobacz cennik zabiegów”.

Przy przycisku „Zadzwoń” warto dopisać godziny, w których odbierasz telefon, np. „pon.–pt. 8:00–18:00”. Klient, który dzwoni w niedzielę wieczorem i nikt nie odbiera, może pomyśleć, że firma nie działa. Więcej przykładów sformułowań znajdziesz we wpisie o wezwaniach do działania dla firm usługowych.

Wygląd: kolor, wielkość, odstępy

Przycisk musi wyglądać jak przycisk. Wyraźny kształt, kolor odróżniający się od tła i tekst w kontrastowym kolorze. Dobrą praktyką jest zarezerwowanie jednego koloru akcentu wyłącznie dla przycisków głównego działania. Wtedy klient szybko uczy się, że „pomarańczowe” albo „zielone” oznacza „tu się umawiam”.

Na telefonie liczy się wielkość pola do kliknięcia. Wytyczne dostępności WCAG 2.2 na poziomie AA wymagają, by cel dotykowy miał co najmniej 24 na 24 piksele (z pewnymi wyjątkami), a wytyczne projektowania aplikacji mobilnych Apple i Google zalecają większe pola – około 44–48 pikseli. Przycisk kontaktowy najlepiej zrobić jeszcze wygodniejszy, nawet na całą szerokość ekranu. Między dwoma przyciskami zostaw odstęp, żeby nie trafić w sąsiedni.

Uważaj na przyciski w postaci samego cienkiego obrysu z białym napisem, ustawione na zdjęciu. Wyglądają lekko, ale na jasnym fragmencie zdjęcia potrafią zupełnie zniknąć. Główny przycisk powinien mieć pełne, jednolite tło.

Co się dzieje po kliknięciu

Przycisk to obietnica, więc to, co pojawia się po kliknięciu, musi ją spełnić.

• Numer telefonu na stronie powinien być aktywnym linkiem, który na smartfonie od razu otwiera połączenie. Na komputerze pokaż go też jako zwykły tekst, bo tam kliknięcie często nic nie da.
• Jeśli „Umów wizytę” przenosi do zewnętrznego systemu rezerwacji, uprzedź o tym krótkim dopiskiem. O łączeniu strony z systemem zapisów piszemy w tekście o rezerwacjach online na stronie.
• Jeśli przycisk prowadzi do formularza, niech to będzie krótki formularz, a nie strona z dwunastoma polami.
• Numer telefonu nie może być obrazkiem ani częścią grafiki. Takiego numeru nie da się kliknąć ani skopiować, a czytniki ekranu go nie odczytają.

Szybki test na własnym telefonie

Otwórz swoją stronę na smartfonie i sprawdź po kolei:

1. Czy widzisz przycisk kontaktu bez przewijania?
2. Czy po przeczytaniu opisu dowolnej usługi możesz się umówić bez wracania na górę?
3. Czy kliknięcie numeru telefonu otwiera połączenie?
4. Czy trafisz w przycisk kciukiem, trzymając telefon jedną ręką?
5. Czy wiesz, co się stanie po kliknięciu, zanim klikniesz?

Pięć odpowiedzi „tak” oznacza, że klient, który zdecyduje się na kontakt, nie zgubi się po drodze.