Jak stworzyć dobrą stronę kontaktową w sklepie internetowym?

Ostatnia aktualizacja: 18 lipca 2024

Strona kontaktowa i jej znaczenie w sklepie

Poprawnie skonfigurowany sklep internetowy powinien dawać klientowi komplet informacji o firmie, produktach, formach płatności i sposobach wysyłki. Co w momencie, gdy mimo wszystko pojawiają się pytania, na które odwiedzający sklep nie znajduje odpowiedzi na stronie? Z pomocą przychodzi bezpośredni kontakt ze sklepem

Jako sprzedawca powinieneś ułatwić klientowi ścieżkę komunikacji oraz zadbać o sprawne odpowiadanie na jego pytania, by rozwiać wątpliwości i tym samym zachęcić go do podjęcia decyzji zakupowej.

W takim wypadku najlepszym rozwiązaniem jest utworzenie strony kontaktowej będącą miejscem, w którym umieszczony jest komplet danych teleadresowych: numer telefonu, adres e-mail oraz namiary na sklep stacjonarny (jeśli jest w posiadaniu).

Gdzie umieścić stronę kontakt w sklepie Shoper? 

Na początek warto wspomnieć, gdzie należy umieścić stronę kontaktową, aby była łatwa do odnalezienia w sklepie. Nagłówek oraz stopka towarzyszą klientom niezależnie od tego, w jakim miejscu strony się znajdują, dlatego stanowią one świetne miejsce dla strony kontaktowej.

By dodać stronę kontaktu do nagłówka należy w Panelu administracyjnym sklepu wejść do zakładki: Wygląd i treści > Linki w nagłówku i stopce > Nagłówek, a następnie dodać stronę kontaktową. Analogicznie postępujemy dodając stronę do stopki.

Przykład umieszczenia strony Kontakt w menu głównym sklepu Shoper
Rys 1. Przykład dodanej zakładki: Kontakt w głównym menu sklepu (header).
Przykład umieszczenia strony Kontakt w menu głównym sklepu Shoper
Rys 1. Przykład dodanej zakładki: Kontakt w głównym menu sklepu (header).
Umieszczenie strony kontaktowej w stopce sklepu internetowego Shoper
Rys 2. Przykład dodanego linka: Kontakt w menu dolnym / stopce sklepu (footer).
Umieszczenie strony kontaktowej w stopce sklepu internetowego Shoper
Rys 2. Przykład dodanego linka: Kontakt w menu dolnym / stopce sklepu (footer).

Po co na sklepie strona z danymi kontaktowymi?

Ponad 80% konsumentów wśród elementów świadczących o dobrej obsłudze klienta wspomina o szybkiej odpowiedzi ze strony sklepu (Raport 2020: Komunikacja sklepów internetowych).

W Internecie nie mamy okazji wręczyć klientowi wizytówki z potrzebnymi danymi. Poświęć czas i stwórz przejrzystą oraz estetyczną stronę, która usprawni mu kontakt, a co za tym idzie, uzyskanie odpowiedzi na nurtujące go pytania.

  • Dzięki szybkiej i proklienckiej obsłudze uda ci się lepiej poznać potrzeby swojej grupy odbiorczej. Bezpośrednia rozmowa pozwoli rozwiać wątpliwości zainteresowanych produktem klientów, w efekcie czego zyskasz miano przyjaznego sprzedawcy, do którego chce się wracać. 

Wiedza uzyskana podczas rozmów pozwoli ci na poznanie opinii klientów na temat sklepu oraz jego architektury informacji. Umożliwi to poprawienie problematycznych sekcji strony, by w przyszłości były bardziej intuicyjne dla klienta i zawierały komplet informacji jakich potrzebnych do dokonania zakupu.

Rzetelna obsługa oraz wsłuchiwanie się w potrzeby konsumenckie sprawia, że klient chętnie wróci i ponownie zrobi zakupy, ponieważ wie, iż zawsze może uzyskać fachową pomoc oraz odpowiedzi na nurtujące go pytania. 

Wydaje się, że uzupełnienie strony kontaktowej, to bułka z masłem, w końcu umieszczamy tam tylko kilka niezbędnych elementów. Warto jednak poświęcić na tę sekcję sklepu więcej czasu, by była przejrzysta, estetyczna oraz przyjazna dla klienta.

Jakie dane powinna zawierać strona kontaktowa?

Pierwszym i najważniejszym elementem są dane firmowe, czyli fizyczny adres sklepu stacjonarnego, jeśli taki prowadzimy, telefon, e-mail, a także linki do social mediów, gdzie można znaleźć sklep. Nie zapominajmy także o numerze NIP czy REGON, które ułatwiają znalezienie firmy w oficjalnych źródłach. Pomoże to klientowi w razie potrzeby zweryfikować wiarygodność twojego sklepu. 

Pamiętajmy także o umieszczaniu profesjonalnych adresów e-mail sklepu stanowiących jego wizytówkę. Nie posługujmy się e-mailami prywatnymi, założonymi na serwisach ogólnodostępnych, np. nazwamojegosklepu@gmail.com.

  • Warto poświęcić czas na stworzenie profesjonalnej skrzynki mailowej w ramach domeny sklepu, np. biuro@sklep.pl. Takie zabiegi procentują w przyszłości, wpływając na spójny i profesjonalny wizerunek twojej firmy w oczach klienta. 

Więcej informacji o tworzeniu profesjonalnych adresów e-mail, znajdziesz w w artykule: Jak przygotować sklep na przyjęcie klienta?

Oprócz wcześniej wspomnianych komponentów, przyjaznym krokiem w stronę klienta będzie umieszczenie w sekcji komunikacyjnej numeru konta bankowego. Nie jest to informacja bezpośrednio służąca kontaktowi, jednak stanowi ona często poszukiwany detal, który warto dodać do tej podstrony w sklepie.

Zadbaj o atrakcyjny wygląd i przejrzystość strony kontaktowej

W jaki sposób uczynić stronę kontaktową bardziej efektowną? Zadbaj o kwestie wizualne! Korzystaj śmiało z info ikon, dzięki którym w sposób graficzny możesz przedstawić najważniejsze dane kontaktowe oraz działalność w social mediach. Poniżej przykłady info ikon na stronie kontaktowej w sklepie: 

Przykładowa przejrzysta i estetyczna strona kontaktowa
Rys 3. Przykład estetycznej i przejrzystej wizualnie strony Kontakt w sklepie.
Przykładowa przejrzysta i estetyczna strona kontaktowa
Rys 3. Przykład estetycznej i przejrzystej wizualnie strony Kontakt w sklepie.

Tak jak wspomnieliśmy wcześniej, w sekcji kontaktowej możesz również umieścić info ikony kierujące do social mediów z jakich korzystasz. By pobrać ikony Facebooka, Instagrama czy Youtube’a należy skorzystać z oficjalnych źródeł tych serwisów, a następnie podlinkować je, by kierowały do twoich profili.

Pod poniższymi linkami znajdziesz oficjalne bazy ikon dla serwisów społecznościowych:

Więcej informacji o wykorzystaniu ikon graficznych na sklepach znajdziesz w tym artykule: Jak w sklepie Shoper zaprezentować wyróżniki marki?

Daj się odnaleźć offline – pokaż lokalizacje

Prowadząc działalność stacjonarną, możesz ułatwić klientowi dotarcie do sklepu poprzez dodanie mapy z adresem swojej siedziby. Wpływa to także na wiarygodność twojej działalności i dobry wizerunek sklepu.

Dodaj mapę przedstawiającą lokalizację punktu stacjonarnego
Rys 4. Przykład dodanej mapy z lokalizacją na stronie kontaktowej sklepu.
Dodaj mapę przedstawiającą lokalizację punktu stacjonarnego
Rys 4. Przykład dodanej mapy z lokalizacją na stronie kontaktowej sklepu.

Jeśli nie czujesz się mocny w tematach związanych z grafiką, zadbaj o stronę edytorską swojej zakładki kontaktowej. Postaraj się wyróżnić najistotniejsze informacje poprzez pogrubioną lub powiększoną czcionkę. Oprócz tego używaj punktorów, by uniknąć ściany tekstu, który utrudnia odnalezienie najważniejszych danych. 

Pamiętaj o wersji mobilnej sklepu

Obecnie większość osób przegląda sklepy przy pomocy urządzeń mobilnych – smartphonów czy tabletów. Warto wyjść naprzeciw ich potrzebom i zadbać o podlinkowane numery telefonu oraz adresy mailowe. Taki zabieg sprawia, że klient nie musi przepisywać czy kopiować danych narażając się przy tym na pomyłkę, szczególnie gdy robi to w pośpiechu.

Wystarczy, że kliknie w podany na stronie numer, a smartphone od razu przeniesie go w tryb tworzenia połączenia. Jak wprowadzić klikalny numer telefonu? W edytorze strony kontaktowej należy wpisać kod HTML z uzupełnionym numerem telefonu firmy. Poniżej znajdziesz krótką instrukcję. 

By dodać aktywny numer telefonu na stronie informacyjnej: Kontakt i dane w sklepie na platformie Shoper wejdź do sekcji menu: Wygląd i treści > Strony informacyjne. Następnie z listy, która pojawi się po prawej stronie wybierz: Kontakt i dane firmy i przejdź do edycji tego elementu. 

By wpisać kod HTML, należy wyłączyć edytor tekstowy. Następnie w puste miejsce trzeba wpisać kod HTML, dzięki któremu w numer będzie można kliknąć: 

Skopiuj
<a href="tel:+481234567892">+48123456789</a>

To, co znajduje się w pierwszej części nawiasu, w cudzysłowie, to numer telefonu do sklepu. Powinno się go wpisać bez spacji czy myślników. Druga część nawiasu, objęta pogrubieniem, stanowi tekst, który wyświetla się klientowi i jest aktywny, czyli można w niego kliknąć.

Zamiast numeru telefonu można tutaj umieścić krótki komunikat, np. „Zadzwoń”, „Skontaktuj się z nami”, jednak o wiele wygodniejsze jest powtórzenie w tym miejscu numeru telefonu, by był widoczny również dla osób, które korzystają z komputera. 

Jak dodać link "Zadzwoń", który po kliknięciu zadzwoni pod numer telefonu?
Rys 5. Jak dodać link „Zadzwoń”, który po kliknięciu zadzwoni pod numer telefonu?
Jak dodać link "Zadzwoń", który po kliknięciu zadzwoni pod numer telefonu?
Rys 5. Jak dodać link „Zadzwoń”, który po kliknięciu zadzwoni pod numer telefonu?

Po zapisaniu zmian, pojawi nam się aktywny numer telefonu:

Dodany numer telefonu z linkiem (po kliknięciu wykonane zostanie połączenie na numer telefonu)
Rys 6. Numer telefonu z linkiem (po kliknięciu wykonane zostanie połączenie na numer telefonu).
Dodany numer telefonu z linkiem (po kliknięciu wykonane zostanie połączenie na numer telefonu)
Rys 6. Numer telefonu z linkiem (po kliknięciu wykonane zostanie połączenie na numer telefonu).

Analogicznie możemy postąpić z adresem mailowym, wpisując w kodzie HTML:

Skopiuj
<a href="mailto:shoper@shoper.pl">shoper@shoper.pl</a>
Dodanie adresu e-mail z linkiem (po kliknięciu możliwa wysyłka wiadomości pod określony adres e-mail)
Rys 7. Dodanie adresu e-mail z linkiem (po kliknięciu wysyłka wiadomości pod określony adres e-mail).
Dodanie adresu e-mail z linkiem (po kliknięciu możliwa wysyłka wiadomości pod określony adres e-mail)
Rys 7. Dodanie adresu e-mail z linkiem (po kliknięciu wysyłka wiadomości pod określony adres e-mail).

Po zapisaniu zmian, pojawi się aktywny adres e-mail:

Adres e-mail z linkiem (po kliknięciu rozpocznie się wysyłka wiadomości na ten adres)
Rys 8. Adres e-mail z linkiem (po kliknięciu rozpocznie się wysyłka wiadomości na ten adres).
Adres e-mail z linkiem (po kliknięciu rozpocznie się wysyłka wiadomości na ten adres)
Rys 8. Adres e-mail z linkiem (po kliknięciu rozpocznie się wysyłka wiadomości na ten adres).

Bezpośredni kontakt przez stronę sklepu

Rozwiązaniem dla osób, które nie preferują rozmów telefonicznych jest formularz kontaktowy. Obecnie ta forma komunikacji ze sklepem jest rzadko wykorzystywana przez konsumentów, którzy częściej wybierają komunikację mailową lub telefoniczną.

Formularz może stanowić ułatwienie, gdy klient nie chce w danym momencie przechodzić do skrzynki mailowej i przepisywać adresu. Wystarczy, że uzupełni kilka pól z danymi, opisze problem i wyśle zapytanie. 

Formularz kontaktowy możesz dodać jako jeden z linków w nagłówku lub stopce. Dzięki temu klient będzie miał do niego dostęp niezależnie od tego w jakiej sekcji sklepu będzie się znajdował.

W sklepach na platformie Shoper, aby dodać formularz jako osobną stronę, czyli do nagłówka lub stopki, należy wejść do sekcji menu: Wygląd i treści > Linki w nagłówku i stopce. Następnie wybrać, gdzie chcemy go umieścić, a na koniec zapisać zmiany.

Dodawanie formularza do nagłówka:

Dodawanie formularza kontaktowego do nagłówka w sklepie Shoper
Rys 9. Jak dodać formularz do nagłówka sklepu Shoper?
Dodawanie formularza kontaktowego do nagłówka w sklepie Shoper
Rys 9. Jak dodać formularz do nagłówka sklepu Shoper?

Dodawanie formularza do stopki:

Dodawanie formularza kontaktowego do stopki sklepu Shoper
Rys 10. Jak dodać formularz do stopki sklepu Shoper?
Dodawanie formularza kontaktowego do stopki sklepu Shoper
Rys 10. Jak dodać formularz do stopki sklepu Shoper?

Formularz e-mail w zakładce kontaktowej

Istnieje także możliwość umieszczenia formularza kontaktowego bezpośrednio na stronie informacyjnej: Kontakt i dane firmy. Aby to zrobić w sklepie Shoper, należy wejść do sekcji menu: Wygląd i treści > Strony informacyjne > Kontakt i dane firmy. Następnie do treści strony wystarczy dodać znacznik: {contact_form} i zapisać zmiany.

Przykład dodania znacznika formularza kontaktowego na stronie informacyjnej w sklepie Shoper
Rys 11. Przykład dodania znacznika formularza kontaktowego na stronie informacyjnej w sklepie Shoper.
Przykład dodania znacznika formularza kontaktowego na stronie informacyjnej w sklepie Shoper
Rys 11. Przykład dodania znacznika formularza kontaktowego na stronie informacyjnej w sklepie Shoper.


W efekcie na stronie kontaktowej widocznej dla klienta pojawi się formularz kontaktowy.

Przykład dodanego formularza kontaktowego na stronie informacyjnej sklepu Shoper
Rys 12. Przykład dodanego formularza kontaktowego na stronie informacyjnej sklepu Shoper.
Przykład dodanego formularza kontaktowego na stronie informacyjnej sklepu Shoper
Rys 12. Przykład dodanego formularza kontaktowego na stronie informacyjnej sklepu Shoper.

Do formularza kontaktowego możesz dodać własne pola niestandardowe np. numer telefonu. Możesz także określić czy takie pole ma być wymagane, czy nie. W tym celu w Panelu administracyjnym sklepu Shoper przejdź do sekcji menu: Wygląd i treści > Dodatkowe pola formularzy i kliknij: Dodaj dodatkowe pole formularza

Jak dodać kolejne pola do formularza kontaktowego?
Rys 13. Tworzenie dodatkowego pola dla formularza kontaktowego w sklepie Shoper.
Jak dodać kolejne pola do formularza kontaktowego?
Rys 13. Tworzenie dodatkowego pola dla formularza kontaktowego w sklepie Shoper.

Umieszczając formularz w zakładce: Kontakt i dane firmy, po wysłaniu zapytania strona zostanie odświeżona, a klient automatycznie przeniesiony na osobną podstronę, na której znajduje się sam formularz.

Pokaż zdjęcie kto obsługuje klientów sklepu

Nie od dziś wiadomo, że komunikacja bezpośrednia jest najlepszą formą budowania relacji oraz rozwiązywania problemów. W przypadku sklepu internetowego kontakt między sprzedawcą a klientem nie wygląda tak jak w sklepie stacjonarnym – twarzą w twarz.

Mimo to, możemy pokazać odwiedzającym sklep, z kim będą rozmawiać, gdy zdecydują się zadzwonić z zapytaniem.

Jeśli sam odbierasz telefony lub masz dedykowanego pracownika, pokaż klientowi, że po drugiej stronie słuchawki siedzi żywa osoba, która jest w stanie zrozumieć jego problem i udzielić odpowiedzi na nurtujące go pytania, a nie bot czy automatyczna sekretarka.

Umieszczenie w sekcji kontaktowej sklepu zdjęcia osoby, która zajmuje się obsługą klienta, ociepla wizerunek sklepu, a co za tym idzie skraca dystans i zachęca do kontaktu. 

Przydatne aplikacje usprawniające kontakt na sklepach Shoper

Listę przydatnych aplikacji ułatwiających kontakt klientom w sklepie internetowym Shoper znajdziesz w poniższym artykule:

Podsumowanie strony kontaktu w sklepach internetowych

Estetyczna, intuicyjna oraz przejrzysta strona kontaktowa stanowi ważny element wpływający na relacje z klientami, jak i ogólny wizerunek sklepu.

Konfigurując tę podstronę pamiętaj, by umieścić na niej najważniejsze dane teleadresowe, numer NIP / REGON, numer konta bankowego, a także adresy profilii sklepu w mediach społecznościowych. Jest to komplet niezbędnych dla klienta informacji. Jeśli nadal nie uzupełniłeś zakładki: Kontakt i dane firmy w swoim sklepie, to czas na zmiany! 

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • czym jest strona kontaktowa i dlaczego warto poświęcić czas na jej rozbudowanie?
  • co zrobić by zakładka „Kontakt i dane” była atrakcyjna?
  • z jakich aplikacji możesz skorzystać, by bardziej rozbudować tę sekcję sklepu?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności