Firevert: widżety promocyjne dla WooCommerce

Firevert prowadził promocje w sklepach WooCommerce, ale klienci często ich nie zauważali. Rabaty ginęły w listingach, kupony trzeba było przepisywać ręcznie, a czas trwania promocji nie był nigdzie widoczny. Zaprojektowaliśmy i zbudowaliśmy trzy widżety, które pokazują ofertę we właściwym miejscu i zgodnie z dyrektywą Omnibus. Rozwiązanie sprawdziło się na tyle, że stało się samodzielnym produktem w modelu darmowa wersja plus Premium

Technologie użyte w tej realizacji

Figma JavaScript php WooCommerce WordPress

Wyzwanie

WooCommerce oznacza przecenione produkty, ale nie pomaga ich sprzedać. Klient, który wchodzi na kartę produktu, nie widzi innych okazji w sklepie, nie wie, kiedy kończy się promocja, a kod rabatowy musi znaleźć i przepisać sam. Każdy z tych kroków to miejsce, w którym ucieka zakup.

Do tego dochodzi prawo. Od wejścia dyrektywy Omnibus każda informacja o obniżce musi pokazywać najniższą cenę z 30 dni przed promocją. Widżety promocyjne nie mogły więc działać obok tych danych, tylko korzystać z nich. Całość miała być gotowa w 30 dni.

Kluczowe wymagania

• Jedno miejsce, które pokazuje przecenione produkty, kategorie z rabatami i aktywne kupony
• Licznik czasu promocji i kopiowanie kuponu jednym kliknięciem
• Dowód społeczny: liczba oglądających i kupujących produkt
• Zgodność z dyrektywą Omnibus i popularnymi wtyczkami do historii cen
• Reguły wyświetlania: wybrane produkty i kategorie albo cały sklep z wyjątkami
• Wygląd dopasowany do sklepu bez pisania kodu

Rozwiązanie

Zbudowaliśmy wtyczkę złożoną z trzech niezależnych widżetów. Każdy rozwiązuje inny moment ścieżki zakupowej, a sklep włącza tylko te, których potrzebuje.

PowerWidget: wszystkie promocje w jednym miejscu

Rozwijany panel z zakładkami: produkty w promocji, kategorie z rabatami i kupony. Właściciel decyduje, która zakładka otwiera się pierwsza i po jakim czasie widżet rozwija się sam, osobno na desktopie i na mobile. Klient przechodzi z listy prosto na kartę produktu.

PromoTime: presja czasu na karcie produktu

Widżet z licznikiem do końca promocji i przyciskiem kopiowania kuponu. Umieściliśmy go w miejscu karty produktu, gdzie klient podejmuje decyzję, a nie w banerze, który łatwo pominąć.

SpectatorViews: dowód społeczny

Licznik osób oglądających produkt w tej chwili. W wersji Premium dochodzą łączne wyświetlenia, liczba zakupów i wykres popularności w czasie.

Dlaczego tak

Zamiast liczyć ceny od nowa, widżety czytają dane z wtyczek Omnibus, z których sklep już korzysta (m.in. WC Omnibus). Informacja o promocji jest więc spójna z ceną referencyjną i zgodna z prawem. Moduły są od siebie niezależne, dlatego wtyczka mogła działać w modelu freemium: podstawowe funkcje w darmowej wersji w katalogu WordPress.org, a rozszerzone w Premium.

Jak pracowaliśmy

1. Analiza i UX

Ustaliliśmy, w których miejscach ścieżki zakupowej promocje są niewidoczne, i zaprojektowaliśmy widżety pod te momenty.

2. Development

Zbudowaliśmy trzy moduły, panel ustawień wyglądu i reguły wyświetlania oraz integrację z Omnibusem.

3. Testy i publikacja

Sprawdziliśmy działanie z wariantami produktów i Polylangiem, a wersję darmową opublikowaliśmy w katalogu WordPress.org.

4. Rozwój

W kolejnych wersjach dodaliśmy integracje z wtyczkami Omnibus i automatyczne rozwijanie widżetuosiągają, bo mail trafia do osoby, która chwilę wcześniej chciała kupić.

W kolejnych wersjach dodaliśmy integracje z wtyczkami Omnibus i automatyczne rozwijanie widżetu.