Strona informacyjna, znana również jako strona zamówienia, to mechanizm, który utrzymujemy od lat – prosty, niezawodny i powszechnie wykorzystywany. W wielu biznesach online to właśnie ona jest podstawowym punktem kontaktu z klientem po zakupie, bo to tam można sprawdzić status przesyłki, dane płatności, dokumenty, produkty i historię kontaktu.
Dziś z satysfakcją możemy napisać: odświeżyliśmy stronę informacyjną! Nadal spełnia swoją podstawową rolę – jest w pełni zautomatyzowanym łącznikiem między sprzedawcą a kupującym. Teraz robi to w nowocześniejszej, bardziej przemyślanej formie, dopasowanej do współczesnych trendów.
Co nowego w wyglądzie strony informacyjnej?
Wprowadziliśmy szereg zmian, które poprawiają wygląd, funkcjonalność i elastyczność strony informacyjnej. Oto najważniejsze z nich.
Nowoczesna estetyka
Nadal znajdziesz na stronie dobrze znane sekcje (informacje o dostawie, płatności, produktach czy historii zamówienia), ale teraz są one lepiej wyeksponowane, bardziej czytelne i przejrzyście podzielone na bloki. Odstępy, typografia i struktura treści zostały uporządkowane z myślą o jak najlepszym odbiorze przez klienta.
Trzy nowe wersje kolorystyczne
Do wyboru są trzy warianty stylu. Wybór jednego z tych wariantów aktywuje nowy layout strony. Jak go włączyć, opisuję w dalszej części artykułu.
- Nowoczesny – Jasny: jasne tło, kontrastowe elementy i subtelna typografia,
- Nowoczesny – Ciemny: układ z czarnym tłem, czytelnym światłem tekstem i mocniejszymi akcentami,
- Nowoczesny – Automatyczny: nowy layout obsługuje tryb ciemny nie tylko jako osobną opcję, ale też w modelu dynamicznym. Jeśli klient ma w systemie lub przeglądarce aktywowany dark mode, strona informacyjna również przełączy się na ciemny styl. Możesz też ustawić tryb ręcznie niezależnie od ustawień użytkownika.
Miniaturki produktów
To jedna z funkcji, o które najczęściej pytali sprzedawcy. Od teraz produkty w zamówieniu mogą być prezentowane także w formie małych zdjęć obok ich nazwy. To przydatny, wizualny podgląd zawartości przesyłki.
Przyciski akcji
W prawym górnym rogu strony widoczny jest zestaw czytelnych przycisków ułatwiających klientowi dostęp do najważniejszych operacji. Przyciski są widoczne niezależnie od przewinięcia strony, dzięki czemu najważniejsze działania są zawsze pod ręką. Wśród nich:
- Zwróć zamówienie – szybkie przekierowanie do formularza zwrotu,
- Pobierz dokument sprzedaży – dostęp do faktury lub paragonu,
- Zlokalizuj przesyłkę – podgląd statusu dostawy bezpośrednio ze strony.
Dodatkowa sekcja iframe/HTML
W szablonie pojawiła się możliwość dodania własnego bloku z treścią, jako iframe lub kod HTML. Może to być konfigurator, model 3D, formularz kontaktowy, prezentacja czy instrukcja. Sposoby użycia i konkretne inspiracje zebrałem w dalszej części wpisu.
Chcesz włączyć i skonfigurować nowy layout strony informacyjnej? Zobacz Konfiguracja strony informacyjnej krok po kroku.
Do czego wykorzystać sekcję iframe na stronie informacyjnej?
Nowy layout strony informacyjnej pozwala dodać własną sekcję iframe lub kod HTML. To elastyczne pole, w którym możesz osadzić dowolną zewnętrzną treść – od wizualizacji po katalogi i promocje.
Ważne! Wszystkie poniższe przykłady wymagają przygotowania własnych materiałów i wdrożenia po stronie sprzedawcy. System Base umożliwia ich osadzenie, ale nie generuje ich automatycznie.
Oto kilka proponowanych zastosowań tej funkcji wraz z narzędziami, które pomagają wdrożyć je bez konieczności programowania:
- Konfigurator produktu
Umożliwia klientowi podgląd zamówionego wariantu (np. kolor, nadruk, układ elementów) na podstawie konfiguracji wybranej przy zakupie.
– Narzędzie: Zwykle autorskie konfiguratory umieszczone na subdomenie sklepu
- Model 3D produktu
Interaktywny, obracany widok produktu osadzony bezpośrednio na stronie.
– Narzędzie: Sketchfab
- Wideo instrukcja montażu
Krótkie wideo pokazujące, jak złożyć lub uruchomić produkt.
– Narzędzia: YouTube, Vimeo, Loom
- Katalog produktów
Można tu wstawić katalog towarów firmy lub zestaw produktów w formie pliku PDF.
– Narzędzia: Canva, Issuu
- Prezentacja marki / broszura informacyjna
Treść, która pozwala klientowi lepiej zapamiętać Twoją markę: wartości, proces produkcji, zespół, podejście do obsługi.
– Narzędzia: Canva, Google Slides, Notion
- Promocje, rabaty, oferty specjalne
Statyczne grafiki przyciągające uwagę – np. zniżka na kolejne zamówienie, limitowana oferta, promocja sezonowa.
– Narzędzia: Canva, Adobe Express
- Rekomendacje produktowe
Widget prezentujący powiązane produkty, feed produktowy – np. dodatki do zamówionych produktów, propozycje upsell, najlepiej sprzedające się towary, aktualne promocje.
– Narzędzie: Elfsight
- Zapis do newslettera
Formularz, który pozwala klientowi zapisać się na Twoją listę mailingową bezpośrednio z poziomu strony informacyjnej.
– Narzędzia: Mailchimp, GetResponse, MailerLite
Sekcja iframe to niewielka zmiana techniczna, która otwiera dużą przestrzeń do kreatywnego zagospodarowania końcowego etapu ścieżki zakupowej. Sekcja może być używana w każdym szablonie lub aktywowana tylko w wybranych przypadkach. W tym celu idealnie sprawdzą się akcje automatyczne wysyłające odpowiedni szablon strony informacyjnej, bazując na warunkach spełnionych w zamówieniu.
Jak przełączyć się na nowy wygląd strony informacyjnej?
Aby zacząć korzystać z nowego layoutu strony informacyjnej, nie trzeba tworzyć nowego szablonu ani kopiować danych. Wystarczy zmienić jedno ustawienie (schemat kolorów) w edycji wybranego szablonu.
Dostępne są trzy warianty nowego wyglądu:
- Nowoczesny – Jasny
- Nowoczesny – Ciemny
- Nowoczesny – Automatyczny (dopasowujący się do trybu systemowego użytkownika)
Wybór któregokolwiek z nich automatycznie aktywuje nowy layout strony informacyjnej. Nie trzeba niczego konfigurować od zera – wszystkie Twoje istniejące ustawienia, teksty i pola zostaną przeniesione do nowego wyglądu.
Jeśli korzystasz obecnie z klasycznego szablonu kolorystycznego (np. niebiesko-szary czy czarno-złoty), strona działa w starszym układzie. Przełączenie stylu to wygodny sposób na szybkie unowocześnienie strony bez ingerencji w jej strukturę.
Ważne! Wszystkie nowe szablony, które utworzysz od teraz, domyślnie korzystają z nowego layoutu. Nie trzeba zaznaczać niczego ręcznie. Wystarczy zacząć konfigurację od zera, a system automatycznie zaproponuje nowoczesny wygląd.
Nowe schematy kolorów znajdziesz w ustawieniach: Panel administracyjny → Zamówienia → Ustawienia → Strony informacyjne → Edycja szablonu → Schemat kolorów.
Przegląd przykładowej strony zamówienia – co widzi klient?
Strona informacyjna w nowej odsłonie to nie tylko podgląd statusu, ale pełnoprawny, nowoczesny panel obsługi zamówienia z elementami budującymi zaufanie i zwiększającymi szansę na kolejne zakupy. Tak wygląda przykładowy widok z perspektywy klienta.
Logo i numer zamówienia
Na górze widoczna jest ikona nagłówka (lub własne logo, jeśli zostało wstawione), a także numer zamówienia.
Czytelne przyciski
Z prawej strony duże, widoczne przyciski do:
- zainicjowania zwrotu – dowiedz się więcej o module Zwrotów,
- pobrania dokumentu (np. faktury lub paragonu),
- lokalizacji paczki na podstawie numeru przesyłki
- opłacenia zamówienia
- przyciski zdarzeń własnych – więcej na ten temat w innym wpisie na naszym blogu
Dzięki nim klient nic nie musi szukać – najważniejsze akcje ma zawsze pod ręką. Zwróć uwagę, że nie wszystkie przyciski są zawsze widoczne. Przycisk tworzenia zwrotu jest dostępny tylko dla opłaconych zamówień; przycisk Zapłać – tylko dla nieopłaconych. Przycisk pobierania dokumentu dostępny jest tylko kiedy wystawiona jest faktura lub paragon.
Zdjęcie paczki
Na samej górze strony znajduje się zdjęcie przesyłki wykonane w Asystencie Pakowania (jeśli sprzedawca z niego korzysta). To zwiększenie transparentności, klient widzi, jak wygląda jego paczka przed wysyłką.
Dane dostawy i płatności
W przejrzystym układzie zaprezentowane są:
- dane odbiorcy i płatnika,
- informacje o kurierze i numerze przesyłki,
- status płatności z nazwą źródła (np. Stripe, Przelewy24).
Lista produktów i podsumowanie
Zamówienie pokazane jest z podziałem na produkty i dostawę. Jeśli włączona została opcja miniatur – każdy towar widoczny jest razem z obrazkiem.
Sekcja informacyjna
Nad dodatkowymi treściami może pojawić się komunikat tekstowy (np. z kodem rabatowym lub podziękowaniem), skonfigurowany przez sprzedawcę. To dobre miejsce na krótką wiadomość budującą relację.
Sekcja iframe/HTML – np. model 3D
W tym przykładzie wykorzystano iframe do prezentacji modelu 3D produktu. Klient może obracać produkt i zapoznać się z jego cechami, co znacznie wzbogaca doświadczenie zakupowe.
Mapa dostawy
Widok mapy pokazuje trasę dostawy z lokalizacją nadawcy i odbiorcy. To funkcja szczególnie atrakcyjna przy zamówieniach międzynarodowych.
Historia kontaktu
Na dole strony widoczna jest oś komunikacji – wiadomości wymienione z klientem oraz opcja odpowiedzi. Dzięki temu kupujący ma jasność, że jego zapytania są rejestrowane i widoczne.
Dlaczego warto korzystać ze strony informacyjnej?
Strona informacyjna to jedno z tych narzędzi, które działają w tle, a robią ogromną różnicę zarówno dla sprzedawcy, jak i kupującego. Oto najważniejsze powody, dla których warto z niej korzystać:
Dla sprzedawcy:
- Mniej zapytań „gdzie jest moja paczka?” – klient ma dostęp do statusu przesyłki i dokumentów bez konieczności kontaktu ze sprzedającym.
- Profesjonalny wizerunek – spójna, nowoczesna i czytelna strona z logo buduje zaufanie i wpływa pozytywnie na status sklepu.
- Szansa na cross-sell i upsell – dzięki sekcji iframe możesz dołożyć dodatkową prezentację produktów, kod rabatowy, katalog lub inne treści promujące.
- Bezpieczeństwo i elastyczność – ustawiasz czas dostępności, sposób weryfikacji i to, czy strona ma być dostępna tylko z linku, czy przez dodatkową metodę logowania.
Dla klienta:
- Jedno miejsce, wszystkie informacje – statusy, dane kontaktowe, dokumenty, zdjęcia paczki, miniaturki produktów.
- Zawsze dostępna – niezależnie od pory dnia, na komputerze i telefonie. W wersji dark i light mode.
- Szybkość działania – klient nie musi pisać ani dzwonić, by uzyskać potrzebne informacje.
Nowoczesna strona zamówienia to większe zaufanie i wyższy LTV
Strona informacyjna z Base to jedno z najbardziej dojrzałych, a zarazem elastycznych narzędzi w całym systemie. Po latach stabilnego działania doczekała się odświeżenia. Nie po to, by zmienić to, co działało, ale by dodać więcej nowoczesności, kontroli i możliwości.
Nowy wygląd jest tylko początkiem. Dzięki nowym opcjom, takim jak sekcja iframe, lepsze dopasowanie wizualne, większa dostępność i możliwość łatwego zarządzania treścią, strona informacyjna staje się jeszcze lepszym pomostem między Tobą a Twoim klientem.
Zachęcam do przetestowania nowego szablonu – wystarczy zmienić styl na jeden z Nowoczesnych, a system sam przeniesie wszystkie Twoje dane. Każda nowo tworzona strona działa już w nowym układzie, więc to dobry moment, by się z nim zapoznać.
Jeśli korzystasz już z tego mechanizmu, sprawdź, co możesz zrobić lepiej w swoim procesie. Jeśli jeszcze nie korzystasz, to jedno z tych ustawień, które naprawdę warto aktywować.
Zachęcam do dzielenia się ze mną swoimi przemyśleniami na temat nowej strony zamówienia poprzez LinkedIn.
Komentarze
Brak komentarzy
Dodaj komentarz