Widżety WooCommerce Elementor: Twórz kreatywne strony internetowe za pomocą PowerPack

Team PowerPack przedstawia nowe kreatywne widżety Elementor WooCommerce . Jeśli kiedykolwiek próbowałeś zbudować stylowe strony internetowe WooCommerce, wiesz, że walka jest prawdziwa. Dostosowanie układu i stron tych witryn nie jest łatwe.

Ale dzięki tym fantastycznym widżetom Elementor dla WooCommerce możesz dodać więcej interaktywnych i konfigurowalnych elementów do swojej witryny eCommerce zbudowanej za pomocą WooCommerce. Podobnie jak wszystkie nasze istniejące widżety Elementor , te widżety oferują wspaniałe opcje dostosowywania i funkcjonalność dla Twojego sklepu WooCommerce zbudowanego przy użyciu Elementora .

Za pomocą tych widżetów możesz stworzyć wymarzoną witrynę eCommerce. Funkcjonalność i zaawansowane funkcje widżetów Woo pomagają zamienić pomysłowe projekty w działające witryny. Niezależnie od tego, czy chcesz nadać styl stronie produktu, czy dodać dostosowania do strony koszyka, możesz to wszystko zrobić za pomocą zaledwie kilku kliknięć. Nie są wymagane żadne umiejętności kodowania!

Widżety Elementora WooCommerce

Tworzenie stron internetowych WooCommerce za pomocą Elementora może czasem ograniczać. Podczas gdy Elementor Pro zapewnia rozbudowaną funkcjonalność i opcje, istnieją pewne obszary, które pozostają nietknięte. Musisz więc szukać dodatków do Elementora, aby jeszcze bardziej rozszerzyć Elementor.

Widżety WooCommerce Elementor mogą znacznie zaoszczędzić czas i wysiłek. Te widżety służą do ulepszania projektu i funkcjonalności sklepu internetowego zbudowanego przy użyciu WooCommerce. Umożliwiają użytkownikom łatwe dodawanie elementów, takich jak listy produktów, kategorie produktów, koszyki i formularze kasy do ich witryny e-commerce.

Sprawdźmy wszystkie widżety WooCommerce :

1. Widżet produktów Elementor WooCommerce

Teraz, dzięki widżetowi Woo Product Grid, możesz stworzyć imponującą ekspozycję produktów na swojej stronie produktów. Dzięki danej mocy dostosowywania możesz wyświetlać swoje produkty odwiedzającym za pomocą dziesiątek projektów.

Sprawdź stronę docelową produktów PowerPack WooCommerce, aby uzyskać wyobrażenie o wyglądzie strony produktu z siatką produktów Woo.

Widżet Woo Product Grid zapewnia opcję wyboru układu karuzeli i siatki, ułatwiając przełączanie się między układami w razie potrzeby. Możesz wyświetlać swoje produkty w niestandardowych układach wraz z przydatnymi funkcjami, takimi jak Dodaj do koszyka, Szybki podgląd i Etykieta sprzedaży.

Oprócz tych imponujących funkcji możesz także wyświetlać spersonalizowane plakietki produktów. Posiadanie plakietek produktów pomaga przyciągnąć uwagę klientów i natychmiast zwiększa sprzedaż.

Funkcje widżetu Product Grid:

• Układ karuzeli i siatki
• Dostosowane opcje skórki
• Niestandardowe wiersze i kolumny
• Nieograniczone opcje stylizacji układu
• Dostępne są zaawansowane opcje typografii
• Efekty zawisu
• Funkcja szybkiego podglądu
• System wyświetlania ocen

Sprawdź stronę docelową widżetu Woo Product Grid.

2. Widżet kategorii Elementor WooCommerce

Czy chcesz mieć oddzielną stronę, która pomoże Twoim klientom wybrać kategorię produktów, zamiast wyświetlać je razem ze wszystkimi produktami w Twoim sklepie? Po co wykonywać całą tę dodatkową pracę, skoro możesz zrobić to samo za pomocą widżetu kategorii Woo?

Dzięki widżetowi kategorii PowerPack Woo możesz wyświetlać kategorie produktów w stylowych układach: siatka, karuzela i kafelki. Możesz wybrać dowolny układ kategorii i stworzyć piękne ekspozycje produktów na swojej stronie internetowej.

Możesz także łatwo dostosować przyciski kategorii produktów WooCommerce w swojej witrynie za pomocą edytora Elementor.

Funkcje widżetu kategorii Woo:

• Wiele stylów układu — siatka, karuzela, kafelki
• Konfigurowalne, wstępnie zaprojektowane układy
• Włącz/wyłącz tytuł kategorii, opis i liczbę produktów
• Pełne opcje dostosowywania projektu
• Liczą się kategorie niestandardowe
• Opcja kolumn niestandardowych
• Opcja Pozycja treści
• Zaawansowane filtrowanie
• Możliwość zamówienia niestandardowego

Sprawdź stronę docelową widżetu Woo Category.

3. Widżet Moje konto Elementor WooCommerce

Pierwszy widżet Moje konto dla Elementora i WooCommerce.

Korzystając z tego widżetu PowerPack Woo, możesz łatwo stylizować stronę Moje konto w witrynach eCommerce zbudowanych za pomocą WooCommerce.

W tamtych czasach dostosowanie tej części witryny Woo bez niestandardowego kodu i CSS było całkiem niemożliwe. Ale teraz możesz stylizować i zmieniać stronę Moje konto tak, jak chcesz.

Od wprowadzania zmian w zakładce na froncie po stylizację różnych aspektów strony. możesz to wszystko zrobić za pomocą kilku kliknięć.

Funkcje widżetu mojego konta WooCommerce :

• Opcje podglądu kart
• Opcja stylizacji dla tabeli, zakładek i przycisku
• Pionowy i poziomy układ zakładek
• Uzyskaj kontrolę nad pozycją i wyrównaniem
• Zaawansowane opcje dostosowywania

4. Widżet kasy Elementor WooCommerce

Woo Checkout jest tym, czego szukałeś, jeśli miałeś trudności z dostosowaniem strony kasy w swojej witrynie.

Dzięki temu widżetowi PowerPack możesz spersonalizować i dostosować stronę kasy WooCommerce tak, jak chcesz, dzięki zaawansowanym opcjom dostosowywania i edycji.

Funkcje widżetu Woo Checkout:

• Układ jednokolumnowy i dwukolumnowy
• Zaawansowane ustawienia stylizacji
• Niestandardowe ustawienia typografii
• Opcje dostosowywania projektu
• Opcje stylizacji sekcji paska kuponów.

Zobacz stronę docelową widżetu WooCommerce Checkout.

5. Widżet koszyka Elementor WooCommerce

Czy wiesz, że średnio ponad 50% koszyków nie jest przetwarzanych i nigdy nie dociera do kasy? Kolejnym problemem jest to, że przez długi czas przyczyną porzucania koszyka są po prostu skomplikowane i irytujące strony koszyka.

Aby rozwiązać ten problem, opracowaliśmy widżet Woo Cart dla Elementora, który pozwala tworzyć dobrze wyglądające koszyki na Twojej stronie internetowej, aby Twoi użytkownicy mogli cieszyć się przyjemną obsługą kasy.

Funkcje widżetu Woo Cart:

• Prosty i elegancki projekt na zamówienie
• Moc dostosowywania i edycji obrazu
• Ogólne zaawansowane dostosowywanie układu
• Dostosowanie przycisku
• Włącz/wyłącz pole kuponów
• Włącz/wyłącz sprzedaż krzyżową

Sprawdź demo widżetu WooCommerce Cart.

6. Widżet Dodaj do koszyka Elementor WooCommerce

Ludzie i właściciele witryn nie zwracają większej uwagi na znaczenie przycisku „Dodaj do koszyka” . Sposób zaprojektowania przycisku wiele mówi o prawdopodobieństwie kliknięcia go przez odwiedzającego lub kupującego. Do tej pory dla tego przycisku nie było zbyt wielu opcji dostosowywania.

Ale teraz, dzięki widżetowi Dodaj do koszyka WooCommerce dla Elementora, możesz zaprojektować przycisk i umieścić go w dowolnym miejscu na stronie internetowej.

Funkcje widżetu Dodaj do koszyka:

• Niestandardowa opcja wyboru produktu
• Włącz/wyłącz ilość
• Opcja automatycznego przekierowania
• Niestandardowa opcja tekstu dla przycisku
• Personalizacja przycisków – wyrównanie, rozmiar, wypełnienie, ikona.
• Personalizacja przycisków – projekt, kolor, typografia, opcje najechania kursorem.

Sprawdź stronę docelową widżetu Dodaj do koszyka WooCommerce.

7. WooCommerce Off Canvas Cart

Usprawnij proces realizacji transakcji w witrynie i zwiększ wygodę użytkowników dzięki kreatywnemu widżetowi Woo Off Canvas Cart Widget. Ten widżet umożliwia dodawanie stylowych przesuwanych paneli w celu wyświetlania zawartości koszyka w Twojej witrynie. Możesz wyświetlać menu wysuwane z dowolnej strony strony, z lewej, prawej, górnej lub dolnej strony.

Chociaż ten widżet jest wyposażony w zaawansowane opcje funkcjonalności, które zapewniają elastyczność tworzenia imponującego koszyka poza płótnem bez dodawania niestandardowego kodu, pamiętając o podejściu programisty, udostępniliśmy również opcję uruchomienia panelu poza płótnem za pomocą Niestandardowe opcje wyzwalania klas i identyfikatorów.

Jeśli nie znasz Class & ID, możesz wyświetlić przycisk lub ikonę, aby otworzyć koszyk paneli poza płótnem.

Możesz także dodać fajne animacje, aby stworzyć kreatywne panele poza płótnem w swojej witrynie.

Cechy wózka Woo Off Canvas:

• Zaawansowane opcje wyzwalania: przycisk, klasa elementu i identyfikator elementu
• Opcja kreatywnego wyświetlania dla przycisku
• Wyświetlanie i pozycjonowanie treści
• Kuszące animacje przejścia
• Niestandardowy tytuł i wiadomość koszyka
• Opcje zamykania koszyka: Kliknij nakładkę, Esc, aby zamknąć itp
• Dostosowanie przycisków
• Nieograniczone możliwości stylizacji

Sprawdź stronę docelową dla widżetu WooCommerce Off Canvas.

8. Widżet małego koszyka Elementor WooCommerce

Koszyk pełni jedną z najważniejszych ról w sklepie eCommerce. Posiadanie funkcjonalnego koszyka pomaga poprawić wrażenia użytkownika i obniżyć wskaźnik porzucania koszyka. Teraz, dzięki widżetowi Woo Mini Cart, możesz wyświetlać ikonę koszyka w nagłówku lub menu swojej witryny

Ten widżet jest wyposażony w zaawansowane funkcje, które pozwalają dostosować każdy element i dodać minikoszyk na dowolnej stronie witryny WooCommerce.

Możesz ustawić wyświetlanie zawartości koszyka po najechaniu myszką lub kliknięciu, możesz dodawać niestandardowe tytuły i wiadomości koszyka i wiele więcej…

Funkcje widżetu Woo Mini Cart:

• Rozbudowane opcje dostosowywania
• Dodaj niestandardowy tytuł i wiadomość koszyka
• Zaawansowana funkcja wyzwalania wózka
• Opcja stylizacji guzików
• Dostosowanie licznika przedmiotów

Zobacz stronę docelową widżetu Mini Cart WooCommerce.

Zdobądź widżety WooCommerce dla Elementora!

Teraz możesz łatwo zacząć korzystać z widżetów WooCommerce Elementor Widgets na swojej stronie internetowej dzięki dodatkom PowerPack Elementor.

Najlepsze jest to, że otrzymujesz wszystkie te widżety z istniejącymi widżetami PowerPack bez żadnych dodatkowych kosztów, więc nie musisz nic dodatkowo płacić, aby uzyskać dostęp do tych niesamowitych widżetów!

Jeśli masz PowerPack, możesz pobrać najnowszą wersję z obszaru konta i od razu zacząć korzystać z tych widżetów!

Jeśli nie masz PowerPack, możesz go zdobyć teraz!

Daj nam znać, co myślisz o nowych widżetach, komentując poniżej!

Przeczytaj więcej samouczków WooCommerce:

1. Jak zbudować niestandardowy sklep WooCommerce za pomocą Elementora?
2. Jak dostosować stronę kasy WooCommerce za pomocą Elementora?
3. Jak stworzyć karuzelę produktów WooCommerce za pomocą Elementora?
4. Jak dostosować stronę mojego konta WooCommerce za pomocą Elementora?