Widżet rezerwacji i jego wygląd

Włącz przycisk „Zarezerwuj”

Użyj przycisku Otwórz edytor motywu w przewodniku konfiguracji. Otwiera on w edytorze motywu sekcję Osadzenia aplikacji z już włączonym osadzeniem Rezervito Zarezerwuj: naciśnij Zapisz i gotowe. Możesz też samodzielnie otworzyć w edytorze motywu Ustawienia motywu → Osadzenia aplikacji i włączyć Zarezerwuj.

To jedyna rzecz, która musi być włączona. Gdy osadzenie jest włączone, w rogu każdej strony Twojego sklepu pojawia się pływający przycisk Zarezerwuj i działają wszystkie inne przyciski „Zarezerwuj”. Nie pojawia się na stronie, na której klient widzi swoją rezerwację: tam już zarezerwował, a na telefonie przycisk zasłaniałby przyciski tej strony. Gdy otwarty jest panel koszyka, menu lub wyszukiwarka Twojego motywu, przycisk się chowa, aby nie zasłaniać ich przycisków. Gdy jest wyłączone, żaden z nich nie działa.

Krok przewodnika konfiguracji Włącz przycisk „Zarezerwuj” sam oznacza się jako wykonany, gdy osadzenie jest włączone w Twoim opublikowanym motywie. Zobacz Pierwsze kroki.

Ustawienia osadzenia w edytorze motywu:

• Pokaż pływający przycisk: na start włączone. Wyłącz, jeśli wolisz umieścić własne przyciski.
• Pozycja: Na dole po prawej, Na dole po lewej, Środek po prawej lub Środek po lewej.
• Odległość od boku i Odległość od dołu, w pikselach: na start 20. Przy położeniu Środek odległość od dołu przesuwa przycisk poniżej środka.
• Inna odległość od dołu na telefonach: włącz, aby ustawić Odległość od dołu na telefonach, np. żeby podnieść przycisk nad przyklejony pasek Dodaj do koszyka w motywie lub przycisk czatu.
• Tekst przycisku: zostaw puste, aby pokazać „Zarezerwuj” w języku, w którym klient przegląda sklep.
• Etykieta pola notatek i Podpowiedź w polu notatek: treść pola notatek. To, czy klienci są pytani o notatki, ustawiasz w Rezervito w Ustawienia → Zasady rezerwacji → Dane klienta. Gdy podpowiedź jest pusta, pole pokazuje przypomnienie, by nie wpisywać danych o zdrowiu ani innych danych wrażliwych; z Twoją własną podpowiedzią to przypomnienie jest pod polem.

Więcej przycisków „Zarezerwuj”

Każdy przycisk „Zarezerwuj” otwiera to samo okno rezerwacji:

• Blok „Przycisk rezerwacji”. W edytorze motywu dodaj blok Przycisk rezerwacji do dowolnej sekcji, która przyjmuje bloki aplikacji, np. do głównej sekcji strony głównej lub do nagłówka sklepu. Jego ustawienia to Tekst (puste pole pokazuje „Zarezerwuj” w języku klienta) i Wyrównanie: Do lewej, Do środka lub Do prawej. W nagłówku Położenie w nagłówku ustawia go Przed ikonami, Przed koszykiem (wybór początkowy) lub Za koszykiem; jak daleko można go przesunąć, zależy od motywu. Na telefonie jest mniejszy i w jednej linii; w motywie z szerokim logo na środku nagłówka może mimo to zabraknąć dla niego miejsca, więc sprawdź sklep na telefonie i w razie potrzeby użyj tam pływającego przycisku lub linku w menu. Blok jest widoczny tylko wtedy, gdy osadzenie jest włączone.
• Dowolny link do `#book-now`. Dodaj pozycję menu lub przycisk w motywie z linkiem #book-now (lub /#book-now). Otwiera on okno rezerwacji na stronie, na której jest klient. Działa to także tam, gdzie motyw nie przyjmuje bloków aplikacji.
• Link, który udostępniasz. Adres Twojego sklepu z /#book-now na końcu, np. https://your-store.com/#book-now, otwiera sklep z już otwartym oknem rezerwacji. Używaj go w e-mailach, postach w mediach społecznościowych lub w kodzie QR.

Jeśli wyłączysz pływający przycisk i nie umieścisz żadnego innego przycisku „Zarezerwuj”, klienci nie będą mieli jak zarezerwować i nic Cię o tym nie ostrzeże. Po zmianie tych ustawień sprawdź swój sklep.

Okno rezerwacji używa języka Twojego sklepu. Gdy Kalendarz otwarty na nowe rezerwacje jest wyłączony w Ustawienia → Zasady rezerwacji, okno informuje, że sklep obecnie nie przyjmuje rezerwacji. Zobacz Jak klienci rezerwują.

Twoja strona rezerwacji

Twój sklep ma też stronę rezerwacji: adres sklepu z dopiskiem /apps/booking, na przykład https://twoj-sklep.pl/apps/booking. Gdy tylko się załaduje, otwiera okno rezerwacji. Pod oknem strona pokazuje „Umów wizytę” i przycisk Zarezerwuj, więc klient, który zamknie okno, może otworzyć je ponownie.

Strona rezerwacji działa nawet wtedy, gdy osadzenie jest wyłączone albo Twój motyw nie obsługuje aplikacji, więc to najpewniejszy link do udostępniania: w menu, w mediach społecznościowych, w e-mailach albo jako kod QR przy ladzie. Skopiuj jej adres przyciskiem Kopiuj link na karcie Gdzie klienci mogą rezerwować w Ustawienia → Wygląd. Strona wyświetla się w Twoim motywie, w języku, w którym klient przegląda sklep. Jej przycisk Zarezerwuj przyjmuje Twoje kolory Przycisk i Tekst przycisku; przy wybranym Motyw wygląda jak przyciski Twojego motywu.

Gdzie klienci mogą rezerwować

Karta Gdzie klienci mogą rezerwować w Ustawienia → Wygląd wymienia każdy sposób otwarcia okna rezerwacji, każdy z własnym skrótem:

• Pływający przycisk: Włączone lub Wyłączone, odczytane z Twojego aktywnego motywu, oraz gdzie się znajduje, na przykład „Na dole po prawej, na każdej stronie.”
• Przycisk w nagłówku lub sekcji: Dodaj ↗ otwiera edytor motywu i dodaje blok Przycisk rezerwacji do Twojego nagłówka. Niektóre motywy nie mieszczą go w nagłówku; wtedy dodaj go do sekcji.
• Link w menu: #book-now z przyciskiem Kopiuj link. W Shopify przejdź do Treść → Menu i dodaj pozycję menu z tym linkiem.
• Strona rezerwacji: adres Twojej strony rezerwacji z przyciskiem Kopiuj link.

Karta je grupuje: W Twoim motywie zawiera pierwsze trzy, które wymagają osadzenia Zarezerwuj, a jej nagłówek pokazuje Osadzenie włączone lub Osadzenie wyłączone. Edytuj ↗ otwiera osadzenia aplikacji w edytorze motywu. Wszędzie zawiera Twoją stronę rezerwacji, która działa bez osadzenia.

Gdy wygląda na to, że Twój aktywny motyw Canvas utworzył od zera, albo motywu w ogóle nie widać, W Twoim motywie pokazuje Niedostępne, a jej wiersze nie mają skrótów, bo taki motyw nie obsługuje jeszcze aplikacji: używaj swojej strony rezerwacji.

Wybór kolorów widżetu

Otwórz Ustawienia → Wygląd. Karta Widżet rezerwacji zawiera:

• Schemat kolorów: gotowe zestawy kolorów. Motyw, wybór początkowy, nie ustawia własnych kolorów: przyciski „Zarezerwuj” wyglądają jak przyciski Twojego motywu, a okno rezerwacji jest białe z ciemnym tekstem. Wybranie dowolnego innego schematu ustawia wszystkie pięć kolorów, które potem możesz zmieniać pojedynczo. Własny pojawia się, gdy zmienisz kolor ręcznie, i zostaje, abyś mógł do niego wrócić, jeśli wypróbujesz inny schemat.
• Pięć kolorów: Tekst, Tło, Przycisk, Tekst przycisku i Przycisk z obrysem.

Para kolorów trudna do odczytania jest oznaczona jako Trudne do odczytania. To tylko ostrzeżenie: nadal możesz ją zapisać.

Podgląd pokazuje pływający przycisk Zarezerwuj i okno rezerwacji z przykładowymi danymi, w szerokości Telefon lub Komputer: listę usług i terminy. Na komputerze jest obok kart, na telefonie pod nimi.

Zapisz od razu stosuje kolory w Twoim sklepie. Jeśli sklepu nie da się zaktualizować, nic nie zostaje zapisane i możesz spróbować ponownie.

Przyciski „Zarezerwuj” używają kolorów Przycisk i Tekst przycisku. Zachowują kształt przycisków Twojego motywu: narożniki, rozmiar i krój liter. Gdy wybrano Motyw, wyglądają jak przyciski Twojego motywu. Jeśli przycisków Twojego motywu nie da się rozpoznać, dostają prosty przycisk z obramowaniem.

Okno rezerwacji zawsze używa czcionki Twojego motywu i grubości, jakie motyw nadaje tekstowi i nagłówkom, więc wygląda tak lekko lub wyraziście jak reszta sklepu. Wszystko inne w oknie jest jego własne: zachowuje swoją wielkość liter, odstępy między literami, rozmiary i układ, cokolwiek motyw robi z nagłówkami, etykietami i polami, a jego pogrubiony tekst (miesiąc, bieżący krok, suma) nigdy nie jest cieńszy niż tekst Twojego sklepu. Czyta się je też od lewej do prawej, jak wszystkie jego języki, nawet gdy Twój sklep jest ustawiony od prawej do lewej (dla hebrajskiego lub arabskiego). Do innego wyglądu użyj własnego CSS motywu; reguła dla okna rezerwacji musi zaczynać się od .rezervito-modal[data-rezervito-modal][open] (albo używać !important), żeby zadziałała. Kolory dotyczą każdego przycisku „Zarezerwuj” i okna rezerwacji w każdym motywie, a także strony, na której klienci widzą, przenoszą lub odwołują swoją rezerwację. Używają ich też Twoje e-maile o rezerwacjach: kolor Przycisk jest ich akcentem (ciemnoszary przy schemacie Motyw lub przycisku zbyt jasnym na białym tle), razem z logo Twojego sklepu, a strony Rezervito w panelu administracyjnym Shopify zawsze wyglądają jak Shopify.

Strona rezerwacji Twoich klientów wygląda jak ich e-maile: na górze nazwa sklepu i Nr rezerwacji, np. #1042 (ten sam numer, który widzisz w panelu); dalej status rezerwacji, godzina oraz usługa z pracownikiem, czasem trwania i ceną. Pod nimi sekcja Zmień lub odwołaj podaje, do kiedy klient może zmienić termin lub odwołać online — w jednym zdaniu, gdy oba terminy mijają jednocześnie — oraz przyciski Zmień termin i Odwołaj rezerwację. Zmień termin otwiera to samo okno rezerwacji, w którym klienci rezerwują, na kroku Wybierz termin dla usługi tej rezerwacji: pracownik jest już wybrany, a inni są proponowani tylko wtedy, gdy przyjmują ją w tej samej cenie i czasie trwania. Po wybraniu godziny okno pokazuje nowy termin, a Przenieś moją rezerwację ją przenosi i odświeża stronę. Odwołaj rezerwację najpierw pyta, w oknie z Zachowaj rezerwację. Zmień termin jest widoczny tylko wtedy, gdy w Twoim motywie włączony jest app embed „Book now”. Gdy online nie da się już nic zmienić, mówi to jednym zdaniem i pokazuje przycisk Napisz do salonu. Strona wizyty pokazuje numer raz, a usługi jedna po drugiej.

Znak Rezervito

E-maile do klientów kończą się krótką linijką „Zarezerwowano przez Rezervito” z małą ikoną. Twój sklep nie pokazuje znaku Rezervito: ani w oknie rezerwacji, ani na stronie rezerwacji klientów. We wszystkich planach tak samo.

Aby je usunąć, skontaktuj się z nami, a wyłączymy je dla Twojego sklepu.

Wygląd portalu pracownika

Karta Portal pracowników na tej samej karcie ustawień określa Kolor akcentu portalu: jego wyróżnienia i przyciski.

• Taki jak przycisk widżetu (wybór początkowy) używa koloru Przycisk widżetu.
• Mój własny kolor pozwala wybrać własny.

Kolor akcentu zbyt blady, by był czytelny w portalu, nie jest używany: portal zachowuje niebieski kolor Rezervito, a karta Cię o tym informuje. Tło, tekst i kolory rezerwacji w portalu zawsze pozostają takie same, aby był łatwy do odczytania jako narzędzie pracy.

Portal pokazuje Logo Twojego sklepu z Ustawienia → Marka w Shopify; Otwórz ustawienia marki prowadzi Cię tam. Bez logo pokazuje nazwę Twojego sklepu. Zobacz Pracownicy i godziny pracy.

Przycisk „Zarezerwuj” w motywie utworzonym w Canvas

Canvas to nowy sposób Shopify na tworzenie motywu z Sidekick. Motyw zduplikowany w Canvas (w menu ⋯ motywu: Duplicate in Canvas) zachowuje aplikacje tak, jak były: jeśli w oryginale osadzenie Zarezerwuj było włączone, w kopii działają pływający przycisk, okno rezerwacji, linki w menu do #book-now i Twoja strona rezerwacji, a Rezervito widzi go jak każdy inny motyw. Motyw, który Canvas tworzy od zera, nie obsługuje jeszcze aplikacji, a w samym Canvas nie ma czego włączyć. Rezervito rozpoznaje taki motyw: dopóki jest aktywny, a osadzenie wyłączone, krok przewodnika Włącz przycisk „Zarezerwuj” mówi, że Twój aktywny motyw wygląda na utworzony w Canvas, i zamiast Otwórz edytor motywu podaje adres Twojej strony rezerwacji z przyciskiem Kopiuj link. (Jeśli Rezervito w ogóle nie widzi Twojego aktywnego motywu, krok pokazuje „Nie widzimy Twojego aktywnego motywu” i podaje ten sam adres.)

W takim przypadku możesz:

• kierować klientów na swoją stronę rezerwacji: dodaj ją do menu i używaj jej w mediach społecznościowych, e-mailach i kodach QR; albo
• opublikować zwykły motyw i włączyć w nim osadzenie Zarezerwuj.

Krok pozostaje otwarty, dopóki Twojego aktywnego motywu nie widać, i zaznacza się sam, gdy osadzenie zostanie włączone w aktywnym motywie, który Rezervito widzi.

Przy rezerwacji pojawia się „Coś poszło nie tak”

Adres Rezervito to prawie w każdym sklepie /apps/booking, ale w Twoim może być inny. Możesz go zmienić w Shopify (Ustawienia → Aplikacje → Rezervito → App proxy), a Shopify daje Rezervito inny adres, na przykład /apps/booking-1, gdy /apps/booking używa już inna aplikacja. Rezervito sam przechodzi na nowy adres, gdy tylko dotrze do niego jakaś wizyta: okno rezerwacji samo próbuje /apps/booking-1, /apps/booking-2 i /apps/booking-3, a karta Gdzie klienci mogą rezerwować pokazuje wtedy Twoją stronę rezerwacji pod nowym adresem. Wysyłane później e-maile o rezerwacjach też prowadzą pod nowy adres.

Jeśli okno rezerwacji wciąż pokazuje tylko „Coś poszło nie tak. Spróbuj ponownie.”, otwórz sklep w edytorze motywu: tam okno rezerwacji mówi Tobie, i tylko Tobie, co jest nie tak. W Shopify przejdź do Ustawienia → Aplikacje → Rezervito, otwórz raz podany tam adres URL App proxy, a potem odśwież sklep.