Zwiększ konwersję w swoim sklepie WooCommerce, PrestaShop, Magento lub Shopify dzięki Progressive Web Application

  • +50% konwersja w sklepie
  • +70% śr. wartość zamówienia
  • 100 ptk. w PageSpeed Insights
  • 0.5 sekundy do wczytania strony

Stwóz demo PWA połączone z Twoim sklepem w 5 minut

Opis usługi

Skoro trafiłeś na naszą stronę, zakładamy, że znasz zalety wdrożenia PWA w swoim sklepie, ale jeśli nie kliknij, aby przejść do FAQ i przeczytaj o zaletach PWA w sekcji poniżej.

Oferujemy Ci usługę najmniej inwazyjnego wdrożenia PWA w Twoim sklepie.

Klient

PWA & SPA
jako frontend

Twój sklep
jako backend

Działa to w ten sposób, że nasz system, korzystając z gotowego API Rest wbudowanego w Twój sklep, będzie pobierał i aktualizował produkty, kategorie, strony cms, blogi itp. Dodatkowo będziemy aktualizować stany magazynowe i ceny produktów w czasie realnym, aby to, co klient widzi po stronie PWA, było zawsze aktualne.

Dzięki temu zwiększysz konwersję w swoim sklepie i już nigdy nie będziesz musiał martwić się o skalowalność i szybkość swojego sklepu. Ten problem zostanie przeniesiony na nas.

Zalety PWA

  • Zwiększenie konwersji

    Na przykładzie wdrożeń u naszych klientów, możesz dowiedzieć się, o ile realnie poprawiła się konwersja i średnia wartość zamówienia w sklepie. Na blogach Google można przeczytać więcej ciekawych case study z różnych branż.

  • Szybkość działania i lepsze SEO

    Powołując się na oficjalne komunikaty Google, takie jak „Prędkość jest teraz czynnikiem rankingowym dla wyszukiwania i reklam Google”, możemy łatwo zauważyć, że od kilku lat Google przywiązuje coraz większą wagę do szybkości i użyteczności stron internetowych. Wyraźnie wyznacza kierunek, w jakim powinni podążać właściciele sklepów, jeśli chcą myśleć o dobrych organicznych wynikach wyszukiwania i niskich kosztach reklamy.

  • App-like experience

    Korzystanie z serwisu PWA daje uczucie korzystania z natywnej aplikacji desktopowej lub mobilnej.

  • Dodanie skrótu aplikacji na pulpit

    Dodaj do ekranu głównego to funkcja dostępna w nowoczesnych przeglądarkach, która pozwala użytkownikowi „zainstalować” aplikację webową – dodać skrót reprezentujący jego ulubioną aplikację internetową (lub stronę internetową) do ekranu głównego, aby później mógł uzyskać do niej dostęp za pomocą jednego kliknięcia.

  • Tryb pełnego ekranu

    Po „zainstalowaniu” w telefonie Progressive Web App cały obszar wyświetlania jest wykorzystywany przez PWA. Elementy interfejsu przeglądarki, takie jak pasek adresu, nawigacja i pasek stanu, są ukryte.

  • Headless

    PWA działa jako „nakładka” na Twój sklep. PWA nie jest generowane przez backend, jest połączone z backendem poprzez API. Oznacza to, że mamy tu do czynienia z architekturą typu headless. Niektóre zalety tej architektury to: - Możliwość pracy różnych zespołów projektowych niezależnie, nad backendem i frontendem - Fakt, że nie mamy ścisłego połączenia backendu z frontendem sprawia, że łatwo „zastąpić” poszczególne elementy systemu. Na przykład. jeśli przejdziesz z Magneto na Shopify, możesz zachować niezmieniony frontend.
    - Szybkie iteracje projektowe
    - Łatwa integracja z innymi systemami
    - Odporność na zmiany po stronie interfejsu użytkownika
    - Prostsze wdrożenie

Zalety PWA od Blink-Cart

  • Duże, chwilowe obciążenie serwera np. w czasie kampanii reklamowych to już nie problem

    Dzięki wdrożeniu PWA znacznie zmniejszysz obciążenie swojego serwera. Im większy ruch generuje Twój sklep, tym większe będą zyski wynikające z wdrożenia PWA.

  • Single Page Application

    Nasze PWA działa w oparciu o architekturę Single Page Application, co powinno być wg nas koniecznym warunkiem, aby aplikację można było nazwać PWA, jednak nie jest to oczywiste dla wszystkich firm. Możesz znaleźć ”moduły”, które reklamowane są jako PWA, a w rzeczywistości dodają manifest do strony i niewiele więcej.

  • Najszybsza i najmniej problematyczna instalacja

    Integracja z Twoim sklepem, w najszybszym wariancie, może zostać zrealizowana w jeden dzień. To niezwykle krótki czas, ponieważ wdrożenie PWA wiązało się do tej pory z miesiącami pracy.

  • Niższe koszty wdrożenia i utrzymania

    Do tej pory wdrożenie PWA było bardzo kosztowną sprawą. Dzięki naszej specjalizacji w Progressive Web Applications wypracowaliśmy metody, które automatyzują procesy i drastycznie obniżają koszty wdrożenia.

  • Mobile first

    Ponieważ obecnie więcej osób korzysta z telefonów niż komputerów do przeglądania sklepów internetowych, przy projektowaniu aplikacji najpierw projektujemy idealną wersję mobilną, która następnie służy do zaprojektowania wersji desktopowej.

  • Obsługa "multi" sklepów

    Możemy łatwo wygenerować niezależne PWA dla każdego „widoku sklepu”. Każdy widok może mieć całkowicie niezależny wygląd i funkcjonalność.

  • Niezależny od platformy

    Nasze PWA nie jest zintegrowane tylko z jednym rodzajem oprogramowania. Oznacza to, że jeśli np. teraz korzystasz z Magento, a w przyszłości zmienisz oprogramowanie na PrestaShop lub Shopify, Twoje PWA od strony klienta nie ulegnie zmianie, a zmiany potrzebne z naszej strony do przełączenia backendu PWA nie wymagają dużo pracy.

  • Najmniej inwazyjna integracja

    Nasza architektura zakłada jak najmniejszą ingerencję w oprogramowanie Twojego sklepu, w taki sposób, aby instalacja i deinstalacja naszego PWA była możliwa w jak najkrótszym czasie.

  • Zwiększenie bezpieczeństwa

    W naszej ocenie nie powinniśmy otrzymywać więcej dostępu do sklepów, z którymi współpracujemy, niż jakikolwiek zwykły gość sklepu. Po naszej stronie nie będziemy mieli dostępu do zamówień ani danych klientów. Jednocześnie integracja z naszym serwisem umożliwi „ukrycie” Twojej instancji sklepu za naszym PWA. Dzięki temu zwiększysz odporność na ataki na frontend sklepu, ponieważ nie musi on być publicznie dostępny.

  • Demo w 5 minut

    Uruchomienie demo z ofertą Twojego sklepu jest możliwe w 5 minut, a sam możesz je uruchomić za pomocą powyższego formularza. Na jednym z gotowych szablonów możesz sprawdzić, jak szybko działa Twój sklep bez wydawania pieniędzy w ciemno.

  • Nieograniczona personalizacja

    Ponieważ jesteśmy autorem naszego PWA i nie korzystamy z gotowych rozwiązań, jesteśmy w stanie spełnić Państwa specjalne życzenia dotyczące wyglądu PWA i funkcjonalności.

  • Najszybsze PWA na rynku

    Nasze PWA jest najszybsze z możliwych na rynku. Sprawdź, jak to działa na Twoim telefonie i komputerze stacjonarnym.

  • Gotowa grafika lub niestandardowa

    Możemy uruchomić PWA w oparciu o jedną z naszych gotowych grafik, lub możemy zaimplementować dowolną grafikę. Możemy wykorzystać obecną grafikę Twojego sklepu lub zakodować PWA na podstawie projektu dostarczonego przez Twojego lub Naszego grafika.

  • Możliwa dowolna lokalizacja PWA

    Jesteśmy elastyczni, serwer, na którym będzie działać Twoje PWA, może znajdować się w dowolnym wybranym przez Ciebie kraju na dowolnym kontynencie. Nie ma również problemu z instalacją CDN.

Niesamowita szybkość działania i super wyniki w Google PageSpeed Insights

Magento defaultMagento with Blink-cart
DOM content loaded~ 1 s 0.0 s
Page loaded~ 2 s~ 0.2 s
Developers.google.com
(PageSpeed Insights)
33%

Mobile

53%

Desktop

90%

Mobile

99%

Desktop

Gtmetrix.com
77%
98%
Tools.pingdom.com
82%
83%

Case study

+55%

Konwersja

+33%

Śr. wartość zamówienia

Wprowadzenie blink-cart w naszym sklepie było strzałem w dziesiątkę!
Współczynnik konwersji wzrósł o 50-60% - to imponujący wynik.
Google to bardzo ważne źródło ruchu, a na ranking strony duży wpływ ma szybkość i użyteczność; dzięki wprowadzeniu nowego rozwiązania ranking naszej strony wzrósł.
Ważne dla nas było, że od strony administratora sklepu (backend) nie było potrzebne żadne zmiany, więc obsługa zamówień i magazynu nie zmieniła się. Za to frontend jest zupełnie nowy (React).
Wyniki sklepu mocno poprawiły się zarówno w wersji desktopowej jak i mobilnej. Ogólne wrażenie klientów są także bardzo pozytywne.
Mimo, że przybudowa wymagała sporo pracy i testów mogę polecić migrację do Reacta. Ulepszenia wydajności i użyteczności wynagradzają włożony wysiłek.

Petteri Pucilowski

www.hersecret.fi

+55%

Konwersja

+85%

Śr. wartość zamówienia

... The results with React are impressive compared to our earlier Prestashop site. Our conversion rate has increased from 2,7% to 4,2%. That is more than a 55 percent increase . Also our average value per visitor has increased - with Prestashop it was 1,86€ and after our migration to React we have seen an impressive 85% increase to 3,45€ ...

... Our strategy is highly dependant on driving organic traffic to our site. For this reason, Google is very important to us. For some time Google has been emphasizing that the speed and their usability metrics will have an ever-increasing impact on page rankings on Google search.

We have been struggling with the speed of our PrestaShop site. Either we would have to use just the barebones modules/theme or have poor performance.

Then I came across Blink-cart and their offer of turning a PrestaShop or a Magento site into a super fast React site (SPA, Single page application) was very appealing. The way it works is that the back end will use PrestaShop but the front end will use a custom, React-powered theme (using GatsbyJS framework). The data will be pulled from PrestaShop using a series of APIs and PrestaShop webservice.

After talking with their team, we started work on our project. Our shop needed some extra work since we use a few custom plugins that we absolutely needed to include, e.g. a custom reviews module and a Perfect size widget. But they were happy to work with us to design a perfect solution for us ...

Przeczytaj pełny wpis na stronie autora: blog.pucilowski.eu

Często zadawane pytania

  • Co to jest Progressive Web App (PWA)

    Celem PWA jest wypełnienie luki między stronami internetowymi a aplikacjami mobilnymi. Ich ostatecznym celem jest dostarczenie elastycznego rozwiązania, które dostosuje się zarówno do komputerów stacjonarnych, jak i urządzeń mobilnych. Większość z PWA działa jak strona internetowa, którą można zapisać jako skrót do ekranu głównego smartfona lub tabletu i używać bezpośrednio z tego miejsca. Wygląda jak aplikacja, działa jak aplikacja, zapewniając wysoki komfort użytkowania. Każda aplikacja PWA musi mieć kilka cech. Google określa trzy warunki, które muszą zostać spełnione, aby witryna została uznana za PWA:
    1. Szybkie ładowanie przy słabym połączeniu internetowym
    2. Działa szybko i płynnie
    3. Działa podobnie do standardowych aplikacji mobilnych, zapewniając doskonałe wrażenia użytkownika

    To niezbyt precyzyjne terminy. Wystarczy zaimplementować tzw. manifest i certyfikat SSL, aby nasza strona internetowa była traktowana jako „PWA” przez przeglądarki mobilne. Czy jednak nasza strona naprawdę jest PWA?

    Poniżej przedstawiamy bardziej szczegółową listę od Google, dopiero po spełnieniu większości z poniższych warunków możemy stwierdzić, że strona jest PWA:
    1. Strona powinna mieć zaimplementowany protokół HTTPS
    2. Strona powinna być responsywna na tabletach i telefonach
    3. Witryna powinna „odpowiadać” nawet bez połączenia z Internetem
    4. Wdrożenie manifestu
    5. Szybkie ładowanie strony nawet przy słabym połączeniu - ładowanie w mniej niż 10 sekund przy połączeniu 3G
    6. Strona powinna działać w przeglądarkach Chrome, Edge, Firefox i Safari
    7. Przechodzenie między stronami powinno być natychmiastowe
    7. Każda podstrona powinna mieć unikalny adres URL
    8. Google powinien mieć możliwość indeksowania podstron
    9. Implementacja metadanych
    10. Wdrożenie metadanych mediów społecznościowych
    10. Jedna treść powinna być dostępna tylko pod jednym adresem URL (zapobiega powielaniu tej samej treści pod różnymi adresami)
    11. Wdrożenie LocalStorage, SessionStorage API
    12. Prawidłowe ładowanie zdjęć w tym użycie "lazyloading"
    13. Zachowanie pozycji (przewijania) strony po powrocie na tę stronę z innej strony
    14. Po kliknięciu pola tekstowego klawiatura ekranowa nie powinna go zakrywać
    15. Prawidłowe wyświetlanie strony na telefonach, tabletach i komputerach.
    To tylko połowa wytycznych, wszystkie wraz ze szczegółowym opisem można znaleźć pod adresem https://developers.google.com/web/progressive-web-apps/checklist

  • Jakie są korzyści z implementacji PWA?

    First of all speed. PWA applications load faster and work faster than traditional websites, and this increases user experience. We gain more customer returns and more conversions.

    Better positions in google. For Google, it is becoming more and more important in the evaluation of the website is the speed and fulfillment of Google's requirements regarding the quality of the website, and this later translates into the ratings that the website receives from Google.

  • Co się zmieni po wdrożeniu PWA?

    Z punktu widzenia administratora sklepu niewiele się zmieni. Panel administracyjny oraz wszelkie integracje z systemami zewnętrznymi pozostają bez zmian. Sklep będzie działał tak jak działa na tym samym serwerze. Wspólnie z właścicielem sklepu dobierzemy odpowiednie wartości czasu do odświeżenia pamięci podręcznej sklepu.

    Z punktu widzenia klienta zwiększy się szybkość sklepu i user experience.

  • Co to jest Single Page Application (SPA)?

    Single page application to koncepcja, dzięki której cała strona sklepu nigdy nie zostanie całkowicie odświeżona. To znaczy, jeśli np. klient porusza się pomiędzy produktami sklepu, pobiera tylko informacje o danym produkcie, a nie całą stronę internetową, jak w przypadku standardowej strony internetowej. Dzięki temu nie zmuszamy klienta do ciągłego pobierania sekcji takich jak menu kategorii, banery, stopka strony i inne.

  • Dlaczego powinienem wdrożyć PWA?

    Ponieważ chcesz zapewnić swoim klientom jak najlepsze wrażenia podczas korzystania z Twojego sklepu, a tym samym zwiększyć Twoje zyski. Warto mieć na uwadze, że wytyczne PWA na przestrzeni lat nabierają dla Google coraz większego znaczenia w ocenie stron internetowych. .

  • Co zrobić, jeśli moje oprogramowanie nie jest obsługiwane?

    Proszę skontaktuj się z nami. Nasza firma jest w stanie podjąć się indywidualnych projektów oraz integracji z dowolnym systemem EPR i e-commerce.

  • Cena wdrożenia PWA?

    Dwa najważniejsze czynniki wpływające na cenę uruchomienia integracji to - czy zaczynamy od naszej gotowej grafiki i modyfikujemy ją zgodnie z Twoimi wytycznymi, czy też wdrażamy Twoją oryginalną grafikę w naszym systemie. Drugim ważnym wpływem na początkową cenę instalacji jest to, czy Twój sklep ma dużo modułów, które w jakiś sposób wpływają na działanie PWA – wtedy będziemy musieli dostosować PWA do Twoich potrzeb.

  • Gdzie jest zainstalowane PWA?

    Ponieważ aby zapewnić jak najlepsze wyniki pod względem wydajności PWA, potrzebna jest dość skomplikowana konfiguracja infrastruktury i serwera. Najłatwiej jest jeśli PWA działała na naszych serwerach, które są już zoptymalizowane pod kątem szybkości. Dzięki temu od teraz nie będziesz musiał martwić się o to, czy Twój sklep jest szybki w każdej sytuacji, ponieważ ten problem został nam przekazany. Fizyczna lokalizacja Twojego PWA jest ustalana z nami, możemy zlokalizować Twoje PWA w Europie, Ameryce, w dowolnym kraju. Możemy również zainstalować CDN. Backend Twojego sklepu będzie działał na Twoim serwerze jak zwykle.

  • Jakiej technologii używamy?

    Od strony PWA nasze skrypty pisane są w React, dla SSR wykorzystujemy framework Gatsbyjs, który jest standardowo zoptymalizowany pod kątem SEO. Jednak włożyliśmy dużo pracy, aby zapewnić jeszcze lepszą optymalizację pod kątem SEO. Nasi specialiści współpracują z firmami SEO, aby wspólnie wypracować najlepszy z możliwych frontendów pod względem SEO. Jeśli Twoja firma SEO będzie miałą jakieś pomyśly lub zastrzeżenia to chętnie wdrożymy ich zalecenia.

  • Ile trwa instalacja PWA?

    Otwarcie demo PWA zajmie Ci 5 minut. Dzięki gotowemu projektowi graficznemu i standardowej konfiguracji bez niestandardowych modułów, otwarcie PWA zajmuje 1 dzień. Przy niestandardowej grafice i nietypowych wymaganiach czas ten wynosi od 2 tygodni do kilku miesięcy, w zależności od złożoności projektu.

  • Niestandardowe zmiany po wdrożeniu?

    Po uruchomieniu sklepu chętnie wprowadzamy w nim zmiany zgodnie z Twoimi wytycznymi. Jesteśmy otwarci na współpracę z Twoim grafikiem, możesz również zatrudnić naszych grafików do prac przy Twoim PWA.

  • Czy to jest bezpieczne?

    Zaczęliśmy od dwóch założeń architektonicznych naszego systemu, aby zapewnić bezpieczeństwo całej architektury. Po pierwsze, nie chcemy mieć dostępu do bazy danych Twojego sklepu. Chcemy tylko tyle dostępu do API, ile jest absolutnie niezbędne do stworzenia katalogu produktów, uwierzytelnienia klienta i nie więcej. Oznacza to, że nawet gdyby nasze serwery zostały zhakowane, haker nie dostałby się do Twojej bazy danych, ponieważ po prostu nie mamy do niej dostępu.

    Po drugie, pomimo tego, że korzystamy z renomowanych centrów serverowych i nawet gdyby wszystkie nasze serwery, serwery zapasowe w jednej chwili eksplodowały, cała architektura jest na tyle elastyczna, że ​​wyłączenie naszego PWA i przywrócenie starego działania sklepu powinno zająć tylko chwilę.

    Co więcej, dzięki temu, że frontend Twojego sklepu można wyłączyć (oprócz checkout w przypadku integracji z przekierowaniem), od momentu integracji nie będziesz narażony na ataki na Twój sklep wykorzystujące błędy we frontendzie Twojego oprogrmowania sklepu. A to są najczęstsze wektory ataków, gdy sklep jest oparty na oprogramowaniu open source, takim jak WooCommerce, Magento i PrestaShop. Fora internetowe są pełne wpisów od właścicieli sklepów, którzy nie zaktualizowali swoich sklepów na czas. Roboty, które przeszukują Internet w poszukiwaniu znanych luk, nie będą już stanowić dla Ciebie zagrożenia.

  • Czego potrzeba do stworzenia demo?

    Potrzebujemy dostępu do Rest API Twojego sklepu internetowego. Tylko do metod odczytywania (nie potrzebujemy mieć dostępu do zapisu/modyfikacji) katalogu produktów, kategorii produktów i stron CMS, to wszystko.