Szablon dla Gastronomii

1. Wstęp

Szablon jest dedykowany do sprzedaży jedzenia online, możliwy do swobodnej konfiguracji. Jest responsywny, dzięki czemu idealnie nadaje się do prezentacji przepisów, menu lub promocji produktów żywnościowych. Może zostać zastosowany zarówno do niewielkiej, lokalnej pizzerii, jak i do restauracji, piekarni czy cukierni. Wszystkie elementy są zaprojektowane tak, aby jak najlepiej zaprezentować ofertę oraz ułatwić użytkownikowi nawigację i szybkie złożenie zamówienia. Główne wyróżniki szablonu to: Szablon współpracuje z Comarch e-Sklep w każdej wersji (Light, Standard, Enterprice oraz B2B) oraz Comarch ERP XT, ERP XL oraz ERP Optima. Przejdź do naszego sklepu demonstracyjnego i zobacz, jak prezentuje się szablon dla gastronomii w Comarch e-Sklep. W tym artykule skupiliśmy się na prezentacji dedykowanych funkcji dla tego szablonu. Znajdziesz tu krótkie instrukcje konfiguracji. Podstawowe informacje na temat szablonu dla gastonomii znajdziesz w artykule: Dla gastronomii - podstawowe informacje.

2. Dedykowane konfiguracje

Szablon Dla Gastronomii posiada dedykowane funkcje, które są możliwe do swobodnej modyfikacji. Funkcje te nie są dostępne w innych, standardowych szablonach. W szablonie dla Gastronomii kupowanie jest możliwe bezpośrednio z listy. Menu, bo tak została nazwana sekcja z listą towarów, dostępne jest do prezentacji w dwóch wariantach: kafli oraz listy. Zmiana układu listy możliwa jest z poziomu panelu administracyjnego (Wygląd sklepu/ Ustawienia/ zakładka Zarządzanie kaflem produktu). Podczas kupowania bezpośrednio z menu wyświetla się popup, który posiada następujące informacje: Dzięki temu możliwa jest personalizacja danego towaru, a Klient w szybki sposób może wybrać ekstra składniki czy dodatki w postaci np. sosów do dania głównego. Może również wybrać rodzaj pieczywa czy rozmiar burgera. Nad przyciskiem "dodaj do koszyka" znajduje się tzw. przycisk drugorzędny. Służy on do wpisania liczby, przez którą wartości wybrane w popupie oraz towar nadrzędny (jakim w tym przypadku jest burger) zostaną pomnożone.

2.1. Wybór wariantów - konfiguracja "rozmiar burgera" oraz "rodzaj pieczywa"

Burger został skonfigurowany jako fantom. Informacje takie jak "rozmiar burgera" czy "rodzaj pieczywa" to jego warianty. Instrukcję dotyczącą konfiguracji fantomów znajdziesz w artykule: Fantom (towar zgrupowany) – konfiguracja

Wskazówka

Na zrzucie ekranu w popupie widnieje fantom dwupoziomowy (rozmiar burgera i rodzaj pieczywa), co oznacza, że należy dodać dwa atrybuty grupujące na karcie towaru w systemie ERP.

2.2. Składniki i dodatki

"Składniki" oraz "dodatki" to towary proste, które klienci mogą dodać do dania głównego. Poprawnie skonfigurowane wyświetlą się na popupie podczas kupowania z listy. W systemach ERP definiowane są jako zamienniki lub towary podobne. Jest kilka rzeczy, o których musisz pamiętać podczas konfiguracji dodatków i składników: Poniżej zamieściliśmy instrukcję konfiguracji dla poszczególnych systemów ERP.

2.3. Składniki

2.3.1. W jaki sposób zostały skonfigurowane "Składniki" w ERP Optima?

Towary znajdujące się w popupie jako "składniki" to zamienniki utworzone w systemie Comarch ERP Optima. Aby towar wyświetlił się poprawnie, należy: Krok 1. Utworzyć w systemie Comarch ERP Optima kategorię o nazwie i kodzie "INNE",

Wskazówka

Grupa musi być domyślną dla składników, które się w niej znajdują. Dodatkowo musi ona zostać dodana jako podgrupa grupy głównej, która została wybrana na definicji oddziału.

Krok 2. Utworzyć towar prosty (czyli np. dodatkowy ser), przyporządkować go do grupy INNE, Krok 3. Do towaru nadrzędnego (w tym przypadku burgera) dodać zamiennik jednostronny, Krok 4. Po wykonaniu synchronizacji produkty będą widoczne na popupie. Dodatkowo, produkty, które są w kategorii  "INNE" nie wyświetlą się w menu. Grupa ta nie jest także widoczna w menu kategorii.  

2.3.2 W jaki sposób zostały skonfigurowane "Składniki" w ERP XT?

Towary znajdujące się w popupie jako "składniki" to produkty podobne utworzone w systemie Comarch ERP XT. Aby towar wyświetlił się poprawnie, należy: Krok 1. Utworzyć w systemie Comarch ERP XT grupę produktów o nazwie "INNE", Krok 2. Utworzyć towar (np. dodatkowa szynka), przyporządkować go do grupy "INNE". Krok 3. Na karcie towaru nadrzędnego (w tym przypadku burgera) dodać produkt podobny (jednostronny), Krok 4. Po wykonaniu synchronizacji produkty będą widoczne na popupie. Dodatkowo, produkty, które są w kategorii  "INNE" nie wyświetlą się w menu. Grupa ta nie jest także widoczna w menu kategorii.  

2.3.3 W jaki sposób zostały skonfigurowane "Składniki" w ERP XL?

Towary znajdujące się w popupie jako "składniki", to produkty podobne utworzone w systemie Comarch ERP XL. Aby towar wyświetlił się poprawnie, należy: Krok 1. Utworzyć w systemie Comarch ERP XL grupę produktów o nazwie "INNE". Grupa musi zostać dodana jako podgrupa grupy głównej, która została wybrana na definicji oddziału,

Przyklad

Jeśli na definicji oddziału w zakładce Eksport/ Cennik wybierzesz grupę Szablon gastronomiczny: To należy w niej dodać podgrupę o nazwie "INNE".

Krok 2. Utworzyć towar prosty(np. szynka), przyporządkować go do grupy "INNE". Krok 3. Na karcie towaru nadrzędnego (w tym przypadku pizza hawajska) dodać zamiennik(jednostronny) w zakładce Zamienniki/ Zamienniki. Dodatkowo w edycji zamienników w zakładce "Miejsca w strukturze firmy" trzeba dodać oddział e-Sklepu, Krok 4. Po wykonaniu synchronizacji produkty z grupy "INNE" będą widoczne na popupie jako składniki, ale nie wyświetlą się jako osobna grupa "INNE" w menu kategorii.

2.4 Dodatki

2.4.1 W jaki sposób zostały skonfigurowane "Dodatki" w Comarch ERP Optima?

Towary znajdujące się w popupie jako "dodatki" to zamienniki utworzone w systemie Comarch ERP Optima. Aby towar wyświetlił się poprawnie, należy: Krok 1. Utworzyć towar prosty (czyli np. oliwa z oliwek), przyporządkować go do grupy, która jest udostępniona do e-Sklepu, najwygodniej jeśli posiada ona nazwę "DODATKI". Krok 2. Do towaru nadrzędnego (w tym przypadku burgera) dodać zamiennik jednostronny, Efekt: Po wykonaniu synchronizacji produkty będą widoczne na popupie. Dodatkowo, produkty z kategorii "DODATKI" wyświetlą się w menu, a grupa będzie widoczna w menu kategorii.

2.4.2 W jaki sposób zostały skonfigurowane "Dodatki" w Comarch ERP XT?

Towary znajdujące się w popupie jako "dodatki" to produkty podobne utworzone w systemie Comarch ERP XT. Aby towar wyświetlił się poprawnie, należy: Krok 1. Utworzyć towar (np. sos czosnkowy), przyporządkować go do grupy, która jest udostępniona do e-Sklepu, najwygodniej o nazwie "DODATKI" lub innej. Krok 2. Do towaru nadrzędnego (w tym przypadku burgera) dodać produkt podobny (jednostronny), Efekt: Po wykonaniu synchronizacji produkty będą widoczne na popupie jako dodatki. Kategoria "DODATKI" wyświetli się w Menu, obok innych kategorii stworzonych w systemie ERP XT.

2.4.3 W jaki sposób zostały skonfigurowane "Dodatki" w Comarch ERP XL?

Towary znajdujące się w popupie jako "dodatki" to zamienniki utworzone w systemie Comarch ERP XL. Aby towar wyświetlił się poprawnie, należy: Krok 1. Utworzyć towar prosty (czyli np. cola), przyporządkować go do grupy, która jest udostępniona do e-Sklepu, najwygodniej o nazwie "DODATKI". Krok 2. Na karcie towaru nadrzędnego (w tym przypadku pizza hawajska) dodać zamiennik(jednostronny) w zakładce Zamienniki/ Zamienniki. Dodatkowo w edycji zamienników w zakładce "Miejsca w strukturze firmy" trzeba dodać oddział e-Sklepu, Efekt: Po wykonaniu synchronizacji produkty będą widoczne na popupie. Dodatkowo, produkty z kategorii "DODATKI" wyświetlą się w menu kategorii, które widoczne jest nad menu  

3. Alergeny

Szablon dla Gastronomii został dostosowany do wyświetlania tabel z alergenami, które mogą znaleźć się w produktach. Alergeny możesz wyświetlić zatem za pomocą:

3.1. Alergeny jako atrybuty - widoczność na szczegółach towaru - Konfiguracja ERP Optima

Aby dodać spis produktów lub substancji uczulających, który zostanie wyświetlony w zakładce "Alergeny" widocznej na szczegółach towaru, należy: Krok 1. Utworzyć w ERP Optima atrybut tekstowy o nazwie ALERGENY Krok 2. Atrybut należy dodać do towaru, na którym na być widoczny. Aby to zrobić, należy przejść z pozycji cennika do zakładki Atrybuty Krok 3. W polu "wartość" należy wpisać alergeny, które mogą się znaleźć w produkcie. Pole to posiada ograniczenie ilości znaków . W tym wypadku, jeśli zabraknie miejsca, to możliwe jest utworzenie kolejnego atrybutu, tym razem o nazwie ALERGENY_DWA. Kolejno można tworzyć atrybuty ALERGENY_TRZY itd. Efekt: Po synchronizacji alergeny zostaną wyświetlone na szczegółach towaru w zakładce "Alergeny"      

3.2. Alergeny jako atrybuty - widoczność na szczegółach towaru - Konfiguracja ERP XT

Aby dodać spis produktów lub substancji uczulających, który zostanie wyświetlony w zakładce "Alergeny" dostępnej na szczegółach towaru, należy: Krok 1. Utworzyć w systemie ERP XT atrybut o nazwie ALERGENY Krok 2. Atrybut należy dodać do towaru, na którym ma być widoczny. Aby to zrobić, należy przejść na kartę towaru w zakładkę e-Sklep: Krok 3. W polu "wartość PL" należy wpisać alergeny, które mogą się znaleźć w produkcie. Pole to posiada ograniczenie. W tym wypadku, jeśli zabraknie miejsca, to możliwe jest utworzenie kolejnego atrybutu, tym razem o nazwie Alergeny_dwa. Kolejno można tworzyć atrybuty Alergeny_trzy itd. Efekt: Po synchronizacji alergeny zostaną wyświetlone na szczegółach towaru w zakładce "Alergeny"  

3.3. Alergeny jako atrybuty - widoczność na szczegółach towaru - Konfiguracja ERP XL

Krok 1. Utworzyć w systemie ERP XL atrybut tekstowy o nazwie ALERGENY Krok 2. Atrybut należy dodać do towaru, na którym na być widoczny. Aby to zrobić, należy przejść z pozycji cennika do zakładki Atrybuty: Krok 3. W polu "wartość" należy wpisać alergeny, które mogą się znaleźć w produkcie. Pole to posiada ograniczenie ilości znaków . W tym wypadku, jeśli zabraknie miejsca, to możliwe jest utworzenie kolejnego atrybutu, tym razem o nazwie ALERGENY_DWA. Kolejno można tworzyć atrybuty ALERGENY_TRZY itd. Efekt: Po synchronizacji alergeny zostaną wyświetlone na szczegółach towaru w zakładce "Alergeny"  

4. Określenie i walidacja obszaru dostawy

W szablonie dla Gastronomii możesz określić obszar dostawy. Możesz to zrobić na dwa sposoby: określenie za pomocą kodu pocztowego oraz mapy. Aby użyć funkcji w swoim e-Sklepie należy: Krok 1. Przejść do panelu administracyjnego, a następnie do zakładki Wygląd Sklepu/ Ustawienia/ zakładka Ogólne.  Krok 2. Następnie odnajdź "obszar dostaw" i określ obszar dostawy za pomocą mapy lub kodów pocztowych. Możesz zrezygnować z określania obszaru dostawy, wybierając opcję "nie określaj obszaru".

4.1. Określenie obszaru za pomocą mapy

Krok 1. Aby określić obszar za pomocą mapy wybierz odpowiednią opcję z listy. Po zaznaczeniu "Mapy" ukaże się mała mapa. Kliknij niebieski przycisk "wybierz obszar", po czym ustaw odpowiednio pinezki. Krok 2. Następnie, po określeniu obszaru, zapisz obszar, wybierając przycisk znajdujący się poniżej mapki. Efekt: Po zapisaniu obszaru na mapie zaznaczony będzie odpowiedni, określony przez Ciebie rejon. Aby zmienić lub usunąć obszar, wystarczy wybrać przycisk "wyczyść obszar", który pojawi się w lewym, dolnym rogu poniżej mapy. Zmiany należy zapisać i opublikować.

4.2. Określenie obszaru za pomocą kodu pocztowego

Krok 1. Aby określić obszar za pomocą kodu pocztowego wybierz odpowiednią opcję z listy. Krok 2. Po zaznaczeniu "Kodów pocztowych" ukaże się obszar, w którym należy wpisać obsługiwane kody. Po wpisaniu kodu, aby dodać kolejny, kliknij "Dodaj kod pocztowy". Zmiany należy zapisać i opublikować. Efekt: Wprowadzone przez Ciebie kody pocztowe będą widoczne w panelu administracyjnym. Możesz je usunąć poprzez kliknięcie krzyżyka. Nie ma ograniczeń ilości dodawanych kodów. Efekt w e-Sklepie: Klient po uzupełnieniu danych zamawiającego otrzyma od razu informację, czy jego adres znajduje się w obszarze dostawy.  

5. Realizacja zamówień

W szablonie dla Gastronomii możesz określić orientacyjny czas realizacji zamówienia, a także określić, kiedy jest ono możliwe do złożenia.

5.1. Orientacyjny czas realizacji zamówienia

Krok 1. Aby włączyć funkcję wystarczy przejść z poziomu panelu administracyjnego do obszaru Wygląd sklepu/ Ustawienia/ zakładka Ogólne po czym odnaleźć sekcję "Realizacja zamówień". Krok 2. Następnie w "Orientacyjny czas realizacji zamówienia" należy wpisać czas, w jakim zazwyczaj dostarczasz zamówienie:   Efekt: Po złożeniu zamówienia Twoi Klienci zobaczą thank you page z odliczaniem czasu do realizacji:

5.2. Zezwól na składanie zamówień tylko w wybranym zakresie godzin

We wspomnianym obszarze "Realizacja zamówień" istnieje także funkcja, która pozwala na składanie zamówień tylko w wybranym zakresie godzin oraz blokowaniu składania zamówień w wybrane dni (np. święta). Krok 1. Aby ją uruchomić, wystarczy zaznaczyć checbox " Zezwój na składanie zamówień tylko w wybranym zakresie czasu" Krok 2. W tym miejscu możesz ustawić godziny oraz dni, w których klienci mogą składać zamówienia. Zapisz wprowadzone godziny. Jeśli chcesz usunąć "aktualnie zablokowane daty dostaw" , naciśnij krzyżyk znajdujący się po prawej stronie określonej daty. Efekt: Klient przeglądający menu przy próbie złożenia zamówienia w czasie, którego nie obejmuje zakres realizacji zamówień, zobaczy wówczas następujący komunikat:    

Wstęp

Szablon jest dedykowany do sprzedaży jedzenia online, możliwy do swobodnej konfiguracji. Jest responsywny, dzięki czemu idealnie nadaje się do prezentacji przepisów, menu lub promocji produktów żywnościowych. Może zostać zastosowany zarówno do niewielkiej, lokalnej pizzerii, jak i do restauracji, piekarni czy cukierni. Wszystkie elementy są zaprojektowane tak, aby jak najlepiej zaprezentować ofertę oraz ułatwić użytkownikowi nawigację i szybkie złożenie zamówienia. Główne wyróżniki szablonu to: Przejdź do naszego sklepu demonstracyjnego i zobacz, jak prezentuje się szablon dla gastronomii w Comarch e-Sklep. W niniejszym artykule zawarliśmy podstawowe informacje na temat funkcji dostępnych w szablonie. Dzięki udogodnieniom i możliwości edycji niektórych elementów możesz łatwo spersonalizować swój e-Sklep. Szczegółowe instrukcje z dedykowanymi konfiguracjami znajdziesz w artykule: Dla gastronomii - przewodnik konfiguracji. Szablon możesz dowolnie modyfikować z poziomu Kreatora Wyglądu dla sprzedaży detalicznej (B2C). Wystarczy, ze przejdziesz na stronę Kreatora i edytujesz szablon "Dla Gastronomii":  

Konfiguracja szablonu Dla Gastronomii w panelu administracyjnym

Z poziomu panelu administracyjnego możesz dokonywać edycji każdego elementu znajdującego się na stronie. Możesz także ustalać sposoby dostaw oraz płatności. Po przejściu do sekcji Wygląd sklepu/ Ustawienia dostępne są ustawienia dla zakładek: Ogólne, Strona główna, Dodatkowe, Zarządzanie strefą klienta oraz Zarządzanie kaflem produktu.

Ustawienia Strony Głównej

Ustawienia zawarte w tym miejscu odpowiadają za elementy, które wyświetlane są na stronie głównej. Możesz zmieniać ich kolejność, nazwę, ukryć je lub wyróżnić. W tym miejscu wyróżnia się następujące sekcje:

Ustawienia nagłówka strony

W nagłówku znajdują się następujące elementy: W tym miejscu możesz nie tylko dodać link do nagłówka, ale także ustalić, czy i jakie odnośniki do stron mają być widoczne. Możliwa jest też zmiana kolejności wyświetlania poszczególnych elementów.

Ustawienia treści strony

Pozostając w obszarze Wygląd sklepu/ Ustawienia/ Strona główna możesz zmienić ustawienia treści strony. W tym miejscu również istnieje możliwość zmiany kolejności wyświetlania poszczególnych elementów na stronie głównej sklepu oraz ukrycia elementu.  

Elementy w szablonie

1. Nagłówek

W szablonie dla gastronomii dostępne są dwa rodzaje nagłówka: header-1 oraz header-6. Te rodzaje nagłówków dostępne są w Kreatorze i posiadają funkcję tzw. przyklejonego nagłówka. Przy przewijaniu strony u góry ekranu zawsze widoczny jest pasek z częścią elementów nagłówka (m.in. menu). Dzięki temu przeglądający ofertę w każdym miejscu strony ma dostęp do skróconej wersji nagłówka strony. Sekcja „Nagłówek” posiada dodatkowe opcje do ustawienia. Z listy menu, możesz decydować o:

2. Banner

W szablonie Dla Gastronomii udostępniliśmy sześć rodzajów bannerów. Z poziomu Kreatora Wyglądu możesz zdecydować, które z nich powinny znaleźć się na Twojej stronie. Aby dodać zdjęcia do banneru przejdź do zakładki Wygląd sklepu/ Ustawienia/ Bannery, a następnie klikając na kafelek o nazwie mainBanner wybierz odpowiednie zdjęcie.   

  Szczegóły na temat dodawania i edycji bannerów znajdują się w artykule: Bannery.  

3. Menu

W szablonie dla Gastronomii kupowanie jest możliwe bezpośrednio z listy. Menu, bo tak została nazwana sekcja z listą towarów, dostępne jest do prezentacji w dwóch wariantach: kafli oraz listy. Zmiana układu listy możliwa jest z poziomu panelu administracyjnego (Wygląd sklepu/ Ustawienia/ zakładka Zarządzanie kaflem produktu).

4. Popup – kupowanie z listy

Podczas kupowania bezpośrednio z menu wyświetli się popup, za pomocą którego możliwa jest personalizacja danego towaru: Dzięki temu klient w prosty i szybki sposób może wybrać dodatkowe składniki czy dodatki w postaci np. sosów. Może również wybrać rodzaj pieczywa czy rozmiar burgera.

5. Koszyk

W szablonie Dla Gastronomii składanie zamówienia jest szybkie i wygodne dla użytkownika. Koszyk został zaprojektowany tak, aby użytkownik mógł w jednym kroku wypełnić niezbędne dane:  Po uzupełnieniu powyższych informacji można przejść do podsumowania, w którym prezentowane są wcześniej wprowadzone dane klienta. Oprócz tego w koszyku następuje sprawdzenie rejonu dostawy. Klient, po wpisaniu adresu, otrzyma natychmiast informację, czy znajduje się on w rejonie, gdzie dowozisz zamówienia. Dodatkowo, po finalizacji zamówienia, Klient zobaczy czas pozostały do jego realizacji:       W szablonie istnieje także możliwość wyświetlania w koszyku informacji o kwocie, której brakuje do darmowej dostawy.  Funkcja ta możliwa jest do uruchomienia z poziomu Panelu Administracyjnego w sekcji Wygląd sklepu/ Ustawienia/ Ustawienia szablonu/ Ogólne: Ustawienia można zmienić według własnego uznania. Po dokonaniu wyboru należy użyć opcji Zapisz i Publikuj.

6. Widget

Sekcja „Widget” pozwala dodać jeden z dwóch dostępnych wariantów, które pozwolą zaprezentować informacje, takie jak: zdjęcie, tytuł nagłówka, tekst przycisku, link do przycisku, a także opis. Widget można dodać podczas tworzenia szablonu dla Gastronomii w Kreatorze Wyglądu.

7. Lookbook

Widok ten charakteryzuje się prezentacją zdjęć w formie kafelków i precyzyjnym oznaczeniem towarów na zdjęciu. Dzięki znacznikom umieszczonym na grafice Twoi klienci będą mogli podejrzeć towar i dodać go bezpośrednio do koszyka. Po kliknięciu na przycisk wyświetli się popup ze szczegółami towaru oraz opcją zakupu.

Wskazówka

Rekomendowany rozmiar grafik do lookbooka to 560 x 500 px.

Aby poprawnie skonfigurować lookbook, skorzystaj z naszej instrukcji zawartej w artykule: Jak skonfigurować Lookbook w Comarch e-Sklep?

8. Blog

Prowadzenie bloga jest istotnym elementem sklepu internetowego. Dzięki niemu sprzedawca może dzielić się swoją wiedzą i spostrzeżeniami na temat reklamowanych produktów. W szablonie dla gastronomii blog możesz wykorzystać np. do prezentacji przepisów. Prowadzenie bloga ma również dobry wpływ na pozycjonowanie ze względu na unikalne treści. Dzięki temu Twój e-Sklep może częściej pojawiać się w wynikach wyszukiwania. W szablonie Dla Gastronomii masz możliwość tworzenia dowolnej ilości wpisów. Na stronie głównej wyświetlone zostaną trzy najnowsze. Użytkownik ma możliwość podglądu całej listy artykułów. Wystarczy, że kliknie w etykietę Najnowsze wpisy.   Szczegółowe informacje na temat konfiguracji bloga w e-Sklepie znajdują się w artykule: Jak skonfigurować blog?

9. Info-banner

Banner informacyjny pozwala na zaprezentowanie w przejrzysty sposób korzyści z zakupów w Twoim e-Sklepie. Modyfikacji tego obszaru dokonasz z poziomu panelu administracyjnego przechodząc do sekcji Wygląd sklepu/ Ustawienia/ Bannery. Następnie przechodząc do szczegółów banneru o nazwie info-banner dostosujesz element do swoich preferencji. Możesz skorzystać z domyślnych grafik lub dodać własne. Szczegółowe informacje na temat konfiguracji info-banneru znajdują się w artykule: Konfiguracja banneru informacyjnego w szablonie.

11. Element tekstowy ze zdjęciem

Element tekstowy ze zdjęciem charakteryzuje się możliwością wprowadzenia statycznego opisu na stronie głównej w twoim e-Sklepie. Możesz zawrzeć w nim np. podstawowe informacje na temat Twojej firmy, asortymentu lub inne wartościowe dla Ciebie treści. Element tekstowy możesz odpowiednio skonfigurować przechodząc do sekcji Wygląd sklepu/ Ustawienia/ Edytuj ustawienia zaawansowane, a następnie do zakładki Obiekty, gdzie skonfigurujesz zawartość elementu.

Wskazówka

Za wyświetlanie elementu tekstowego w szablonie dla Gastronomii odpowiada obiekt o nazwie text-el-photo-mp-1.

Więcej informacji na temat konfiguracji znajduje się w artykule: Element tekstowy w szablonie.

11. Stopka

Dzięki modyfikacji obszaru możesz jeszcze bardziej spersonalizować swój sklep poprzez uzupełnienie stopki w szereg przydatnych informacji. Elementem tym możesz zarządzać z poziomu sekcji Wygląd Sklepu/ Ustawienia/ Nagłówek i Stopka.  Szczegółowe informacje na temat konfiguracji stopki znajdują się w artykule: Rozbudowana stopka w szablonach – jak ją skonfigurować?

12. Strefa Klienta

Do Strefy Klienta w szablonie Dla Gastronomii masz możliwość zalogowania się poprzez Facebooka oraz przez Google. Więcej na temat konfiguracji logowania przez Facebooka i Google znajdziesz tutaj.  

Wstęp

Banner top jest bannerem, który wyświetla się na samej górze witryny. Ma on na celu wyróżnić informacje, które chcesz przekazać swoim klientom. Z tego względu w ramach banneru top możesz dodać zarówno treść, jak również linki, które będą prowadzić do istotnych obszarów. Dzięki temu możesz zaprezentować klientom informacje o ofercie w Twoim sklepie. Wskazana prezentacja wielu linków możliwa jest w szablonach Topaz oraz Dla gastronomii.

Jak zaprezentować wiele linków w bannerze top?

Krok 1. Aby ustawić wskazany banner według własnych potrzeb przejdź do sekcji Wygląd sklepu > Ustawienia > Bannery. W tym miejscu powinien znajdować się banner o nazwie top: Krok 2. W ramach edycji banneru przejdź do sekcji Widok zaawansowany: Krok 3. Po otwarciu wskazanego widoku masz możliwość kilku opcji konfiguracji banneru top - w ramach domyślnych ustawień dla banneru wypełniona jest sama treść. Do banneru można dodać także link. W takim wypadku całość banneru top będzie klikalna, a wypełniony tekst zostanie zaprezentowany na środku banneru: Krok 4. Do banneru top można dodać dodatkowe linki. Należy to zrobić wchodząc do edycji banneru lub poprzez opcję Dodaj więcej linków: Krok 5. Z poziomu wskazanej opcji w zakładce Linki za pomocą przycisku plusa masz możliwość dodania linku: Następnie możesz wprowadzić nazwę, dodać link oraz zadecydować czy ma się on otwierać w nowym oknie:

Wskazówka

Aby prezentować wiele linków w szablonie należy uzupełnić link i nazwę dla linku domyślnego.

Dzięki dodaniu wielu linków masz możliwość ich prezentacji banneru top w następujący sposób:

Wskazówka

Opcja wielu linków w bannerze top jest możliwa do skonfigurowania wraz z odliczaniem czasu. W ramach takiej konfiguracji możliwe jest wyświetlenie do 4 linków. Informacje o konfiguracji banneru top z odliczaniem czasu można znaleźć w artykule Jak zaprezentować banner z odliczaniem czasu w szablonach B2C? W takim przypadku należy uzupełnić konfigurację linków, ustawić opcję odliczania czasu, jak również uzupełnić pole "Tekst". Dzięki temu banner top zyska następujący wygląd:

 

Wstęp

Z dniem 28 czerwca 2025 roku w życie wejdą przepisy związane z implementacją ustawy z dnia 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług. Wdraża ona do polskiego prawa tzw. Europejski Akt o Dostępności (EAA) – unijną dyrektywę 2019/882. Celem ustawy jest zapewnienie, że kluczowe produkty i usługi będą dostępne dla wszystkich użytkowników, w tym osób z niepełnosprawnościami. Przedsiębiorcy mają czas do 28 czerwca 2025 roku, aby dostosować swoje produkty i usługi do nowych wymogów.

Wskazówka

Chcesz dowiedzieć się więcej o tych przepisach? Sprawdź artykuł w naszym Centrum Pomocy: Europejski Akt o Dostępności (EAA) i zapoznaj się ze szczegółami

W niniejszym artykule wskazujemy, jakie czynności należy wykonać, jeśli posiadasz jeden ze standardowych szablonów Comarch, czyli: Rubin, Szafir, Topaz, One Page Shop lub Dla Gastronomii.   

Sprawdź, jaki szablon posiadasz

Nie wiesz, który szablon posiadasz? Możesz to sprawdzić w panelu administracyjnym Comarch e-Sklep. Aby to zrobić, z poziomu panelu administracyjnego przejdź do zakładki Wygląd sklepu/ Ustawienia a następnie, pod przyciskiem "Więcej" wybierz Edytuj ustawienia zaawansowane. W obszarze, który został wyświetlony, pojawi się kilka zakładek, a wśród nich zakładka "Szablon". Wybierz ją, po czym sprawdź szablon:   Jeśli Twój szablon to Rubin, Szafir, Topaz, One Page Shop lub Dla Gastronomii, to możesz przejść do kolejnej części artykułu. Jeśli posiadasz własny szablon z indywidualnymi modyfikacjami, to przejdź do artykułu: Posiadam własny szablon, jak mogę go dostosować do kryteriów WCAG 2.1/2.2?  Jeśli posiadasz szablon Bursztyn, Agat lub Opal, to przejdź do artykułu: Posiadam szablon Bursztyn, Opal lub Agat, jak mogę go dostosować do kryteriów WCAG 2.1/2.2?  

Co zrobić jako właściciel e-Sklepu lub Partner, jeśli używam gotowych szablonów Comarch?

Jeśli korzystasz z gotowych szablonów, takich jak Rubin, Szafir, Topaz, One Page Shop lub Dla Gastronomii, nie musisz przejmować się samodzielnym edytowaniem ich kodu. Wszystkie usprawnienia zostaną udostępnione wraz z aktualizacją, która pojawi się w czerwcu 2025 roku.

Wskazówka

Aktualizację szablonu wykonaj wtedy, kiedy będzie ona dostępna. Realizacja wersji 2025.4 przewidywana jest przed 28 czerwca 2025 roku, poinformujemy o niej w aktualnościach. Będzie ona zawierała zmiany związane z omawianymi tutaj przepisami.

Jak zaktualizować szablon?

Aby zaktualizować szablon i przejść na Topaz, One Page Shop, Dla Gastronomii, Rubin lub Szafir, należy skorzystać z aktualnej wersji Kreatora Wyglądu. Pamiętaj, że szablony Rubin i Szafir przeznaczone są tylko dla sklepów Enterprise i B2B. Odnośnik znajduje się również w panelu administracyjnym e-Sklepu w sekcji Wygląd sklepu > Kreator wyglądu.  Istnieją trzy możliwości aktualizacji tych szablonów: Pamiętaj o zapisaniu szablonu oraz opublikowaniu go w e-Sklepie. Zmiany wprowadzone w ustawieniach zostaną zsynchronizowane do sklepu po 10 minutach.

Wskazówka

Informacje na temat aktualizacji znajdują się w Centrum Pomocy: Jak zaktualizować szablon do najnowszej wersji?  

Więcej informacji na temat Kreatora Wyglądu B2C oraz B2B znajduje się w Centrum Pomocy:

Odpowiedni kontrast kolorów w e-Sklepie – wymóg WCAG na poziomie AA

Jednym z głównych wymogów WCAG jest stosowanie odpowiednich kontrastów na stronach internetowych. Jeśli w wybranym szablonie graficznym wykorzystujesz któryś ze standardowych motywów kolorystycznych dostępnych w kreatorach, to zostaną one dostosowane do wymagań wynikających z przepisów. Jeśli natomiast masz przygotowany własny motyw kolorystyczny lub chcesz zmienić część kolorów zastosowanych w szablonie, to pamiętaj, że muszą one posiadać odpowiednie kontrasty. Wszelkich zmian kolorystycznych możesz dokonać w Kreatorze Wyglądu.  Odpowiedni kontrast między tekstem a tłem jest kluczowy dla osób z dysfunkcjami wzroku. WCAG 2.1 określa minimalny współczynnik kontrastu (4.5:1 dla tekstu zwykłego i 3:1 dla tekstu dużego). Ważne jest również unikanie łączenia kolorów, które mogą być trudne do rozróżnienia, takich jak czerwony i zielony. Kontrasty po modyfikacji kolorów możesz sprawdzić np. narzędziem WAVE. WAVE to popularny, dostępny dla wszystkich zestaw narzędzi do oceny dostępności stron internetowych. Rozszerzenia WAVE dla Chrome, Firefox i Edge, umożliwiają testowanie bezpośrednio w tych przeglądarkach, bez przesyłania danych na serwer WAVE. WAVE znajdziesz pod linkiem: WAVE Web Accessibility Evaluation Tools.  

Jak sprawdzić kontrast?

Przejdź na stronę swojego e-Sklepu. Włącz wtyczkę WAVE. Po prawej stronie ekranu wyświetli się panel boczny, na pierwszej zakładce widać podsumowanie całej strony: Już na tym etapie możesz przejść do szczegółów, klikając "View details". Możesz w tym miejscu przejść także do zakładki "Contrast".   Czerwone kwadraty oznaczają obszar do poprawy. Przejdź przez stronę, aby zobaczyć szczegóły każdego z nich. Po kliknięciu na jeden z kwadratów pokaże się komunikat dotyczący kontrastu: W panelu bocznym pojawi się dokładna informacja na temat koloru. W tym miejscu, korzystając z suwaków możesz od razu dostosować kolor tak, aby był odpowiedni i sprawdzić, czy spełnia wymagania WCAG.  

Gdzie dostosować kolory?

Kolory w szablonie możesz zmienić korzystając z Kreatora Wyglądu. Po imporcie szablonu, edycji lub stworzeniu nowego projektu, przejdź do zakładki "Style" i edytuj motyw kolorystyczny:   Następnie możesz zmieniać swobodnie kolor na wybranych elementach:   Zmian możesz dokonać także z poziomu panelu administracyjnego, przechodząc do zakładki Wygląd Sklepu > Ustawienia.

Pozostałe zmiany

Poza zmianami w szablonie graficznym sklepu należy uzupełnić szereg danych. Znaczącą część tych elementów możesz wykonać już teraz, nie czekając na aktualizację Comarch e-Sklep. Poniżej znajduje się lista zmian, które należy wdrożyć w swoim e-Sklepie.

Teksty alternatywne ("Alt", alty) w Comarch e-Sklep

Twój szablon musi obsługiwać parametr "alt" w obrazkach. Jeśli wykorzystasz aktualny szablon standardowy od Comarch to obsługę zapewnia Comarch e-Sklep, jeśli zdecydowałeś się na indywidualny szablon lub samodzielną aktualizację starszej wersji to upewnij się, że w szablonie są obsługiwane parametry "alt" we wskazanych elementach. Teksty alternatywne („alt”) to krótkie opisy obrazków, które pozwalają osobom korzystającym z czytników ekranu zrozumieć, co znajduje się na zdjęciu. Atrybut „alt” jest szczególnie ważny dla zdjęć produktów, ponieważ umożliwia przekazanie najważniejszych informacji o produktach.  Dlaczego tekst alternatywny jest taki ważny?  Dobrze sformułowany opis powinien być zwięzły, ale wystarczająco informacyjny. Poniżej prezentujemy przykłady dobrego i złego zastosowania opisów alternatywnych:

Przyklad

Poprawne :

• Czerwona sukienka maxi z rozcięciem, modelka na tle miejskiego pejzażu.
• Białe sneakersy z grubą podeszwą, ustawione na drewnianej podłodze.
• Nowoczesna sofa w kolorze szarym, z drewnianymi nogami, ustawiona w minimalistycznym salonie.
• Słuchawki bezprzewodowe z aktywną redukcją szumów, na białym tle.

Niepoprawne:

• Sukienka.
• Buty sportowe.
• Fajna kanapa.
• Najlepszy sprzęt w dobrej cenie!

Gdzie należy uzupełnić teksty alternatywne (alt)?

1. Dla zdjęć towarów w systemach Comarch ERP

Korzystam z Comarch ERP Optima

Po uruchomieniu Comarch ERP Optima przejdź na pozycję cennika, a następnie edytuj wybrany towar. Następnie przejdź na zakładkę "Atrybuty", a następnie do sekcji "Zdjęcia i załączniki". W tym miejscu zobaczysz kolumnę "Atrybut Alt". Po dwukrotnym kliknięciu możliwe jest uzupełnienie opisu alternatywnego: Po dokonaniu zmian należy je zapisać. Po wykonaniu wszystkich modyfikacji należy wykonać synchronizację.

Korzystam z Comarch ERP XL

Po uruchomieniu ERP XL przejdź do Sprzedaż > Towary , a następnie na zakładkę "Załączniki". Opis alternatywny dla towaru stanowi Kod:    

Korzystam z Comarch ERP XT

Przejdź na kartę produktu, a następnie do zakładki "Zdjęcia". Wśród pól do uzupełnienia znajdziesz "Opis alternatywny (Alt)".   W tym miejscu wpisz odpowiednią treść, a następnie zapisz wprowadzone zmiany.  

2. Dla zdjęć w bannerach – w panelu administracyjnym Comarch e-Sklep

Pamiętaj, alby alty (opisy alternatywne) były uzupełnione także w przypadku bannerów. Aby to zrobić, przejdź z poziomu panelu administracyjnego do Wygląd sklepu > Ustawienia > Bannery  do edycji swoich bannerów. Klikając na odpowiedni kafelek pojawią się opcje z uzupełnieniem Alt:

3. Dla zdjęć stosowanych na stronach z treściami formalnymi – w panelu administracyjnym Comarch e-Sklep

Obrazki możesz dodawać także do treści, które udostępniasz na specjalnych stronach, takich jak np. Regulamin sklepu, Polityka prywatności, Wysyłka itp. W obszarze do edycji, który jest dostępny z poziomu panelu administracyjnego w sekcji Ustawienia > Treści formalne edytuj interesującą Cię treść, a dodając obrazek uzupełnij alt:    

4. Dla zdjęć wprowadzonych w opisie towaru i opisie kategorii

Dodając opisy produktów i kategorii, warto upewnić się, że linkowane zdjęcia zawierają poprawnie uzupełniony atrybut "alt". To kluczowe dla osób korzystających z czytników ekranu. Dbałość o ten detal poprawia dostępność strony i zwiększa jej widoczność w sieci. Opis towaru i kategorii możesz dodać w systemach Comarch ERP.  Opis kategorii możesz ustawić również z poziomu panelu administracyjnego, bez konieczności korzystania z systemu ERP. Szczegółowe informacje znajdują się w artykule: Jak edytować kategorię w Comarch e-Sklep? 

5. Dla zdjęć w Blogu

Obrazki, które dodawane są dla wpisów blogowych od wersji 2025.4 będą posiadały atrybuty ALT oraz Title. Ich uzupełnienie będzie możliwe przy przejściu z poziomu panelu administracyjnego Comarch e-Sklep do sekcji Marketing > Blog przy dodawaniu wpisu:

6. Dla zdjęć w plikach użytkownika w sekcji "Twoje pliki"

Pliki użytkownika w e-Sklepie to dedykowana przestrzeń do przechowywania własnych materiałów, które mogą zostać wykorzystane w sklepie internetowym. Pliki można przesyłać za pośrednictwem panelu administracyjnego, w sekcji Ustawienia > Twoje pliki. Maksymalny rozmiar pojedynczego pliku: 3 MB. Pliki, które dodawane są we wspomnianym obszarze, od wersji 2025.4 będą posiadały atrybuty ALT oraz Title. Ich uzupełnienie będzie możliwe przy przejściu z poziomu panelu administracyjnego do sekcji Ustawienia > Twoje pliki przy edycji pliku lub jego dodaniu.

Wskazówka

Jeśli posiadasz sklep wielojęzyczny, to we wszystkich tych wymienionych powyżej obszarach, znajdują się również obrazki dla danego języka. Pamiętaj, alby atrybut ALT zdefiniować dla każdego z nich!

 

Atrybut title - obowiązkowy czy nie?

Atrybut title jest przydatny do przekazywania dodatkowych informacji o elementach HTML, widocznych jako podpowiedź po najechaniu kursorem. Może być używany w ikonach bez podpisu, formularzach czy linkach, aby dostarczyć kontekst. Nie jest jednak obowiązkowy według WCAG, ponieważ czytniki ekranu często go ignorują, a osoby nawigujące klawiaturą mogą nie mieć do niego dostępu.  

Zalecenia dla udostępnianych treści - ogranicz migające elementy

Jako właściciel sklepu musisz sam zadbać o to, jakie treści umieszczasz na swojej stronie. Migające elementy, takie jak animacje czy reklamy, mogą wywoływać problemy u osób z padaczką fotogenną. Według kryteriów WCAG 2.1 zalecane jest ograniczenie migających treści do maksymalnie trzech błysków na sekundę lub ich całkowite usunięcie. Jako właściciel sklepu musisz dbać o statyczne elementy lub spokojne animacje. Również treści zawarte w różnego typu prospektach, gazetkach czy folderach informacyjnych w formie dokumentów powinny być zgodne z wytycznymi WCAG.

1.Obrazki i bannery

W szablonach graficznych takie elementy mogą pojawić się na przykład w bannerach i elementach tekstowych ze zdjęciem. Upewnij się, że grafiki tam zamieszczone są odpowiednie, czyli bez intensywnych animacji i nieodpowiednich kolorów. Szczególną uwagę zwróć na pliki w formacie GIF. Sprawdź, w jaki sposób możesz skonfigurować bannery oraz elementy tekstowe ze zdjęciem.  

2.Materiały audio i viedo

Aby sklep internetowy był w pełni dostępny zgodnie z WCAG, właściciele muszą zadbać o dodanie audiodeskrypcji i transkrypcji do materiałów multimedialnych (filmy, nagrania dźwiękowe). Choć oba rozwiązania służą poprawie dostępności, mają różne funkcje. Dodanie tych elementów leży po stronie właścicieli sklepów. Do filmów, które udostępniasz, dodaj zatem widoczne napisy, a także dobrej jakości opis dźwiękowy. Ich brak może wykluczyć część użytkowników i wpłynąć na komfort korzystania ze strony. Dobre praktyki dostępności to nie tylko wymóg, ale też inwestycja w lepsze doświadczenie klientów.

Dostosuj komunikację mailową - aktualizacja lub zmiana treści e-mail

Dostosowanie treści e-mail zgodnie z wytycznymi WCAG to kluczowy krok w budowaniu dostępnej i klarownej komunikacji. W tej części artykułu przedstawiamy rozwiązania zarówno dla domyślnych wiadomości, jak i tych modyfikowanych, aby zapewnić ich lepszą czytelność i dostępność dla wszystkich odbiorców.

1.Treści mailowe są domyślne, nie zostały sformatowane

Jeśli treści nie zostały przez Ciebie zmienione i stanowią domyślne treści, które są dostępne w Comarch e-Sklep, to wystarczy, że zaktualizujesz je. Aby to zrobić, należy przejść w panelu administracyjnym do zakładki Ustawienia > Treści formalne, a następnie wybrać „Wysyłka e-mail i SMS”. Zakładka ta zawiera treści wiadomości wysyłane do klientów po wykonaniu określonych akcji, np. po zakupie czy rejestracji. W Comarch e-Sklep istnieje możliwość przywrócenia standardowej treści pojedynczej wiadomości e-mail lub wszystkich jednocześnie. Opcja ta stanowi również aktualizację treści e-mail. "Przywróć domyślną treść" dostępna jest w panelu administracyjnym e-Sklepu w menu Ustawienia/ Treści formalne/ Wysyłka e-mail i SMS na szczegółach każdej wiadomości, po kliknięciu w przycisk Więcej:  

2.Treści mailowe są modyfikowane, zostały przeze mnie zmienione

Jeśli posiadasz własne, dostosowane do Twojej komunikacji marketingowej treści e-mail, to sprawdź, czy są one odpowiednio napisane i sformatowane. Zastosuj się do poniższych wskazówek. W jaki sposób poprawnie napisać i sformatować treści? Szczegółowe informacje na temat edycji treści e-mail znajdują się a artykule: E-mail i SMS  

3.Załączniki (m.in. instrukcje, katalogi)

Należy zadbać o to, aby wszystkie udostępniane w sklepie załączniki, takie jak instrukcje czy katalogi, były zgodne z wytycznymi WCAG, zapewniając tym samym ich pełną dostępność dla wszystkich użytkowników.  

Dodatkowe narzędzia pomocne przy wdrażaniu WCAG

Przystosowanie e-Sklepu do wymogów nie musi wiązać się z dużymi wydatkami na zmiany w kodzie. Kluczowe aspekty dostępności można wdrożyć samodzielnie, wykorzystując opcje dostępne w systemach Comarch ERP, a także Kreatorze Wyglądu czy Panelu Administracyjnym. Warto pamiętać, że poprawa dostępności to nie tylko obowiązek wynikający z przepisów, ale także realna szansa na zwiększenie grona klientów oraz podniesienie komfortu ich zakupów. Istnieje kilka ogólnodostępnych narzędzi, które pomogą Ci dostosować sklep do wymogów. Obszerna lista narzędzi do oceny dostępności stron internetowych, zgodnych z WCAG znajduje się na stronie: Web Accessibility Evaluation Tools List .  

Podsumowanie

Dostępność cyfrowa to nie jednorazowe przedsięwzięcie, lecz ciągły rozwój i udoskonalanie. Regularne sprawdzanie funkcjonalności, optymalizacja elementów wizualnych i dostosowywanie sposobów interakcji pozwalają na stałe podnoszenie jakości doświadczeń użytkowników. Dążenie do pełnej zgodności ze standardami WCAG 2.1/2.2 oraz wymogami Europejskiego Aktu o Dostępności (EAA) nie tylko ułatwia nawigację wszystkim odwiedzającym, ale także buduje pozytywny wizerunek i wzmacnia pozycję na rynku. Wdrażanie kolejnych usprawnień to inwestycja w przyszłość, która przynosi korzyści zarówno właścicielom, jak i ich klientom.