W poniższym artykule dowiesz się jakie szybkie i proste jest skonfigurowanie tej niezwykle pomocnej funkcjonalności. Zaczynajmy!
Aby przygotować swój pierwszy Web Layer slider, przejdź do zadkładki “Onsite”, a następnie do sekcji “Web Layer slider”.
Nawiguj się po żółtym pasku menu, który znajduje się po prawej stronie ekranu.
Krok 1 - wybór szablonu
Masz kilka szablonów do wyboru. Kliknij na ten, który najbardziej odpowiada Twoim potrzebom. Automatycznie zostaniesz przeniesiony do kolejnego kroku, czyli edycji i personalizacji przygotowywanej przez Ciebie funkcjonalności.
Krok 2 - dopasuj slider do stylu Twojego sklepu
W tym kroku masz możliwość dopasowania slidera do wyglądu Twojej strony internetowej. Po lewej stronie ekranu umieszczone są dwa menu. Sekcja “Content” odpowiada za ustawienie tekstu, który ma znaleźć się na zakładce z Call To Action, czyli na tzw. Slider BAR, z której wysuwa się cały slider. Również w tym miejscu możesz dostosować pozostałe treści mające znaleźć się na pozostałej części baneru, czyli na Slider BODY.
W części “General settings” znajduje się przestrzeń na przygotowanie projektu graficznego Twojego slidera. Jako tło możesz wybrać zdjęcie, jeden kolor, lub gradient! Wybór należy tylko i wyłącznie do Ciebie i do Twoich preferencji! W tym miejscu dopasujesz również czcionkę i umieścić link do strony, na którą guzik CTA, po kliknięciu, przeniesie użytkownika.
Dopasowując komunikat, który chcesz przekazać swoim klientom poprzez Web Layer slider, oprócz dostosowywania istniejących w szablonie elementów, możesz również dodawać nowe!
Kliknij “Add element” i wybierz kolejny podstawowy element jak np. zdjęcie, przerwa pomiędzy elementami, czy przycisk, lub dodatkowe elementy pozwalające na zbieranie jeszcze większej ilości informacji o Twoich klientach, jak np. Data urodzin, którą możesz wykorzystać w scenariuszu urodzinowym, płeć, czy też numer telefonu, dzięki, którym będziesz mógł wysyłać SMS newslettery.
W trakcie całego procesu przygotowywania slidera możesz obserwować swoją pracę na bieżąco, dzięki podglądowi dostępnemu w tej sekcji. Pozwoli ci to na monitorowanie postępów pracy i ocenie wizualnej przygotowywanej przez Ciebie funkcjonalności. Sprawdzaj również na bieżąco podgląd onsite’u na urządzeniach mobilnych, dzięki możliwości łatwej zmiany podglądu urządzenia.
Krok 3 - wybierz miejsce wyświetlania
Jeśli przygotowany przez Ciebie slider wygląda już tak, jak powinien, przyszła pora na decyzję, w którym miejscu ma być umieszczony i na jakich urządzeniach ma się wyświetlać. Mogą to być jednocześnie urządzenia desktopowe i mobile, lub możesz wybrać je pojedynczo.
Wybierz również miejsce pojawienia się Web Layera slidera, tak aby nie zasłaniać żadnych innych kluczowych elementów na Twojej stronie.
Krok 4 - dodatkowe ustawienia elementu
Na końcu procesu tworzenia slidera musisz ustalić kiedy, na jaką długość czasu i na jakich stronach powinien się wyświetlać. Jest kilka opcji do wyboru:
Wyzwalacz pokazania się slidera - podejmij decyzję, czy kreacja ma wyświetlić się natychmiast, po wybranym okresie czasu, czyli np. z 5-sekundowym opóźnieniem, lub kiedy przewinie do 50% strony.
Miejsce, w którym ma się pokazać kreacja - tutaj wskazujesz, na jakich stronach będzie wyświetlał się slider. Może to być strona główna, każda strona Twojego e-commercu, strony produktowe, lub strony z konkretnym URL, lub dodanym HTML.
Okres czasu, kiedy slider będzie wyświetlany - możesz zdecydować, czy projekt pokaże się od razu, czy określonego przez Ciebie dnia. W tym miejscu możesz również określić, ile razy slider będzie widoczny, np. raz na godzinę.
Status subskrypcji - w tym miejscu możesz wybrać statusy subskrypcji Twoich klientów, którym ma pokazywać się konkretny, przygotowany przez Ciebie Web Layer slider. Możesz wybrać pomiędzy: wszyscy (any), subskrybenci (subscribed), wypisani (unsubscribed), oraz unsubcribed and unknown (wypisani i nieznani).
Tag - rozwijając listę możesz wybrać tag, jaki będzie przypisywanymi osobom, które zapiszą się do bazy za pomocą Web Layer slidera.
Nazwa Web Layera slidera - na koniec odpowiednio nazwij przygotowany przez Ciebie Web Layer slider, który wykorzystasz w swojej konkretnej kampanii.
Krok 5 - zobacz kreację w podglądzie i opublikuj ją
Podejrzyj zmiany klikając przycisk Preview -> Go to store.
Jeśli element jest w pełni gotowy, kliknij przycisk Publish, by Web Layer wyświetlał się na Twojej stronie.
Potrzebujesz dodatkowej pomocy?
Jeśli masz jakiekolwiek dodatkowe pytania dotyczące pracy z Web Layerem sliderem w edrone, skontaktuj się z nami na hello@edrone.me