• Funkcje
  • Integracje
  • Cennik
  • Pomoc
Zaloguj się Załóż konto PL
  • Funkcje
  • Integracje
  • Cennik
  • Pomoc
Zaloguj się Załóż konto PL

Wybierz język

English Polski
Home / Strona www / Jak stworzyć stronę www z kategoriami usług?

Jak stworzyć stronę www z kategoriami usług?

2 min, 0
landing

Z tego artykułu dowiesz się jak sprawnie i w prosty sposób, przy pomocy kreatora stron www Calendesk, zbudować stronę, która umożliwi Twoim klientom przeglądanie usług podzielonych na różne kategorie.

Przykładem takiej strony jest strona opublikowana pod tym adresem:

https://psycholog-pomoc.calendesk.net/

Stwórz nowy szablon strony www

Na początku musisz stworzyć szablon strony internetowej. W tym celu przejdź do zakładki „Strona www” i przy pomocy przycisku takiego, jak na zdjęciu poniżej, stwórz nowy szablon strony www:

nowa-strona

Po wybraniu odpowiedniego stylu i elementów dostępnych na stronie, przejdź do tworzenia podstron.

Dodaj podstrony

W tej chwili musisz zadać sobie pytanie: „Jaką strukturę ma mieć moja strona?” W naszym przypadku klient, który chce dokonać rezerwacji, musi przejść następującą ścieżkę:

Wybór kategorii usług –––> Wybór usługi –––> Wybór pracownika

Aby osiągnąć taki efekt, tworzymy pierwszą podstronę o nazwie „Kalendarz Rezerwacji”:

Później tworzymy podstrony dla każdej kategorii usług. Każda podstrona ma nazywać się tak, jak kategoria. Podstrony z kategoriami dodajemy w taki sam sposób, co podstronę o nazwie „Kalendarz Rezerwacji”.

Pamiętamy, że po wyborze kategorii, użytkownik Twojej strony www będzie wybierał usługę, dlatego poza podstronami dla kategorii, dodajemy również podstrony dla usług.

Po stworzeniu podstron dla każdej z kategorii i dla każdej z usług przechodzimy do stworzenia opisów tych kategorii i usług.

Dodaj sekcje

Przejdź do podstrony „Kalendarz Rezerwacji”:

kalendarz-rezerwacji

Następnie dodaj kilka sekcji. Zacznij od nagłówka, aby ułatwić użytkownikowi Twojej strony nawigację. Później dodaj pierwszą sekcję, która będzie zawierała nazwę i zdjęcie pierwszej kategorii oraz przycisk przekierowujący do podstrony, na której na kolejnym etapie umieścimy opisy usług.

Teraz pokażę Ci, w jaki sposób możesz stylizować sekcje z kategoriami. W tym przypadku najważniejsze jest, aby użytkownik wiedział, do jakiej grupy docelowej odnosi się ten zbiór usług, dlatego na tym etapie dodamy tylko zdjęcie i nazwę kategorii.

Edytuj sekcje domyślne

edycja-sekcji

Usuńmy domyślny tekst. Najpierw dodajmy opis kategorii i ustawmy rozmiar tekstu oraz jego lokalizację w sekcji.

stylowanie-tesktu

Teraz podmieńmy domyślne zdjęcie na jakieś z dysku komputera lub z biblioteki zdjęć Unsplash.

Pamiętaj, że rozmiar zdjęcia oraz jego położenie można edytować w panelu po lewej stronie.

Teraz zajmijmy się przyciskiem. To bardzo ważny element, ponieważ odpowiada za przekierowanie klienta z kategorii do listy usług.

edycja-nowy-przycisk

Po przejściu do edycji istniejącego przycisku możemy zdecydować o takich rzeczach jak:

  • nazwa przycisku,
  • rodzaj przekierownia i miejsce, do którego ma przekierowywać,
  • styl i wielkość,
  • rozmiar,
  • cień pod przyciskiem,

Pamiętaj, że użytkownik może zechcieć powrócić do poprzedniego ekranu. Aby mu to ułatwić dodaj przycisk „Powrót”, do którego dodasz taki parametr: 

javascript:history.back()

przycisk-powrot

Aby przekierować użytkownika z podstrony z kategoriami do podstrony z usługami, trzeba wybrać przekierowanie do podstrony z listy, tak jak na zdjęciu poniżej:

przekierowanie

Kolejnym krokiem jest przejście do podstrony reprezentującej wybraną kategorię i dodanie tam usług. Po przejściu do podstrony z wybraną kategorią postępujemy tak jak z podstroną „Kalendarz Rezerwacji”. Dodajemy nagłówek i sekcje reprezentujące konkretne usługi, zaliczające się do tej kategorii.

Później w podstronach z usługami, w identyczny sposób dodajemy sekcje z przyciskami przekierowującymi do opisów i zdjęć pracowników.

Ostatnim krokiem jest przypisanie do każdej sekcji z pracownikiem kalendarza z usługami tego pracownika.

Aby do wybranego pracownika przypisać kalendarz z jego usługami, musisz wykonać następujące kroki: 

  1. Stworzyć podstronę z kalendarzem:
    Ta podstrona powinna zawierać wyłącznie uniwersalne informacje dotyczące rezerwacji oraz sekcję z kalendarzem.kalendarz-sekcja
  2. Otworzyć sekcję z opisem pracownika i tam edytować przekierowanie z przycisku znajdującego się przy tym pracowniku.przekierowanie-do-uslugi
  3. Dodać link do kalendarza tego pracownika, zawierający parametr do usług tego pracownika:
    Link do kalendarza zawsze znajdziesz na szczycie podstrony z kalendarzem:
    url-parametr
    Link do kalendarza z wybraną usługą (lub kilkoma usługami) powinien mieć taki format:

    https://psycholog-pomoc.calendesk.net/kalendarz?services=28,29

    Gdzie liczba po znaku „=” pochodzi z Panelu Administratora, z miejsca, w którym konfiguruje się usługę. Ten numer zawsze znajdziesz na górze, po lewej stronie formularza usługi:

    numer-uslugi-parametr

Pamiętaj, że aby wszystkie zmiany wyświetliły się na stronie www, trzeba opublikować zmiany na stronie przyciskiem „Opublikuj”.

Z wykorzystaniem wszystkich wyżej wymienionych funkcji, możesz zbudować stronę, która zdecydowanie sprawdzi się w obsłudze Twoich klientów.

Strona www

Powiązane artykuły

  • Jak stworzyć panel do logowania dla klienta?
  • Podłączanie subskrypcji/pakietów do strony www wykonanej poza systemem Calendesk
  • [Techniczne] Nasłuchiwanie wydarzeń na stronie www
  • Jak dodać stronę www i kalendarz w dodatkowej wersji językowej?

Kategorie

  • 3Dodatki
  • 3Informacje o kliencie
  • 6Integracje
  • 6Klienci
  • 2Ogólne
  • 5Płatności
  • 2Pracownicy
  • 7Profil
  • 1Sprzedaż dodatkowa
  • 17Strona www
  • 5Subskrypcje
  • 9System rezerwacji
  • 1Tablica
  • 10Usługi
  • 6Ustawienia

Popularne

  • Platforma Calendesk – Przegląd 2
  • Klienci – Dodaj klienta 1
  • Informacje o kliencie – Płatności 1
  • Integracje – WhatsApp 1
  • Jak klienci mogą zarządzać rezerwacjami? 1
© 2023 MPR Sp. z o.o.

  • Funkcje
  • Integracje
  • Cennik
  • Pomoc
  • Blog
  • Kontakt
  • Regulamin serwisu
  • Polityka Prywatności