Last Updated 16 hours ago
Tworzenie banera lub slidera obrazkowego
Tworzenie banera lub slidera obrazkowego
Moduł pozwala dodać do sklepu banery, slidery i bloki wideo - renderowane szybko i z dbałością o dostępność (a11y). W poniższym przykładzie skonfigurujesz baner obrazkowy: najpierw utworzysz blok i wskażesz, gdzie ma się pojawić, a następnie dodasz do niego slajd (zdjęcie). Baner z jednym slajdem jest statyczny, a z dwoma lub więcej - automatycznie zamienia się w obracający się slider.Krok 1. Przejdź do zakładki Banery i slidery.
Krok 2. Kliknij przycisk Dodaj nowy.
Krok 3. W polu Nazwa wpisz wewnętrzną nazwę, która pomoże Ci rozpoznać ten blok na liście. W tym przykładzie wpisz
Baner promocyjny.Krok 4. W polu Miejsca wyświetlania zaznacz jedno lub więcej miejsc, w których baner ma się pojawić w sklepie:
- Strona główna - tylko na stronie głównej,
- Góra każdej strony (nagłówek) - na każdej stronie, na samej górze,
- Pod nagłówkiem (obszar banera) - na każdej stronie, pod nagłówkiem,
- Nad stopką (każda strona) - na każdej stronie, tuż nad stopką.
Krok 5. W polu Typ wybierz Obraz - baner (1 slajd) lub slider (2+ slajdy).
Krok 6. W polu Układ wybierz szerokość banera:
- Pełna szerokość - baner zajmuje całą szerokość wiersza,
- Połowa szerokości - baner zajmuje połowę wiersza; utwórz drugi baner o połowie szerokości, aby oba wyświetliły się obok siebie (moduł automatycznie wyrówna ich wysokość).
Krok 7. W polu Proporcje obrazu wybierz proporcje pola, w którym wyświetlą się wszystkie slajdy. Obrazy wypełnią je bez zniekształceń (z przycięciem nadmiaru). Wybierz Automatycznie (z pierwszego slajdu), aby proporcje wynikały z pierwszego zdjęcia, albo ustaw stałe (np.
16:9, 4:3, 1:1).Krok 8. (Dotyczy slidera z 2+ slajdami) Ustaw przełącznik Autoodtwarzanie na Tak, aby slajdy zmieniały się automatycznie. Slidery z autoodtwarzaniem zawsze mają widoczny przycisk pauzy i respektują ograniczenie ruchu w systemie (a11y).
Krok 9. (Dotyczy slidera z 2+ slajdami) W polu Szybkość autoodtwarzania (ms) podaj czas wyświetlania jednego slajdu w milisekundach. W tym przykładzie wpisz
5000 (5 sekund).Krok 10. (Dotyczy slidera z 2+ slajdami) Ustaw przełącznik Zapętlenie na Tak, aby po ostatnim slajdzie slider wracał do pierwszego.
Krok 11. Upewnij się, że przełącznik Wyświetlany jest ustawiony na Tak - tylko wyświetlane banery pojawiają się w sklepie.
Krok 12. (Opcjonalnie) W polach Pokaż od i Pokaż do ustaw zakres dat, w którym baner ma być widoczny (włącznie). Pozostaw puste, aby nie ograniczać czasowo.
Krok 13. (Opcjonalnie) W sekcji Dni tygodnia zaznacz dni, w które baner ma się wyświetlać. Pozostawienie wszystkich odznaczonych oznacza wyświetlanie codziennie.
Krok 14. (Opcjonalnie) W sekcji Urządzenia zaznacz urządzenia, na których baner ma się wyświetlać (Komputer, Telefon, Tablet). Pozostawienie wszystkich odznaczonych oznacza wyświetlanie na każdym urządzeniu.
Krok 15. (Opcjonalnie) W sekcji Grupy klientów zaznacz grupy, którym baner ma być pokazywany. Jeśli żadna grupa nie zostanie zaznaczona, baner obejmie wszystkich klientów.
Krok 16. Kliknij Zapisz, aby zachować baner.
Krok 17. Baner pojawi się na liście, ale jest jeszcze pusty - dodaj do niego zdjęcie. Na liście, w wierszu banera, kliknij akcję Slajdy i dodaj slajd (opisano w osobnej instrukcji „Zarządzanie slajdami banera”). Pamiętaj: jeden slajd = baner statyczny, dwa lub więcej = obracający się slider.
Uwaga. Gdy baner zacznie się wyświetlać i klienci będą w niego klikać, na liście banerów pojawią się kolumny Wyświetlenia, Kliknięcia i CTR (skuteczność), dzięki którym ocenisz jego działanie.