Web Layers to onsite’owe kampanie wyświetlane na określonych podstronach wybranej grupie docelowej. Baner wyświetli się, jeśli klient wykona wybraną akcję lub dzięki wyzwalaczowi czasowemu.

Jednak to nie jest tekst przedstawiający możliwości tej funkcjonalności (opis Web Layers/WebLayers znajdziesz tutaj), a instrukcja tłumacząca krok po kroku przygotowanie efektywnej i efektownej kreacji na stronę sklepu.

Rozpocznij!

Panel konfiguracyjny Web Layers (lub WebLayers) odnajdziesz bezpośrednio w Mission Control, w menu po prawej stronie na trzeciej pozycji.

Jeśli właśnie tworzysz swoją pierwszą kreację, zobaczysz biały prostokąt ze znakiem plusa. Kliknij w niego, aby utworzyć projekt kampanii Web Layers.

Tworzenie kampanii podzielone jest na sześć etapów. Każdy z nich odpowiada za inny aspekt Twojej kreacji.

Zanim do nich przejdziesz, pamiętaj, że w systemie dostępne są trzy typy Web Layers:

  • Powitalne (Welcome Web Layer),

  • Pożegnalne (Exit Web Layer),

  • Warunkowe (Action Web Layer).

Każdy z nich pełni nieco inną funkcję, dlatego dobrze, abyś na tym etapie wiedział, jakiej akcji oczekujesz od użytkownika!

Etap 1: Settings

Ustawienia główne: W tej sekcji wybierasz najważniejsze ustawienia Twojej kampanii:

Nazwa (Web Layer Name):

Wybierz krótką, ale jednocześnie zrozumiałą nazwę dla Twojego Web Layera. Np.: „Wiosenna_Wyprzedaż_Overlay”

Typ (Web Layer Type):

Wybierz typ Web Layera - Powitalny, Pożegnalny, lub Warunkowy.

Konfiguracja Wyświetlania (Web Layer Configuration):

Ustaw szczegóły dotyczące wyświetlania kreacji:

  • Powitalny: Masz możliwość ustawienia częstotliwości wyświetlania (periodicityjak często chcesz, aby kreacja wyświetlała się jednemu użytkownikowi) i opóźnienia (delay — po jakim czasie od otwarcia strony pojawi się kreacja)

  • Pożegnalny: W tym typie masz tylko możliwość wyboru częstotliwości wyświetlania.

  • Warunkowy: Wybierz spośród dwóch typów akcji: dodanie do koszyka (add to cart — kreacja wyświetla się po dodaniu produktu do koszyka) i subskrypcja newslettera (newsletter subscription — wyświetlanie po zapisie na newsletter). Podobnie jak w powyższych, możesz również ustawić częstotliwość wyświetlania.

Tagi (Web Layer Tags):

Domyślnie każda kampania będzie posiadała tagi “From Web Layer” i “Footer”. Oczywiście możesz dodać swoje własne, zgodnie z Twoją przyjętą strategią i nomenklaturą.

Ustawienia kroju pisma (Font Parameters):

W tym kroku możesz, ale nie musisz, wybrać font specjalny — inny niż te, które znajdują się w liście standardowej. Pojawi się on później w sekcji Design.

Etap 2: Rules

Zasady wyświetlania: Prawdopodobnie jesteś zaznajomiony z naszym kreatorem zaawansowanych pop-up’ów. Ten działa podobnie. Główną różnicą są rozszerzone możliwości wyświetlania.

Możesz wybrać poszczególne zasady wyświetlania i kwantyfikatory między nimi (AND; OR), następnie zgrupować je w blokach, pomiędzy którymi również masz możliwość ustawienia zależności logicznych. Na przykład:

Banner wyświetli się:

(w styczniu lub czerwcu lub listopadzie) oraz (na desktopie lub na tablecie)


Etap 3: Templates

Szablony: W tym etapie możesz wybrać jeden z przygotowanych przez nas szablonów, który następnie dostosujesz do swoich potrzeb.

Etap 4: Position

Jak mówiliśmy wcześniej, pop-upy są podobne do pop-upów, ale zachowują się nieco inaczej. Mogą, na przykład, podążać za użytkownikiem w trakcie przewijania strony. Mogą także przykrywać część treści strony lub wyświetlać się jako jej „przedłużenie”. W tej sekcji ustawisz pozycję i rodzaj Web Layera.

  • Overlay pojawia się na dodatkowej warstwie na stronie, zakrywając jej część. Jeśli użytkownik przemieszcza się po podstronie, banner podąża za ekranem.

  • Stripper pojawia się jako nagłówek lub stopka. Tworzy dodatkową przestrzeń, rozpychając stronę, więc nie zakrywa żadnej treści.

  • Slider pojawia się z prawej lub lewej strony. Początkowo jako mała zakładka z głównym Call To Action. Po kliknięciu rozwija się, prezentując całą treść.

Krok 5: Design

Dizajn: Wedle uznania możesz użyć dowolnych kolorów, gradientów, czy nawet załadować przygotowany obrazek (JPEG, PNG, GIF) jako tło Web Layera (WebLayera).

Po dodaniu wszystkich niezbędnych elementów ułóż je dokładnie według preferencji, korzystając z możliwości, jakie daje Ci kreator Drag’n’Drop.

[IMG Design]

Krok 6: Preview

Podgląd: Na tym etapie możesz sprawdzić, jak prezentuje się Twoja kreacja w akcji.

Sprawdzanie podglądu na telefonie może być problematyczne, dlatego przygotowaliśmy dedykowane QR kody, dzieki którym szybko wyświetlisz podgląd, skanując kod za pomocą smartfona.

Podgląd możesz wyświetlić bezpośrednio w Mission Control lub w „naturalnym” środowisku — na stronie sklepu. Bez obaw — podgląd jest niewidoczny dla Twoich klientów.

Jeśli wszystko jest w porzadku — opublikuj kreację!

Podsumowanie

Teraz już wiesz, jak zabrać się za Tworzenie Web Layers (WebLayers). Koniecznie przetestuj wszystkie konfiguracje samodzielnie! Często najlepsze pomysły rodzą się dopiero w trakcie przygotowywania kreacji.

W razie jakichkolwiek niejasności pamiętaj, że jesteśmy do Twojej dyspozycji! Po prostu pisz do nas na hello@edrone.me. Z przyjemnością odpowiemy na każde pytanie dotyczące Web Layers (i nie tylko)!

Czy udało Ci się znaleźć odpowiedź na swoje pytanie?