Zanim zaczniesz
- Sklep Shoper na szablonie RWD z dostępem administratora
- Lista modyfikacji i aplikacji, z których korzysta obecny sklep
- Spokojny termin na przełączenie (poza szczytem sezonu)
- Około 30 minut na plan, kilka dni na wdrożenie
Szablony RWD to starsza technologia Shopera. Storefront daje szybszy sklep, edytor wizualny i sekcje, których RWD nie ma. Przejście nie jest jednak jednym kliknięciem: to nowy szablon z własnymi ustawieniami, więc wymaga planu. Poniżej kolejność, w jakiej sami prowadzimy takie migracje.
Zrób audyt obecnego sklepu
Spisz, co działa i co wymaga poprawy: układ strony głównej, prezentacja produktów, szybkość ładowania, wygoda na telefonie. Osobno spisz wszystkie modyfikacje kodu i aplikacje, z których korzysta sklep.
⚠️ Modyfikacje szablonu RWD nie przenoszą się na Storefront. Każdą trzeba zastąpić aplikacją z AppStore, funkcją edytora albo zbudować od nowa.
Wybierz szablon Storefront
W panelu przejdź do Wygląd i treści, Wygląd sklepu i przejrzyj galerię szablonów Storefront. Do wyboru są szablony darmowe i premium (np. Monaco) oraz projekt indywidualny. Dobieraj pod asortyment: inne sekcje sprawdzają się w modzie, inne w elektronice.
Przenieś ustawienia wyglądu i sekcje
W edytorze nowego szablonu ustaw kolory, typografię i logo, potem odbuduj stronę główną: banery, kafelki kategorii, polecane produkty, sekcję zaufania, stopkę. Zwróć uwagę na kartę produktu i koszyk, bo tam zapadają decyzje zakupowe.
💡 Pracuj na szablonie, który nie jest jeszcze aktywny. Klienci widzą stary sklep, dopóki nie przełączysz szablonu.
Odtwórz integracje i dodatki
W Storefront integracje analityczne wpina się w edytorze w sekcji “Pop-upy i dodatki”: Google Analytics 4, Google Tag Manager, weryfikacja Search Console, piksele reklamowe. Sprawdź też czaty, widgety opinii i aplikacje. Spisz identyfikatory ze starego szablonu przed przełączeniem.
Przetestuj sklep na urządzeniach
Przejdź ścieżkę zakupową na telefonie, tablecie i komputerze, w co najmniej dwóch przeglądarkach: strona główna, kategoria, filtry, karta produktu, koszyk, formularz zamówienia, wyszukiwarka. Zapisuj błędy w jednej liście.
Sprawdź SEO przed przełączeniem
Porównaj tytuły i opisy meta, nagłówki i linkowanie wewnętrzne. Adresy produktów i kategorii zależą od ustawień sklepu, nie od szablonu, więc nie powinny się zmienić. Jeśli przebudowujesz strony informacyjne, ustaw przekierowania.
⚠️ Nie planuj przełączenia w szczycie sezonu. Wybierz spokojny tydzień i miej godzinę na ewentualny powrót do starego szablonu.
Przełącz szablon i obserwuj
Aktywuj szablon Storefront i przez pierwsze dni śledź Google Analytics 4 (współczynnik konwersji, porzucenia koszyka) oraz Search Console (błędy indeksowania). Zbieraj uwagi klientów i poprawiaj na bieżąco.
Gotowe? Sprawdź, czy działa
- Strona główna, kategoria, karta produktu i koszyk wyglądają poprawnie na telefonie i komputerze
- Adresy produktów i kategorii nie zmieniły się
- GA4, GTM, Search Console i piksele działają po przełączeniu szablonu
- Testowe zamówienie przechodzi od koszyka do potwierdzenia