Ramki rekomendacji

Ramki rekomendacji - czym są?

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 "Zapisanie kliknięcia w ramkę 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 przycisk Dodaj 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 WYSIWYG

Edytor WYSIWYG 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 Pop-up.
  
  
• 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 Pop-upu 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:

          

Instrukcja zamieszczenia

 

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.

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. Więcej informacji znajdziesz w tym artykule: LINK