← Wróć na stronę główną

Kodowanie Rich Content i kart produktowych

Karty produktowe, Rich Content i landing page kampanijne w czystym HTML i CSS - pisane pod wytyczne konkretnego kanału sprzedaży, sprawdzone na wąskich ekranach i gotowe do wgrania bez poprawek po stronie klienta.

Rich ContentLanding pageHTML/CSSE-commerceMobile first

Ograniczenia, w których to działa

Publikujesz w cudzym sklepie, więc zasady ustala ktoś inny. To one decydują o kodzie, nie preferencje.

Dozwolone tagi
Każda platforma ma własną listę tego, co przejdzie przez walidator. Kod piszę pod konkretną listę, a nie pod ogólny standard HTML.
Bez JavaScriptu
Skrypty w kartach produktowych bywają blokowane, więc z założenia ich nie używam. Przełączniki wariantów i efekty realizuję w czystym CSS - tak powstały między innymi kampanie Gorenje.
Wąski ekran jest pierwszy
Karta produktowa układa się na telefonie w jedną kolumnę. To nie jest wersja zapasowa materiału, tylko układ, od którego zaczynam.
Weryfikacja za pierwszym razem
Materiał odrzucony przez kanał wraca do poprawki i traci dni z harmonogramu - przy kampanii z twardą datą startu to realny problem. Dlatego kod sprawdzam w docelowym kanale przed oddaniem.

Cztery marki AGD, jedna metoda

Haier, Gorenje, Hisense i Asko - karty produktowe, szablony pod serie i landing page kampanijne.

Karta produktowa lodówki Hisense RQ760N4IFE z serii Golden

Rich Content · landing page · karty produktowe

Hisense

Najszerszy zakres: seria Golden, kampania Brand Days, promocje sprzętowe oraz karty piekarników na wspólnym szablonie.

Landing page konkursu Gorenje z odkurzaczem serii NEO

Landing page · kampanie wielokanałowe

Gorenje

Ta sama kampania kodowana osobno dla RTV EURO AGD, Media Marktu i MaxElektro - każdy kanał ma inne wytyczne.

Karta produktowa zmywarki ASKO Professional DWC6422BIS

Karty produktowe · szablony

Asko

Zmywarki, chłodziarki i pralki na wspólnym zestawie modułów - kolejne SKU powstaje z gotowych klocków, nie od zera.

Landing page lodówek Haier z serii HORIZON

Rich Content · landing page kampanijne

Haier

Seria HORIZON, promocja cashback i zestawy X9 - landing musiał być gotowy na dzień startu akcji.

Szablon zamiast kolejnej karty od zera

Przy serii produktów pierwsza karta jest najdroższa, bo powstaje razem z nią cała struktura: galerie, tabele parametrów, sekcje benefitów. Kolejne SKU składam z tych samych modułów - szybciej, taniej i bez rozjazdów między kartami tej samej linii.

Landing page pod kampanię

Kampania ma sztywną datę startu, więc harmonogram układam od niej wstecz. Taki landing prowadzi do jednego celu - zgłoszenia, rejestracji zakupu albo przejścia do sklepu - i nie ma nawigacji, która odciągałaby od tego kroku.

Drugi rynek to wariant, nie nowy projekt

Wersja na inny rynek najczęściej znaczy inny język i inne logotypy sieci, a nie inny layout. Ten sam szablon obsługuje obie wersje, więc zmiana treści nie wymaga ponownego kodowania.

Sam kod albo kod z projektem

Mogę zakodować gotowy layout dostarczony przez Ciebie lub agencję. Mogę też zaprojektować go od zera - wtedy ograniczenia platformy są znane, zanim powstanie pierwszy makiet.

Co mogę dla Ciebie zakodować?

  • Rich Content kart produktowych
  • Landing page kampanijny
  • Szablony pod serię produktów
  • Opisy produktów w HTML
  • Banery i moduły promocyjne
  • Aktualizacje istniejących kart

Najczęstsze pytania

Czym jest Rich Content na karcie produktu?

To rozbudowana, graficzna sekcja opisu produktu - z układem, zdjęciami, tabelami parametrów i sekcjami benefitów - zamiast surowego tekstu. Zwiększa czytelność oferty i pomaga klientowi podjąć decyzję bez szukania informacji gdzie indziej.

Dla jakich marek kodowałeś Rich Content?

Realizowałem materiały dla marek AGD: Haier, Gorenje, Hisense i Asko. Gorenje i Asko należą do grupy Hisense, więc znam wytyczne i sposób pracy obu ekosystemów.

Czy kodujesz pod konkretną platformę e-commerce?

Tak. Kod dopasowuję do wytycznych docelowego kanału sprzedaży - dozwolonych tagów, limitów i sposobu osadzania grafik - żeby materiał przeszedł weryfikację i wyświetlał się poprawnie.

Czy przygotujesz szablon pod całą serię produktów?

Tak. Przy większej liczbie SKU buduję szablon z powtarzalnymi modułami, dzięki czemu kolejne karty powstają szybciej, taniej i są spójne wizualnie.

Czy Rich Content będzie działał na telefonie?

Tak. Karta produktowa renderuje się na telefonie w jednej kolumnie, więc od tego układu zaczynam i sprawdzam go w docelowym kanale przed oddaniem.

Czy mogę zamówić samo kodowanie, bez projektu graficznego?

Tak. Mogę zakodować gotowy projekt dostarczony przez Ciebie lub Twoją agencję. Mogę też zaprojektować layout od zera i połączyć to z projektowaniem grafiki.

Czym różni się landing page kampanijny od zwykłej podstrony?

Landing kampanijny jest podporządkowany jednemu celowi: zgłoszeniu, rejestracji zakupu albo przejściu do sklepu. Żyje tyle, co akcja sprzedażowa. Nie ma rozbudowanej nawigacji, która odciągałaby użytkownika od tego kroku.

Jak szybko powstaje landing page pod kampanię?

Przy gotowych materiałach graficznych i ustalonej mechanice promocji zwykle kilka dni roboczych. Terminy kampanijne są sztywne, więc harmonogram układam od daty startu akcji wstecz.

Ile trwa zakodowanie karty produktowej?

Pojedyncza karta na gotowym szablonie to zwykle jeden do dwóch dni roboczych. Pierwsza karta w nowym szablonie oraz landing page kampanijny wymagają więcej czasu, bo powstaje wtedy cała struktura do ponownego użycia.

Masz materiał do wgrania?

Napisz, w jakim kanale ma się znaleźć i na kiedy. Wytyczne platformy i data startu określają resztę.

Przejdź do kontaktu ↗