WooCommerce: Przegląd motywu Shoptimizer

Opublikowany: 2022-09-07

Podczas tworzenia sklepu WooCommerce, jednym ważnym czynnikiem, o którym należy pamiętać, jest oferowanie klientom bezproblemowej nawigacji po stronie i projektowania, przy jednoczesnym zapewnieniu większej szybkości i wydajności strony. Pomaga zwiększyć satysfakcję klientów i poprawić sprzedaż biznesową.

Według badań Akamai nawet 1-sekundowe opóźnienie wpływa na współczynniki konwersji stron internetowych o 7%, ponieważ szybkość ładowania strony Twojego sklepu jest jednym z ważnych czynników determinujących Google.

Dlatego, aby uniknąć opóźnień i stworzyć piękną i atrakcyjną stronę internetową, musisz wybrać doskonały motyw WooCommerce dla swojego sklepu.

Jednak biorąc pod uwagę szeroki wachlarz opcji – wybór uniwersalnego, przyjaznego dla użytkownika i atrakcyjnego motywu WooCommerce może być trudne i przytłaczające. Dlatego dzisiaj w tym artykule przyjrzymy się jednemu z najszybszych motywów WooCommerce – Shoptimizer.

W tym artykule przejrzymy omówienie motywu, interfejs, ważne funkcje i ceny, aby sprawdzić, czy jest on odpowiedni dla Twojego sklepu WooCommerce. Zaczynajmy!

Shoptimizer: krótki przegląd

Shoptimizer to zoptymalizowany pod kątem szybkości i konwersji motyw WooCommerce, który oferuje funkcje, takie jak odznaki zaufania i eliminacja rozpraszania uwagi, aby przekształcić odwiedzających Twoją witrynę w klientów.

Zespół CommerceGurus zbudował temat na najlepszych praktykach i szeroko zakrojonych badaniach, aby zaoferować sklepom WooCommerce najlepsze korzyści SEO – takie jak konwersje, szybkość i atrakcyjny wygląd.

W przeciwieństwie do innych motywów, takich jak Flatsome, Shoptimizer nie jest motywem uniwersalnym – ponieważ został specjalnie zaprojektowany dla WooCommerce.

Oprócz tych korzyści przyjrzyjmy się innym krytycznym cechom Shoptimizer i tym, co sprawia, że ​​jest to jeden z najszybszych motywów WooCommerce.

Najlepsze funkcje Shoptimizer dla WooCommerce

Po zainstalowaniu i aktywacji motywu Shoptimizer kliknij przycisk Dostosuj , aby dostosować swoją witrynę za pomocą Shoptimizer.

Zostaniesz wylądowany w tej dostosowanej wersji WordPress Customizer:

1. Logo i tożsamość marki

Shoptimizer ma przejrzysty wygląd i ułatwia ogólne ustawienia, takie jak dodanie logo firmy do witryny.

Po przejściu do sekcji Ogólne i wybraniu Tożsamości witryny możesz kliknąć przycisk Wybierz logo , aby szybko dodać logo swojej firmy do swojego sklepu eCommerce.

Oprócz logo możesz również dodać lub zmienić tytuł witryny, slogan swojej firmy i ikonę witryny — wyświetlane na kartach przeglądarki, aplikacjach mobilnych WordPress i zakładkach zakładek.

Możesz dodatkowo dostosować rozmiar logo, przechodząc do opcji Ogólne i Logo witryny , a także wybrać wyświetlanie lub ukrywanie sloganu firmy pod logo.

2. Projekt

Konfigurator Shoptimizer umożliwia dostosowywanie i szybkie modyfikowanie ustawień natychmiastowych, takich jak Typografia, Układ, Kolor oraz Nagłówek i nawigacja – pomagając w stworzeniu idealnego sklepu eCommerce.

Przyjrzyjmy się każdemu z tych dostosowań jeden po drugim.

  • Zabarwienie

Po kliknięciu opcji Kolory w module dostosowania można wyświetlić wiele opcji elementów witryny do dostosowania kolorów — w tym górny pasek, nagłówek, stopkę i pod nagłówkiem.

Możesz kliknąć dowolną z tych opcji, dotknąć koloru przed elementem i wybrać żądany kolor, na który element ma się przełączyć.

Te rozbudowane opcje dostosowywania kolorów pozwalają zaprojektować swój eCommerce tak, aby pasował do tożsamości Twojej marki.

  • Widżety

Kliknięcie opcji Widżety umożliwia dodawanie widżetów, takich jak blok, kalendarz, odtwarzacz audio lub galeria obrazów w różnych lokalizacjach - takich jak pasek boczny, górny pasek po lewej, strony paska bocznego i środek górnego paska.

Po prostu wybierz opcję, do której chcesz dodać widżet, kliknij przycisk Dodaj widżet i wybierz jedną z wielu opcji wyświetlanych na ekranie.

  • Układ

Menu Układ pozwala modyfikować układ elementów witryny — w tym paski boczne, blog, stopkę i WooCommerce. Kliknij odpowiednie opcje i dostosuj funkcje układu, takie jak szerokość i położenie paska bocznego.

  • Typografia

Opcja Typografia udostępnia różne ustawienia czcionek dla głównej treści strony internetowej, akapitów, nagłówka od pierwszego do piątego, bloga i tytułów widżetów.

Możesz dostosować typ czcionki, wariant, kolor, rozmiar i odstępy między literami elementu.

  • Nagłówek i nawigacja

Shoptimizer zapewnia również kilka dostosowań nagłówka i nawigacji dla górnego paska, nagłówka, nagłówka mobilnego, koszyka, nawigacji i nagłówka obramowania strony.

Na przykład po wybraniu opcji Nagłówek możesz dostosować górne i dolne wypełnienie nagłówka, układ, projekt wyszukiwania i lepką nawigację.

3. Prędkość

Jeśli Twój motyw WooCommerce zawiera rozbudowany zestaw funkcji i elementów wysokiej jakości, które ostatecznie spowalniają Twoją witrynę, to motyw bardziej szkodzi Twojemu sklepowi eCommerce. Wolniejsze strony internetowe powodują niezadowolenie klientów i słabą wydajność SEO – co skutkuje niższymi pozycjami w wyszukiwarkach.

Shoptimizer jest zoptymalizowany pod kątem szybkości, co pomaga zapewnić lepsze rankingi SEO w celu zwiększenia wydajności firmy. Ponadto automatycznie tworzy zminimalizowany i krytyczny kod CSS , aby przyspieszyć ładowanie witryny.

Co więcej, dynamicznie tworzy „krytyczny arkusz stylów CSS” – umożliwiając natychmiastowe renderowanie witryny i jej zawartości dla odwiedzających bez czasu oczekiwania.

W konfiguratorze Shoptimizer przejdź do Ustawienia ogólne i Ustawienia witryny , aby włączyć lub wyłączyć krytyczny CSS, Załaduj zminimalizowane pliki CSS i Załaduj czcionkę ikony Rivolicons.

Poza tym oferuje niesamowitą wydajność i szybkość, gdy uruchamiasz motyw przez audyt Lighthouse firmy Google.

4. Funkcje konwersji produktu

Oprócz szybkości Shoptimizer to strona internetowa zoptymalizowana pod kątem konwersji – oferująca funkcje, które pomogą Ci przekształcić odwiedzających Twój sklep w klientów.

Na przykład funkcje konwersji pojedynczego produktu , które zapewnia Shoptimizer, doskonale nadają się do zwiększenia zaangażowania klientów i zachęcenia ich do zakupu produktu.

Oto elementy produktu zoptymalizowane pod kątem konwersji, które otrzymujesz dzięki motywowi Shoptimizer:

  • Atrakcyjny baner nagłówkowy wyświetlający promocje i rabaty w pobliżu tytułu produktu.
  • Duży główny obraz produktu , aby skupić się na zdjęciach produktów Twojego sklepu WooCommerce.

Możesz także dostosować szerokość obrazu produktu i szerokość miniatury do własnych upodobań.

  • Wyraźne wezwanie do działania (CTA) sygnalizujące klientom dokonanie zakupu (przycisk „Ekspresowa realizacja transakcji” jest oferowany przez wtyczkę PeachPay Checkout dla WooCommerce).
  • Przycisk Oddzwoń , który pozwala klientom poprosić o oddzwonienie, aby uzyskać pewność co do niektórych droższych produktów lub rozwiązać zapytania związane z produktem bezpośrednio na stronie produktu.
  • Funkcja powiększenia obrazu produktu , aby umożliwić klientom powiększenie szczegółów produktu i podejmowanie lepszych decyzji zakupowych.
  • Nawigacja po poprzednim i następnym produkcie , aby umożliwić kupującym szybkie przejście do poprzedniego lub następnego produktu za pomocą jednego kliknięcia.

Inne ważne funkcje konwersji produktów obejmują ilość zapasów, która tworzy poczucie FOMO wśród kupujących i przyspiesza ich kupowanie produktów, zanim zostaną wyprzedane, oraz licznik czasu , który pomaga zdezorientowanym i niezdecydowanym kupującym podjąć decyzję i dokonać zakupu.

Poza tym możesz również dodać dodatkowe informacje o produkcie, takie jak koszt wysyłki produktu, poniżej przycisku kup lub Dodaj do koszyka , aby zmniejszyć współczynnik porzuceń.

Wysuwany wózek i strona koszyka

Shoptimizer jest wyposażony w funkcję wysuwanego koszyka, dzięki której klienci mogą jednym kliknięciem przeglądać produkty w koszyku na tej samej stronie, co jest niezwykle wygodne i łatwe.

Oferuje również dobrze przemyślaną stronę koszyka, która odróżnia ją od innych motywów WooCommerce. Oto rzut oka na nie:

  • Pasek postępu – wyświetlający podróż zakupową klienta, dzięki czemu nie musi on przełączać się między ekranami, aby zakończyć transakcję.
  • Przekonujące wezwanie do działania — przejdź do kasy , aby zachęcić klientów do zakupu.
  • Zastosuj sekcję Kupon – umożliwiając klientom dodanie kuponu i skorzystanie z rabatu na zakup.

Kolejną doskonałą funkcją jest mega menu Product Catalog , które świetnie sprawdza się w sklepach eCommerce z wieloma kategoriami produktów.

Pozwala dostosować wyświetlanie strony Sklepu, Wyświetlanie kategorii, Domyślne sortowanie produktów, Produkty na wiersz i Wiersze na stronę, aby wyświetlać produkty i kategorie zgodnie z potrzebami.

Funkcje kasy

W konfiguratorze motywu, po kliknięciu WooCommerce, a następnie realizacji transakcji, Shoptimizer umożliwia dostosowanie układu kasy bez rozpraszania uwagi klientów.

Usuwa nagłówek, stopkę i menu nawigacyjne ze strony kasy – przyciągając uwagę klienta na zakończenie procesu kasy.

Tutaj możesz dostosować wymagane, ukryte lub opcjonalne pola w formularzu kasy, a nawet ustawić stronę polityki prywatności i warunków, do której kupujący będą się odwoływać przed zakupem.

Przyjazny dla urządzeń mobilnych

Shoptimizer jest zoptymalizowany pod kątem urządzeń mobilnych, zwiększając wydajność SEO Twojego sklepu i ułatwiając Twojej witrynie osiągnięcie wyższej pozycji w wyszukiwarce.

Możesz wyświetlić wersję swojej witryny na komputery, urządzenia mobilne i tablety, klikając elementy sterujące w lewym dolnym rogu dostosowywania Shoptimizer.

Oto, jak wyświetla wersję Twojej witryny na tablety i telefony komórkowe.

Kreator stron Elementora

Shoptimizer korzysta z potężnego i popularnego narzędzia do tworzenia stron Elementor dla kluczowych ekranów i stron z treścią. Korzystając z tego bogatego w funkcje kreatora, możesz projektować wyrafinowane i niepowtarzalne układy bez żadnych umiejętności kodowania.

Dostępność

CommerceGurus specjalnie zaprojektował Shoptimizer – pamiętając o dostępności.

Shoptimizer zapewnia, że ​​Twój sklep eCommerce jest dostępny dla jak największej liczby użytkowników i klientów – dzięki czemu nie przegapisz sprzedaży swojej firmy i nie dotrzesz do większej liczby potencjalnych klientów.

Oto kilka funkcji Shoptimizer, które sprawiają, że jest to dostępny motyw WooCommerce:

  • Shoptimizer spełnia wytyczne dotyczące dostępności treści internetowych (WCAG) na poziomie AA . Te wytyczne to zestaw wymagań technicznych, które wyjaśniają, jak zapewnić wysoką dostępność witryny dla użytkowników z różnymi rodzajami niepełnosprawności, takimi jak niepełnosprawność słuchu lub wzroku.
  • Shoptimizer uzyskał wynik 94/100 w rankingu dostępności latarni morskiej. Lighthouse to zautomatyzowane narzędzie Google o otwartym kodzie źródłowym, które generuje szczegółowy raport wypełniony zaleceniami dotyczącymi poprawy jakości stron internetowych.
  • Shoptimizer jest testowany z czytnikami ekranu, aby zapewnić dostępność. Czytnik ekranu to kluczowe narzędzie, które odczytuje na głos zawartość strony i umożliwia niedowidzącym i niewidomym użytkownikom poruszanie się po sklepie eCommerce – bez patrzenia na ekran.

Te funkcje ułatwień dostępu poprawiają widoczność i współczynniki konwersji Twojego sklepu oraz poprawiają wydajność SEO.

Zgodność

Wreszcie, Shoptimizer to wysoce kompatybilny motyw, który skutecznie współpracuje z niektórymi głównymi kreatorami stron — takimi jak Elementor, SiteOrigin, Beaver Builder i Visual Composer dla WordPress.

Korzystając z tych kreatorów, możesz jeszcze bardziej zwiększyć atrakcyjność i funkcje swojego sklepu oraz stworzyć niepowtarzalnie wyglądające strony dla swojego sklepu.

Przegląd cen Shoptimizer

Shoptimizer to motyw premium. Jednak ma ekonomiczną cenę w porównaniu z innymi motywami WooCommerce na rynku.

Kosztuje 99 USD, w tym 1 rok aktualizacji i wsparcie premium.

Wniosek

Shoptimizer to zoptymalizowany pod kątem konwersji, zorientowany na SEO i szybki motyw WooCommerce zaprojektowany przez ekspertów z branży eCommerce – CommerceGurus.

Ma przyjazny dla początkujących interfejs i sprawia, że ​​dostosowywanie sklepu WooCommerce jest proste dzięki rozbudowanym opcjom kolorów, typografii i widżetów. Poza tym jego przyjazny dla urządzeń mobilnych charakter, kompatybilność i dostępność wyróżniają go spośród innych motywów WordPress i WooCommerce.

Shoptimizer zapewnia częste wprowadzanie aktualizacji. Jeśli więc szukasz niedrogiego, szybkiego i zoptymalizowanego pod kątem SEO szablonu dla swojego sklepu WooCommerce – Shoptimizer to doskonały wybór. Wypróbuj demo motywu już dziś, aby poznać moc Shoptimizer.