Ramki rekomendacji

Ramki rekomendacji to funkcjonalność iPresso, stworzona z myślą o sklepach internetowych, stronach z ofertami produktowymi, serwisach informacyjnych oraz innych platformach oferujących usługi bądź produkty. Umożliwia ona prezentowanie produktów z Feed Managera w ramach Twojej monitorowanej strony, zarówno dla użytkowników monitorowanych, jak i anonimowych.

W pierwszej kolejności przejdź ścieżką System > Monitoring > Monitorowane strony. Znajdź swoją stronę monitorowaną, na której będzie miała wyświetlać się ramka. Kliknij "więcej" (po prawej stronie) i przejdź do pozycji "Ustawienia metod JS API":

Otworzy się nowy panel. Zjedź na sam dół a następnie włącz metodę "saveFrameClick" (opisaną jako "Zapis kliknięcia Ramki rekomendacji":

Następnie kliknij "Zapisz"

Aby dowiedzieć się więcej o możliwościach i obsłudze 
Feed Managera - kliknij tutaj.

Ramki rekomendacji zlokalizowane są w zakładce Treści pod ścieżką:
Start > Treści > Ramki rekomendacji

Znajdziesz tu pięć list służących do obsługi ramek: Wersje robocze, W trybie testowym, Aktywne, Zakończone oraz Szablony. Ostatnia zawiera szablony zapisane lub stworzone od podstaw przez Ciebie:

Tworzenie ramki

Aby stworzyć ramkę rekomendacji przejdź do kreatora ramek. W tym celu kliknij przycisk Stwórz nową ramkę rekomendacji:

.     

Z poziomu którejkolwiek z list obsługi ramek również możesz stworzyć nową. W tym celu z poziomu danej listy kliknij czerwony przycisk Stwórz nową ramkę rekomendacji:

Kreator ramek pozwala na łatwe dostosowanie szablonu do Twoich potrzeb. Dzięki dostępowi do edytora HTML (oprócz standardowego edytora WYSWIG) kreator ramek iPresso umożliwia również stworzenie własnego szablonu od podstaw (więcej o tym dowiesz się w dalszej części instrukcji)

Wybór szablonu

W celu stworzenia ramki rekomendacji z szablonu przygotowanego przez nas - wybierz jeden z Szablonów systemowych. Po przygotowaniu i zapisaniu swoich szablonów znajdziesz je w tym samym panelu. Będą one oznaczone jako Zapisane szablony. Jeśli chcesz stworzyć swój szablon od podstaw za pomocą kodu HTML - wybierz szablon oznaczony jako Własny kod HTML:

Konfiguracja

W celu skonfigurowania swojej ramki rekomendacji w pierwszym kroku należy wybrać odpowiedni feed i jego data set. Wybór odpowiedniego feeda możliwy będzie po kliknięciu w rozwijaną listę Feed. Pole Data set służy do wyboru data seta, który przypisany jest do tego feeda:

Po ich wyborze, poprzez otwarcie nowego okna, system poprosi Cię o przypisanie cech produktów do odpowiednich pól. Dzięki temu kreator będzie wiedział, które cechy mają zostać wstawione w odpowiednie miejsce ramki. W miarę możliwości, zależnie od ustawienia cech w feedzie i data secie, będą one automatycznie przypisywane:

Jeśli nie posiadasz którejś z cech do zdefiniowania - wybierz opcję Pomiń. W tym przypadku dana sekcja znajdująca się na ramce rekomendacji nie zostanie wyświetlona. Istnieje również możliwość przypisania cech produktów w późniejszym momencie pracy nad ramką. W tym celu wystarczy kliknąć na którekolwiek pole ramki w podglądzie lub przycisk w prawym górnym rogu ekranu.

Po uzupełnieniu cech kliknij Zapisz. Na ekranie pojawi się podgląd nieostylowanej ramki z cechami, które zostały przypisane z data setu:

Edytor WYSWIG

Edytor WYSWIG umożliwia Ci dostosowanie wyglądu ramki za pomocą intuicyjnego i łatwego w obsłudze, ale kompleksowego menu. Jest ono podzielone na sekcje Ustawienia, Wygląd, oraz Promocja i Tag promocji.

W każdym momencie pracy z edytorem masz możliwość zapisania ramki jako szablonu. W przypadku korzystania z zapisanego już szablonu możliwe jest również zapisanie wprowadzonych podczas edycji zmian w jego wyglądzie, poprzez wybranie opcji Edytuj szablon. W tym celu kliknij w trójkąt w niebieskiej, rozwijanej liście Zapisz jako szablon, a następnie w pole Edytuj szablon):

Ustawienia służą do dostosowania ramki pod kątem:

• wymiarów - szerokość i wysokość wraz z szerokością i wysokością minimalną oraz maksymalną:
  
• osadzenia - wewnątrz strony lub jako popup:
  
• lokalizacji
  -> dla popupu będzie to odniesienie, względem czego popup ma zostać osadzony oraz Z-index (pozostawienie pola pustego ustawi wartość domyślną: 1000001):
  
  Wybór osadzenia popupu daje również możliwość ustawienia warstwy zasłaniającej:
  
  Zmiany dokonywane w trakcie ustawiania warstwy zasłaniającej będą prezentowane na podglądzie ramki po prawej.
  -> w przypadku osadzenia wewnątrz strony www wybierz selektor HTML, który wskaże lokalizację ramki:
  

 

Sekcja Wygląd służy do edycji ustawień konkretnych elementów ramki. W zależności od rodzaju szablonu możesz edytować m.in. wygląd ramki produktowej (obramowania), nazwy produktu, opisu (kategorii), ceny produktu (w tym miejscu tego, który nie jest aktualnie w promocji), czy linków, dzięki osobnym mini-panelom umożliwiającym edycję tych elementów:

W zależności od elementu ramki, który edytujesz, panele mogą posiadać więcej lub mniej edytowalnych parametrów.

Promocja i Tag promocyjny

Jeśli w Twoim data secie znajduje się parametr promocyjny, to właśnie w tych sekcjach możesz ustawić jego wygląd na ramce. W sekcji Tag promocyjny określisz nazwę tagu, a w sekcji Promocja jego wygląd, łącznie z ceną przed i po promocji:

Edytor HTML

Edytor HTML (dostępny po kliknięciu w ikonę w prawym górnym rogu głównego ekranu konfiguracji) daje możliwość wprowadzenia zmian bezpośrednio w kodzie źródłowym danej ramki, bądź też stworzenie jej od samego początku. W przypadku korzystania z tej możliwości w panelu bocznym po lewej stronie znajduje się instrukcja, która przedstawia bazowe informacje pozwalające na prawidłowe zbudowanie ramki rekomendacji:

Ustawienia ramki

Kolejnym krokiem po przygotowaniu ramki będzie ustawienie elementów ramki w systemie iPresso. Pola obowiązkowe do skonfigurowania oznaczone są gwiazdką:

Nazwa - nazwa ramki wyświetlająca się w odpowiednich listach;

Opis - charakterystyka ramki, np. określająca przydatność w Twoich działaniach i cel wykorzystywania. To pole nie będzie wyświetlać się w innym miejscu;

Tagi - dodawane do historii aktywności użytkownika: wyświetlenie oraz kliknięcie w ramkę;

Monitorowana strona - na której będzie wyświetlana ramka;

Zakres ważności - data rozpoczęcia oraz zakończenia działania ramki w ramach wybranej monitorowanej strony ;

Podstrona - tu określisz URL, na którym ma zostać wyświetlona ramka (w ramach wybranej strony monitorowanej). Z rozwijanej listy możesz wybrać: stronę główną, fragment danego URL lub wyrażenie regularne.

W przypadku wybrania wyrażenia regularnego po kliknięciu ikony wyświetlone zostanie okno dialogowe, w którym możesz przetestować poprawność danego wyrażenia regularnego:

Podsumowanie

Przechodząc do podsumowania system zaznaczy za pomocą kolorów, które z etapów zostały prawidłowo ustawione (kolor zielony) oraz co należy poprawić (kolor czerwony) - jak na poniższym zdjęciu:

Ponadto na czarnej listwie umieszczonej na samej górze panelu dowiesz się, które elementy zostały ustawione poprawnie () lub które wymagają poprawy (). 

Po ustawieniu wszystkich elementów kliknij Zapisz. Jeśli któraś z pozycji będzie wymagała poprawy - przycisk Zapisz będzie wyszarzony.

Wersje robocze

W tej liście znajdziesz wszystkie ramki, które zostały zapisane. Możesz je zapisać na dwa sposoby:

1. Przed ukończeniem pełnej konfiguracji przez kliknięcie ikony .
   W tym przypadku, po kliknięciumożesz daną ramkę skopiować, podejrzeć lub usunąć lub edytować po kliknięciu przycisku edytuj. 
2. Zapisane do uruchomienia po pełnej konfiguracji (przycisk Zapisz w podsumowaniu).
   W tym przypadku, po kliknięciu, ramkę możesz skopiować, podejrzeć, usunąć, edytować lub uruchomić w trybie testowym:

         

Tryb testowy

Tryb testowy pozwala na weryfikację wyglądu ramki, dodanych produktów oraz lokalizacji w ramach wybranej strony monitorowanej. Wersja testowa dostępna jest na liście Wersji Roboczych (ramka musi być gotowa do uruchomienia), możliwość testowania znajduje się wówczas w opcjach dodatkowych. Po kliknięciu w przycisk instrukcje testowania w oknie dialogowym wyświetlony zostanie unikalny dla danej ramki token testowy, który należy skopiować, a następnie dokleić do adresu monitorowanej strony:

Raportowanie

Lista aktywnych ramek posiada opcję raportowanie otwarć i kliknięć w ramkę. Kliknij przycisk raport, aby go wyświetlić:

Dane do raportów z uruchomionej ramki rekomendacji aktualizowane są 5 minut po każdej pełnej godzinie.

Po wybraniu przedziału czasowego możesz nacisnąć przycisk Pokaż raport, aby go wygenerować. Domyślnie ustawiona jest data początkowa i data końcowa - a jeśli ramka jest nadal uruchomiona, to datą końcową będzie dzień bieżący:

Szablony

W tej liście znajdziesz wszystkie przygotowane i zapisane przez Ciebie szablony ramek rekomendacji.  Z tego miejsca możesz importować szablony na na konto w iPresso (przycisk importuj szablon), a po kliknięciu w ikonę użyć szablon lub eksportować szablon by później zaimportować go z pliku.