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: W przygotowaniu, W trybie testowym, Aktywne, Zatrzymane 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:

I na samym dole zaznaczyć właściwą opcję:

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