Jeden post z tagiem "storefront"

Shoper wprowadza Storefront, czyli nowy typ szablonu sklepu internetowego. Dzięki Storefront klient ma większe możliwości personalizacji wyglądu sklepu. Niestety, jedną z kluczowych decyzji jaka zapadła podczas projektowania Storefront był brak wsparcia dla "integracji własnych". Co niesie za sobą szereg komplikacji - nie chciałem tego nazwac "problemem", bo uważam, że to krok w dobrym kierunku. Ale od początku?

Czym są integracje własne?​

Integracje własne w Shoper, to miejsce w panelu admina, gdzie można było umieszczać dowolne skrypty integrujące usługi zewnętrzne z naszym sklepem. Najczęściej wykorzystywano je do integracji:

• usług Google: Analytcis, Tag Manager, Ads, Optimize
• reklam Facebooka: pixele, trackery, eventy
• usługi retargetingowe: Criteo, RTB House, Adform
• usługi marketing automation, np. Trustisto
• narzędzia do testowania: Hotjar, VWO, Optimizely
• narzędzia do zbierania opinii: TrustedShops, Opineo, Ceneo
• narzędzia do chatowania: LiveChat, Tawk.to, Intercom
• i innych.

Integracje własne posiadały mechanizm zmiennych, które można było wykorzystać w skryptach. Dzięki temu, można było przekazywać do zewnętrznych narzędzi dane o kliencie, koszyku, czy zamówieniu.

Dodatkowo w integracjach własnych dostępny był context, czyli informacja o tym gdzie aktualnie znajduje się klient. Dzięki temu można było wyświetlać skrypty tylko na wybranych podstronach sklepu np. tylko na stronie produktu, czy tylko na stronie kategorii. Osobne miejsce w integracjach własnych miała strona z podziękowaniem za zakup, gdzie można było umieszczać skrypty np. z kodem konwersji.

Tak wyglądało to w panelu admina:

Problem z integracjami własnymi​

Taka "dowolność" w zarządzaniu skryptami na stronie sklepu niesie za sobą pewne ryzyko. Nieprawidłowo zdefiniowane skrypty mogą spowodować problemy z wyświetlaniem strony, czy nawet z jej działaniem. Z kuluarów było słychać, że support Shoper często musiał ratować klientów z opresji, kiedy Ci nieumiejętnie zarządzali skryptami. To prowadziło do sytuacji, kiedy klienci byli niezadowoleni i zrzucali winę na Shoper, że ich sklep nie działa.

Shoper postanowił coś z tym zrobić.

Storefront, a integracje własne​

Przed wprowadzeniem do sklepów Shoper szablonów typu Storefront, mieliśmy do dyspozycji szablony RWD. W tych szablonach integracje własne działały bez problemu. Wszystkie zdefiniowane skrypty były wyświetlane na odpowiednich podstronach sklepu.

Z chwilą wprowadzenia Storefront, integracje własne przestały działać, co wprowadziło w zdumienie zarówno właścicieli sklepów, programistów jak i agencje, które zajmują się obsługą sklepów Shoper.

Storefront nie posiada miejsca na integracje własne. Wszystkie skrypty, które chcemy umieścić na stronie sklepu, musimy dodać w inny sposób. Rozwiązań jest kilka.

Rozwiązanie​

1. Google Tag Manager - moim zdaniem najlepszym sposobem na wpinanie skryptów zewnetrznych jest robienie tego przez menadżer tagów np. Google Tag Manager (GTM). Shoper udostępnił możliwość dodania GTM do Storefront (poprzez dedykowany moduł - patrz niżej) dzięki czemu możemy zarządzać wszystkimi skryptami właśnie z poziomu GTM. Problemem może być tzw. warstwa danych (dataLayer), która jest dostępna w Storefront. Czy bedzie zawierać niezbędne zmienne do odpowiedniego konfigurowania skryptów? O tym przeczytasz w naszym kolejnym artykule na temat GTM w Shoper Storefront. Moduł GTM w Storefront wygląda następująco:

2. Moduły Storefront - nowością w Storefront są tzw. moduły, czyli elementy z których składa się szablon Storefront. Shoper udostępnił szereg wbudowanych modułów, w tym ten do dodania Google Tag Managera oraz Google Analytics 4, ale również udostępnił mechanizm do tworzenia własnych modułów. Dzięki czemu twórcy aplikacji (tacy jak My w agencji ShoperMan) moga tworzyć moduły integrujące wybrane usługi. W ten sposób można zintegrować sklep z dowolnym narzędziem zewnętrznym - o ile jest/będzie do tego moduł. Ciężar w tym przypadku przeniesiono na programistów i Twórców dodatków.

Potrzebujesz wsparcia?​