15 przykładów stron z podziękowaniem z kodem i kolejnym krokiem | We.Inc
Piętnaście oryginalnych projektów stron z podziękowaniem po zamówieniach, zapisach, rezerwacjach, pobraniach i darowiznach, każdy z edytowalnym HTML i CSS oraz jednym jasnym kolejnym krokiem.
Przykłady stron z podziękowaniem
Dobra strona z podziękowaniem potwierdza, co właśnie się stało, mówi, co przyjdzie dalej i kiedy, oraz proponuje dokładnie jeden przydatny kolejny krok. Poniżej znajdziesz piętnaście oryginalnych projektów dla zamówień, zapisów, rezerwacji, pobrań, darowizn i nie tylko, każdy napisany w czystym HTML i CSS, który możesz tu edytować i skopiować na własną stronę.
Dopasuj kolejny krok do tego, co właśnie zrobił odwiedzający
Odwiedzający właśnie...
Potwierdź
Najlepszy pojedynczy kolejny krok
Coś kupił
Numer zamówienia, produkty, szacowany termin dostawy
Śledź zamówienie lub załóż konto
Zapisał się do newslettera
Na jaki adres, jak często wysyłasz
Sprawdź skrzynkę, aby potwierdzić, lub przeczytaj wpis na start
Zarezerwował termin
Data, godzina, miejsce lub link do wideo
Dodaj do kalendarza
Pobrał plik
Nazwa pliku, zapasowy link do pobrania
Powiązany poradnik lub narzędzie
Wysłał formularz kontaktowy
Czas odpowiedzi, kopia wiadomości
Przejrzyj odpowiedzi na częste pytania
Przekazał darowiznę
Kwota, potwierdzenie e-mailem
Udostępnij lub ustaw comiesięczną wpłatę
Większość odwiedzających trafia na stronę z podziękowaniem w chwili, gdy ufa Ci najbardziej, a potem wychodzi, bo strona nic nie mówi. Te przykłady powstały z myślą o tej chwili. Każdy to kompletny, edytowalny fragment kodu dla fikcyjnej firmy, gotowy do wstawienia na stronę, i każdy pokazuje inny sposób, by poprowadzić odwiedzającego do kroku, który liczy się teraz.
Przeglądaj przykłady według sytuacji: zakupy, zapisy, rezerwacje, pobrania i wiadomości, a potem darowizny i wydarzenia.
Edytuj kod obok dowolnego przykładu, a podgląd odświeża się na bieżąco podczas pisania. Skrypty w podglądzie są wyłączone.
Skopiuj fragment, wstaw własne teksty i kolory, a następnie umieść go na stronie, na którą kieruje ludzi Twój formularz lub koszyk.
Przed publikacją przejdź przez listę kontrolną nad przykładami, aby strona odpowiadała na to, nad czym zastanawiają się odwiedzający.
Powtórz kluczową informację: adres e-mail, godzinę rezerwacji lub numer zamówienia. To uspokaja ludzi i pozwala wcześnie wyłapać literówki.
Napisz, kiedy nastąpi kolejna rzecz. E-mail z potwierdzeniem, który przychodzi po pięciu minutach, wygląda na błąd, jeśli nikt nie uprzedził, że trzeba na niego poczekać.
Zaproponuj jedną główną akcję. Ściana przycisków społecznościowych, ofert dodatkowych i linków rozprasza uwagę i zwykle daje mniej kliknięć w każdy z nich.
Zostaw nagłówek strony, aby ludzie mogli dalej przeglądać, ale usuń wyskakujące okienka i pola zapisu do newslettera dla kogoś, kto właśnie się zapisał.
Dodaj do stron z podziękowaniem meta tag robots z wartością noindex, aby nie pojawiały się w wynikach wyszukiwania u osób, które nigdy nie dokonały konwersji.
Najczęściej zadawane pytania
Co powinna zawierać strona z podziękowaniem?
Trzy rzeczy: potwierdzenie, co dokładnie się stało, czego odwiedzający może się spodziewać dalej i kiedy, oraz jedną jasną akcję do wykonania teraz. Cała reszta jest opcjonalna.
Czy strona z podziękowaniem powinna być indeksowana przez wyszukiwarki?
Zwykle nie. Dodaj <meta name="robots" content="noindex"> do sekcji head. Google zaznacza, że jeśli robots.txt blokuje stronę, jego robot nigdy nie zobaczy reguły noindex, więc nie blokuj tej samej strony dodatkowo w robots.txt.
Czy strona z podziękowaniem jest lepsza niż komunikat o sukcesie w tym samym miejscu?
Osobna strona ma własny adres, co ułatwia śledzenie konwersji i daje miejsce na kolejny krok. Komunikat w miejscu formularza zatrzymuje ludzi tam, gdzie są, co pasuje do małych formularzy, takich jak pole komentarza. W obu przypadkach trzeba słowami potwierdzić, co się stało.
Co wyróżnia dobrą stronę potwierdzenia zamówienia?
Numer zamówienia dużą czcionką, krótkie podsumowanie produktów i sumy, szacowany termin dostawy lub odbioru, adres e-mail, na który poszło potwierdzenie, i jeden link do śledzenia zamówienia lub zarządzania nim.
Czy mogę proponować dodatkową sprzedaż na stronie z podziękowaniem?
Tak, jeśli oferta wyraźnie wiąże się z tym, co właśnie zrobili, i nie spycha szczegółów potwierdzenia w dół. Pasujące akcesorium lub nagroda za polecenie są mile widziane znacznie bardziej niż ogólny baner wyprzedaży.
Dlaczego strona po formularzu ma znaczenie
Wysłanie formularza lub zakończenie zakupu to jedyny moment, w którym dokładnie wiesz, czego ktoś chciał. Następna strona może rozwiać wątpliwości, zapobiec e-mailom do supportu i rozpocząć kolejny etap relacji albo może być ślepą uliczką, która tylko dziękuje.
Napisz stronę jako odpowiedź na następne pytanie odwiedzającego. Po zapłacie chodzi o to, kiedy dotrze paczka. Po rezerwacji o to, dokąd się udać i jak zmienić termin. Po pobraniu o to, czy plik rzeczywiście się zapisał.
Dostępne potwierdzenie
Nadaj stronie jasny nagłówek, na przykład Zamówienie potwierdzone, zamiast samej ikony, i nie sygnalizuj sukcesu wyłącznie kolorem. Jeśli pokazujesz potwierdzenie w miejscu formularza zamiast na nowej stronie, umieść je w elemencie z role="status", aby czytniki ekranu ogłosiły je uprzejmie, bez przenoszenia fokusu.
Po zakupie
1. Zamówienie potwierdzone z dużym numerem zamówienia
Numer to pierwsza rzecz, o którą zapyta support, więc po nagłówku dostaje największą czcionkę.
2. Oś czasu wysyłki
Trzy kroki pokazują, gdzie jest zamówienie, i określają okno dostawy, zanim ktokolwiek musi zapytać.
3. Z zakupu bez rejestracji do konta
Kupujący jako gość wpisał już e-mail, więc strona proponuje pole hasła, aby zachować historię zamówień.
4. Powiązany dodatek pod potwierdzeniem
Oferta znajduje się pod szczegółami potwierdzenia i wiąże się z zakupem, więc odbierana jest jako pomoc, a nie nachalna sprzedaż.
Po zapisie
5. Sprawdź skrzynkę
Listy z podwójnym potwierdzeniem zapisu potrzebują tego kroku. Podanie nadawcy i tematu wiadomości pomaga szybko znaleźć e-mail.
6. Powitanie z lekturą na start
Gdy ktoś jest już zapisany, wskaż mu najlepszą rzecz, jaką już opublikowałeś, zamiast kazać mu czekać na kolejne wydanie.
7. Rozpoczęty darmowy okres próbny
Krótka lista konfiguracji w trzech krokach zamienia puste konto w postęp, a pierwszy krok jest oznaczony jako miejsce startu.
Po rezerwacji lub wiadomości
8. Wizyta z dodaniem do kalendarza
Data, godzina i miejsce w zwartym bloku, z linkami do kalendarza i zmiany terminu tuż obok.
9. Umówiona rozmowa wstępna z pytaniami do przygotowania
Krótka lista do przygotowania sprawia, że rozmowa jest bardziej przydatna, i dyskretnie ustala oczekiwania obu stron.
10. Wiadomość odebrana z czasem odpowiedzi
Powtórzenie wiadomości dowodzi, że dotarła, a realny czas odpowiedzi sprawia, że ludzie nie wysyłają jej drugi raz.
11. Prośba o wycenę z numerem referencyjnym
Numer referencyjny i konkretna osoba sprawiają, że prośba o wycenę wydaje się obsłużona, a nie zagubiona w kolejce.
Po pobraniu, darowiźnie lub zapisie na wydarzenie
12. Pobieranie z zapasowym linkiem
Przeglądarki czasem blokują automatyczne pobieranie, więc widoczny link i rozmiar pliku pomagają, gdy nic się nie pojawiło.
13. Darowizna z efektem i potwierdzeniem
Napisanie, co daje wpłata, i potwierdzenie pokwitowania działa lepiej niż ogólne podziękowanie. Opcja comiesięczna pojawia się raz, delikatnie.
14. Rejestracja na wydarzenie z biletem
Blok w kształcie biletu zawiera szczegóły, których ludzie szukają w dniu wydarzenia: datę, godzinę otwarcia drzwi i swoje nazwisko.
15. Lista oczekujących z zachętą do polecenia
Lista oczekujących to jedyne miejsce, gdzie prośba o udostępnienie pasuje, bo zaproszenie znajomych daje odwiedzającemu coś, czego chce.
Nagłówek mówi słowami, co właśnie się stało
Kluczowa informacja jest powtórzona (numer zamówienia, e-mail, godzina)
Strona mówi, co przyjdzie dalej i mniej więcej kiedy
Jest jeden główny kolejny krok, wystylizowany jako główny przycisk
Jest sposób na naprawienie błędu (zły e-mail, zmiana terminu, anulowanie)
Nawigacja strony nadal pozwala przeglądać dalej
Brak wyskakującego okienka i pola zapisu dla kogoś, kto właśnie się zapisał
Strona ma meta tag robots z wartością noindex
Lista kontrolna strony z podziękowaniem
Gotowe: {n} z {total}
Wszystko gotowe. Twoja strona z podziękowaniem odpowiada na to, nad czym zastanawiają się odwiedzający.