09. Przeniesienie sklepu do Shopify

Subskrybuj Podcast

Podaj swój adres email poniżej, a otrzymasz ode mnie regularnie informacje o nowych odcinkach audycji podcastu oraz wskazówki jak rozwijać sprzedaż w eCommerce.

Transkrypcja odcinka przeniesienie sklepu do shopify

Wstęp

Cześć! Miło mi Cię powitać w kolejnym, tym razem 9. odcinku Podcastu E-commerce Manager. Dzisiaj chciałbym z Tobą porozmawiać o przeniesieniu sklepu internetowego do Shopify. Będzie to odcinek poświęcony całemu procesowi migracji, tj. wszystkim krokom, które należy wykonać, aby bezpiecznie zrealizować ten proces. Na końcu porozmawiamy również o błędach i zagrożeniach, które pojawiają się w trakcie migracji. Zapraszam Cię serdecznie do odsłuchania audycji, a jeśli pojawią się pytania, to do komentowania lub bezpośredniego kontaktu ze mną! 

Proces migracji sklepu do Shopify – 10 punktów

Migrację sklepu do Shopify, jak w przypadku innych projektów migracyjnych, możemy podzielić na główne etapy, czyli etapy, które muszą nastąpić jeden po drugim, aby bezpiecznie sfinalizować taki projekt. 10 kroków migracyjnych, które omówimy w dzisiejszym odcinku to:

1. Określenie potrzeb – Briefing
2. Analiza przedwdrożeniowa
3. Założenie środowiska na Shopify
4. UX/UI Design
5. Shopify development
6. Konfiguracja środowiska na Shopify
7. Migracja danych
8. Przeniesienie contentu
9. Migracja SEO
10. Uruchomienie sklepu na Shopify + aktualizacja feedów produktowych w sieci reklamowej

Okej, znamy już 10 kluczowych etapów migracji, które pozwolą nam z sukcesem uruchomić gotowy sklep internetowy na Shopify.

Określenie potrzeb – Briefing

Punktem pierwszym w procesie migracyjnym jest określenie wszystkich potrzeb, które się pojawiły. Może być to backlog zmian, które pojawiły się przez lata w trakcie pracy nad obecnym sklepem. Rzeczy zgłaszane wielokrotnie przez swoich klientów na czacie, telefonicznie, mailowo, które z jakiś względów nie były wdrażane na obecnym sklepie, a które chcielibyśmy wdrożyć na nowym. Mogą być to również wszelkiego rodzaju trendy, które obecnie pojawiają się w e-commerce i które chcielibyśmy mieć na nowej stronie. Przykładem trendu mogą być kółeczka z Instagram Reels, które obecnie często umieszcza się na sklepie, np. na stronie głównej, linkując do stron kolekcji lub bezpośrednio na stronie kolekcji, linkując bezpośrednio do podkategorii . Podsumowując, w briefingu powinno znaleźć się wszystko to, co nam się podoba, co chcielibyśmy, aby znalazło się na nowej stronie, wraz ze wszelkiego rodzaju referencjami, czyli np. odniesieniami do stron konkurencji lub stron, które nam się podobają. 

Analiza przedwdrożeniowa

Kolejny punkt to analiza przedwdrożeniowa, czyli etap, w którym konfrontujemy wszystko, to co  wymyśliliśmy, z realnymi możliwościami platformy Shopify. Ten etap najczęściej realizowany jest z wykonawcą migracji, czyli agencją, software housem lub freelancerem, którzy znają dobrze platformę i jej możliwości. Wynikiem pracy przy analizie przedwdrożeniowej jest lista funkcjonalności, czyli backlog lub specyfikacja, które następnie stają się bazą do pracy nad realizacją projektu. Poszukując najlepszego  rozwiązania dla twojego sklepu internetowego, powinieneś poznać również wszystkie ograniczenia i wady Shopify.

Przygotowałem dla Ciebie listę przykładowych punktów, które warto sprawdzić przed wyborem Shopify:

• Modyfikowanie checkoutu (kasy) – w Shopify na planach niższych niż Shopify PLUS jest on niemodyfikowalny lub modyfikowalny w ograniczonym zakresie.
• Wdrożenie Google Tag Managera (GTM) – poza implementacją kodu GTM, będziemy potrzebować rozwiązania do data layeringu, czyli prawdopodobnie aplikacji lub programistycznego wdrożenia warstwy danych.
• Zmieniona struktura adresów URL – praktycznie wszystkie główne strony na Shopify mają inną strukturę. Kolekcje mają zawarte w adresie „/collections/”, produkty „/products/”, a strony „/pages/”. Prawdopodobnie nie będzie możliwe odwzorowanie 1:1 struktury adresów URL starej witryny z nową.

Przygotowanie do uruchomienia sklepu na Shopify

Poza wymienionymi punktami, większość rzeczy jesteśmy w stanie wdrożyć w oparciu o aplikacje, które komunikują się z backendem Shopify poprzez API, lub Liquid Shopify – czyli język programowania, który odpowiada za szablon. Gotowe szablony na Shopify posiadają bazę modułów, z których możesz skorzystać do budowy sklepu internetowego. Listę dostępnych szablonów znajdziesz w Shopify Theme Store link tutaj https://themes.shopify.com/ . Efektem finalnym analizy przedwdrożeniowej jest wybór wykonawcy do wdrożenia sklepu, przygotowanie listy zakresu prac, wybór aplikacji, szablonu lub określenie zadań dla zespołu developerskiego. Po analizie powinniśmy mniej więcej wiedzieć, ile będzie kosztował nas sklep, kiedy będzie gotowy, które aplikacje zostaną użyte w procesie developmentu oraz jaki będzie podział ról w projekcie. 

Okey, kiedy przeszliśmy już przez 2 pierwsze punkty, czyli mamy określone wszystkie potrzeby i założenia nowego sklepu, skonfrontowaliśmy to z możliwościami Shopify i mamy dobrane aplikacje, wykonawcę oraz wiemy mniej więcej ile to będzie kosztować. Możemy teraz przejść do kolejnego punktu, czyli rozpocząć tak naprawdę wdrożenie sklepu.

Założenie środowiska Shopify

W tym przypadku mamy dwie możliwości:

1. Jeśli budujesz sklep sam, możesz zarejestrować się bezpośrednio na stronie Shopify lub jeśli współpracujesz z partnerem Shopify, rejestracji i założenia konta dokonuje w naszym imieniu partner. Różnica między tymi podejściami polega na tym, że jeśli decydujemy się na wdrożenie sklepu sami, za licencję Shopify płacimy my sami od początku (pomijając okres próbny).
2. Natomiast jeśli decydujemy się na współpracę z partnerem, do momentu, w którym sklep jest w trakcie rozwoju, czyli w trybie deweloperskim, nie ponosimy tej opłaty. Dzięki temu Shopify działa dla Ciebie darmo na etapie budowy twojego sklepu.

Etap UI/UX Designu

W zależności od tego, jaki rodzaj projektu wybierzemy, etap designu może polegać na:

• Wyborze gotowego szablonu z Shopify Theme Store (dostępnego w ramach wybranego planu Shopify) wraz z drobnymi modyfikacjami programistycznymi.
• Wdrożeniu customowego szablonu od zera – projekt i wdrożenie szablonu przez agencję lub software house, uwzględniając responsywność na urządzeniach mobilnych.

Różnica w tych projektach jest taka, że w pierwszym wariancie kupujemy gotowy szablon i lekko go modyfikujemy. Natomiast w drugim wariancie prowadzimy cały proces researchu i developmentu wraz ze specjalistami z agencji. Czyli na pierwszym etapie dostajemy zespół UX/UI designerów, następnie współpracujemy z programistami, którzy dla nas od zera ten szablon wdrażają.

Opcja z customowym szablonem jest oczywiście zawsze droższa ze względu na to, że ilość pracy specjalistów jest tutaj znacznie większa. W tej opcji dostosowujemy szablon typowo pod wymagania sklepu i klientów. W opcji pierwszej korzystamy z gotowych modułów, których mamy dużo więcej na start. Po prostu wyłączamy i włączamy te, które chcemy, aby zostały na sklepie, wraz z drobnymi modyfikacjami przez Shopify front-end developera.

Przygotowanie grafik i współpraca z designerem

Późniejszym etapem w projekcie, kiedy mamy już wybrane moduły, które chcemy, aby pojawiły się na sklepie, jest przygotowanie grafik do tego sklepu. I tutaj najczęściej odbywa się to we współpracy z grafikiem/designerem lub UX/UI designerem, który dostosowuje rozdzielczości materiałów. Potem te materiały są dodawane do przygotowanych przez Shopify front-end developera modułów lub modułów, które zdecydowaliśmy się włączyć z gotowego, zakupionego szablonu. Zatem Shopify pozwala na stworzenie estetycznego i funkcjonalnego sklepu w oparciu o moduły w szablonie.

Shopify development

Prosto z designu przechodzimy do Shopify developmentu. Jest to etap, w którym zaangażowany jest programista do zmian na froncie sklepu. I tutaj, znów, w zależności od tego, którą opcję wybraliśmy – czy jest to opcja z gotowym szablonem wraz z modyfikacjami, czy wdrożenie sklepu od zera, czyli tak zwany „custom development” – ilość pracy będzie różna.

Custom development

W przypadku custom developmentu zaangażowanie dewelopera jest największe, ponieważ cały szablon przygotowany przez zespół specjalistów od UX/UI designu należy na tym etapie zakodować i stworzyć do niego customizację. Natomiast w przypadku wdrożenia z szablonu, praca dewelopera sprowadza się głównie do modyfikacji gotowych modułów lub napisania jednego/dwóch dodatkowych modułów, które chcielibyśmy, aby znalazły się na sklepie. 

W międzyczasie, kiedy trwają prace nad developmentem szablonu, możemy przejść do konfiguracji Shopify.

Konfiguracja Shopify

Kolejnym, dłuższym tematem, jeżeli chodzi o migrację sklepu, jest konfiguracja Shopify. W skrócie, polega to na tym, że ustawiamy w panelu administracyjnym, wszystkie niezbędne elementy, tak aby bezpiecznie uruchomić sprzedaż. Pełną checklistę znajdziesz w ebooku „Migracja sklepu do Shopify”, do którego link załączam tutaj . Natomiast w kontekście tematów konfiguracyjnych, tych głównych, będą to:

• Dodanie płatności online na sklepie – w Polsce obecnie mamy dostępne Przelewy24, iMoje, PayPo, Tpay.
• Ustawienie możliwości automatycznego generowania etykiet, tak aby po złożeniu zamówienia można było w jakiś sposób automatycznie to zamówienie nadać (np. paczkomaty lub kurierem). Dzięki temu, obsługa zamówieniami będzie szybka i sprawna. Będziesz mógł śledzić i przetwarzać
• Dodanie poczty do obsługi zamówień, czyli sprawienie, aby maile transakcyjne wychodziły z domeny sklepowej.
• Uzupełnienie danych firmowych i podpięcie karty do rozliczeń.
• Konfiguracja i instalacja wybranych aplikacji, które pojawiły się na etapie analizy biznesowej. Na przykład może to być Omnibus, InPost Paczkomaty, czy jakieś opinie sklepowe typu Judge.me. Dzięki integracjom w Shopify, możesz skorzystać z wielu narzędzi, które ułatwią Ci prowadzenie biznesu.

Więcej aplikacji, które warto zainstalować na sklepie Shopify, znajdziesz w odcinku siódmym podcastu, link do odcinka znajdziesz tutaj.  Są również pozostałe tematy konfiguracyjne, które należy wykonać, natomiast, żeby nie przedłużać tego odcinka, zapraszam Cię do checklisty, gdzie są wyszczególnione pozostałe elementy. 

Migracja danych

Migracja danych to temat, który możemy wykonywać równolegle przy pozostałych pracach związanych z konfiguracją sklepu. Polega na imporcie danych pomiędzy starym systemem e-commerce a Shopify. Jeżeli chodzi o migrację danych, warto ten temat skonsultować z prawnikiem, aby dowiedzieć się, które dane możemy przenieść bez zgody użytkowników, a w przypadku których powinniśmy ich zapytać lub poinformować o zmianie platformy, zgodnie z aktualnym i obowiązującym prawem.

W odniesieniu do migracji danych, najczęściej migruje się:

• Zamówienia historyczne
• Klientów
• Klientów ze zgodą marketingową, czyli tak zwanych subskrybentów
• Konta użytkowników wraz z historią

Shopify pozwala na swobodną migrację danych pomiędzy starym system ecommerce

Przeniesienie contentu

Kolejny, jeden z dłuższych punktów migracyjnych, to przeniesienie contentu między platformami. W kontekście migracji contentu, najczęściej mówimy o przeniesieniu produktów, kategorii, a w przypadku Shopify, kolekcji, stron informacyjnych, regulaminów i polityki prywatności oraz wpisów blogowych.

Są też gotowe connectory, które umożliwią Ci automatyczne przerzucenie contentu wraz z automatycznym tworzeniem przekierowań stałych 301. Kilka przykładowych aplikacji do migracji contentu znajdziesz w opisie tego odcinka. 

Migracja półautomatyczna

Jeśli o mnie chodzi, to jestem zwolennikiem migracji półautomatycznej, w której część rzeczy migrujemy zbiorczo, tak jak na przykład import produktów do sklepu, natomiast pozostałe rzeczy staramy się również przejrzeć przed dodaniem do sklepu i dokonujemy tak zwanej  selekcji. Czyli przenosząc ręcznie dany content, na przykład stronę informacyjną, stronę „O nas” czy stronę „O firmie”, przy okazji aktualizujemy tam treść.

Różnica między importem automatycznym a importem ręcznym jest właśnie taka, że w przypadku tych importów automatycznych aplikacje, które ułatwiają pobieranie produktów między jednym systemem a drugim, od razu są w stanie wygenerować przekierowania stałe 301. Natomiast w przypadku ręcznego, czy własnego importowania produktów, musimy pamiętać, żeby te przekierowania 301 zrobić później, w kolejnym etapie.

Migracja SEO

I tym samym przechodzimy do migracji SEO, czyli etapu, gdzie zajmujemy się wszystkim, co jest związane z ruchem organicznym. W mojej opinii to jeden z ważniejszych punktów, który zabezpiecza SEO wypracowane na domenie przez lata. Głównie migracja SEO sprowadza się do wykonania mapy przekierowań stałych 301 i imporcie tej mapy przekierowań do Shopify, tak aby w momencie, w którym przekierowujemy naszą domenę ze starego systemu e-commerce na nowy, wskazać Google’owi zmianę adresu URL. Jest to kluczowe dla optymalizacji SEO Twojego sklepu.

Struktura adresów URL

Musimy pamiętać, że Shopify, tak jak rozmawialiśmy na początku odcinka, ma inną strukturę adresów URL niż inne systemy e-commerce. To znaczy, strony kategorii mają zawarte w adresie /collections/, strony produktów /products/, a strony informacyjne /pages/.

Tym samym musimy wskazać robotom indeksującym Google’a, że ta sama strona obecnie będzie pod innym adresem URL niż była do tej pory. Jest to etap, który możemy wykonać ręcznie, czyli stworzyć taką mapę przekierowań i zaimportować ją do Shopify, lub skorzystać z gotowego rozwiązania, które w trakcie importu produktów może nam stworzyć takie przekierowania stałe 301. W kontekście migracji SEO musimy pamiętać również o meta title, czyli uzupełnianiu tych informacji.

Migracja do Shopify: Testy, przekierowania i feedy 

Kiedy mamy już wykonane wszystkie wcześniejsze kroki, przychodzi czas testów i migracji. Przykładowy proces migracji może wyglądać w ten sposób: zaimportowanie wykonanej wcześniej mapy przekierowań 301 do Shopify, rozpoczęcie przekierowania domeny na serwery Shopify, czyli zmiana rekordu A oraz ustanowienia rekordu CNAME. W międzyczasie następuje automatyczne wykupienie certyfikatu SSL przez Shopify.

Następnie przechodzimy do zmiany feedów produktowych w sieci reklamowej Google i Facebooka. I tutaj są na to aplikacje budowane bezpośrednio w Shopify, które również automatycznie dodadzą nam kody śledzące do strony i piksel Facebooka. Ostatnim etapem jest dodanie sitemapy do Google’a i w zasadzie gotowe. Tym samym kończymy proces migracji sklepu, który trwał prawdopodobnie miesiące. Teraz działa Shopify na Twojej domenie!

Śledzenie migracji

I takim ostatnim etapem jest śledzenie migracji, czyli obserwowanie, co się dzieje na przestrzeni kilku godzin, a nawet tygodni od czasu przepięcia domeny. To, co należy przede wszystkim sprawdzić w pierwszej kolejności, to przekierowania stałe 301. Są do tego aplikacje, które znajdziesz również w opisie tego odcinka, które na bieżąco będą monitorować, ile pojawia się 404, czyli ile osób weszło na Twoją stronę i zobaczyło 404, czyli brak przekierowania stałego. Te 404, które się pojawią, to część naturalnego procesu, możemy je doimportować w międzyczasie.

Struktura feedów

Dodatkowy punkt, który należy obserwować po przepięciu domeny, to struktura feedów, czyli czy udało się podmienić katalogi w sieciach reklamowych oraz czy zdarzenia są prawidłowo zbierane, czyli czy odbieramy zdarzenia ze sklepu w sieci reklamowej Meta i tak samo w kontekście Google’a, czyli czy odbieramy zdarzenia związane np. z add to cart, begin checkout, czy product view. Ten moment kilku godzin i dni od migracji jest etapem, w którym obserwujemy, co się dzieje i na bieżąco korygujemy ustawienia sklepu czy doimportowujemy mapę przekierowań z 404, których nie udało się przekierować na samym początku. Z Shopify możesz skorzystać i prowadzić skuteczny biznes online.

Najczęstsze błędy w procesie migracji sklepu internetowego

Na sam koniec chciałem z Tobą porozmawiać o głównych błędach, które pojawiały się w procesie migracji. Będą to elementy, które miałem okazję obserwować przy kilku projektach e-commerce na przestrzeni ostatnich lat.

Błędy związane z terminem migracji sklepu

Głównym problemem, który się pojawiał, było na przykład migrowanie sklepu na koniec tygodnia, czyli był to moment, w którym nie było już dostępnych specjalistów, w razie gdyby coś się stało, i trzeba było czekać przez cały weekend na najbliższy dzień roboczy aby był ktoś w stanie zareagować.

Problemy z mapą przekierowań i błędami 404

Kolejnym problemem była błędnie przygotowana mapa przekierowań, czyli błędnie odwzorowany adres URL. Po imporcie takiej mapy przekierowań okazywało się, że adresy nie mają odpowiednika na Shopify. Tym samym użytkownicy wchodząc na stronę, na przykład z kampanii produktowej, jeśli nie było jeszcze podmienionego feeda, lub z organicznych wyników wyszukiwania, widzieli błąd 404.
Shopify oferuje narzędzia, aby łatwo to naprawić.

Natomiast można się tego ustrzec między innymi poprzez śledzenie tego procesu po przepięciu domeny i na bieżąco doimportowywanie błędów, które się pojawiły.

Błędy przy konfiguracji domeny i przekierowań

Kolejna rzecz to błędnie przekierowana domena, czyli błędnie ustawione rekordy na domenie lub nie ustawienie przekierowania z WWW.

Poprawne działanie analityki i integracja skryptów reklamowych

Kolejny punkt to niedziałająca analityka i tutaj głównie mam na myśli wszystkie rzeczy związane ze skryptami na stronie, tak aby pozwolić sieciom reklamowym zbierać wszystkie niezbędne informacje ze strony. Panel administracyjny Shopify jest przydatny w tej kwestii.
Czyli w kontekście Facebooka będzie to piksel, w kontekście Google’a – skrypty odpowiedzialne za dynamiczny remarketing. 

Zarządzanie mapą witryny i feedami produktowymi po migracji domeny

Kolejny punkt to brak zaimportowanej mapy witryny do Google Search Console oraz feedy produktowe. W momencie podpięcia domeny ze starej strony na nową zmienia się struktura adresu URL. Musimy pamiętać o tym, aby wygenerować w Shopify feedy produktowe i wgrać te nowe do Mety i do Google’a, tak aby zaktualizować katalogi produktowe o nową strukturę produktów i linków. Dzięki temu w sieci reklamowej będą zaktualizowane produkty z nową strukturą linków, zdjęć i opisów. W Shopify łatwo zarządzisz produktami i feedami. Jeśli tego nie zrobimy, jest duża szansa, że klienci po kliknięciu w nasze produkty w sieci reklamowej przejdą na stronę i zobaczą błąd 404.

I to wszystko. Dziękuję za Twój czas i za to, że udało Ci się dotrwać do końca odcinka. Mam nadzieję, że był to dla Ciebie wartościowy materiał.

Na koniec jeszcze podsumujemy wszystkie kroki migracyjne:

1. Określenie potrzeb – Briefing
2. Analiza przedwdrożeniowa
3. Założenie środowiska na Shopify
4. UX/UI Design
5. Shopify development
6. Konfiguracja środowiska na Shopify
7. Migracja danych
8. Przeniesienie contentu
9. Migracja SEO
10. Uruchomienie sklepu na Shopify
11. Śledzenie przebiegu migracji

Shopify – kompleksowe rozwiązanie dla e-commerce

Z Shopify możesz sprzedawać na platformach społecznościowych i to z dowolnego urządzenia. Shopify wspiera właścicieli sklepów na każdym etapie sprzedaży online i oferuje im najlepsze usługi e-commerce. Sprawdź, jakie usługi oferuje Shopify i rozwijaj swój sklep już dziś! Możesz mieć własny sklep internetowy w modelu subskrypcyjnym. Shopify to oprogramowanie, które pozwoli na sprzedaż na całym świecie i zarządzanie zamówieniami w jednym miejscu. Pozwala również na sprzedaż swoich produktów na platformie, oferując różne kanały sprzedaży.

Podsumowanie

Dziękuję Ci za wspólnie spędzony czas. To wszystko na dziś w odcinku numer 9, „Przeniesienie sklepu internetowego do Shopify”. Słuchałeś audycji e-commerce Manager. Jeżeli ten materiał był dla Ciebie wartościowy, zostaw komentarz lub łapkę w górę – pomoże to również innym osobom łatwiej dotrzeć do tego nagrania. Jeżeli nie subskrybujesz jeszcze audycji, serdecznie Cię do tego zachęcam. Do usłyszenia w kolejnym odcinku! Cześć.