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 "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: Kopie robocze, Testy, 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 czerwonego "+" w prawym górnym rogu "Dodaj nową".

 

Kreator ramek pozwala na łatwe dostosowanie szablonu do Twoich potrzeb. Dzięki dostępowi do edytora HTML (oprócz standardowego edytora WYSIWYG) 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 wybierz 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 później.. W tym celu wystarczy kliknąć na opcję przypisz cechy produktów.

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

Zakładka konfiguracja dodatkowo umożliwia Ci dostosowanie wyglądu ramki za pomocą łatwego w obsłudze, kompleksowego menu. Jest ono podzielone na sekcje ustawienia, wygląd, oraz promocja.

W każdym momencie 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 zapis zmiany w szablonie. W tym celu kliknij ikonę dyskietki:

Możesz również dostosować ramkę pod kątem wymiarów - szerokość i wysokość wraz z szerokością i wysokością minimalną oraz maksymalną:

Wygląd

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

Jeśli w Twoim data secie znajduje się parametr promocyjny, to właśnie w tym miejscu możesz ustawić jego wygląd na ramce, łącznie z ceną przed i po promocji, jak i określić nazwę tagu.

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 pozwoli Ci prawidłowo zbudować ramkę 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;

Klucz API - unikatowy klucz;

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ę;

Dostęp do elementów - wykorzystywane do ograniczania dostępu do konkretnych elementów systemu przed innymi użytkownikami systemu.

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 screenie:

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.

Instrukcja zamieszczania

W sekcji więcej opcji dostępna jest odpowiednia instrukcja zamieszczenia ramek rekomendacji:

Instrukcja zamieszczania zawiera skrót informacji potrzebnych do wgrania formularza na stronę przy pomocy kodu HTML:

Należy pamiętać o włączeniu opcji pobrania ramek rekomendacji - aby to zrobić musisz przejść do zakładki system, monitoring, monitorowane strony, następnie przy odpowiedniej domenie kliknąć trzy kropki i z listy wybrać ustawienia metod JS API.

 

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 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.

 

Po więcej informacji zapraszamy o zapoznanie się z filmikiem instruktażowym na na naszym kanale: LINK