Przy całym zamieszaniu wokół Beaver Builder 2.8 i naszego nowego modułu Box mogłeś przeoczyć ogłoszenie o module North Commerce. Ten dodatek otwiera nowe możliwości wyświetlania elementów North Commerce w układach Beaver Builder, zapewniając płynną obsługę zarówno Tobie, jak i Twoim klientom.

Moduł North Commerce to moduł Beaver Builder, który umożliwia wyświetlanie elementów North Commerce na Twojej stronie internetowej. Moduł staje się dostępny w interfejsie Beaver Builder po zainstalowaniu wtyczki North Commerce.

W tym artykule dowiesz się, jak używać modułu North Commerce, aby ulepszyć swoją witrynę WordPress i zapewnić swoim klientom płynne zakupy.

Czym jest handel północny?

Zanim zagłębisz się w szczegóły modułu North Commerce, ważne jest, aby zrozumieć, czym jest North Commerce i jak może pomóc Twojej strategii e-commerce:

North Commerce to nowa, wszechstronna wtyczka e-commerce do WordPress, zaprojektowana, aby pomóc użytkownikom w tworzeniu wysokowydajnych sklepów internetowych i kanałów sprzedaży.

Zapewnia szereg funkcji do tworzenia, zarządzania i optymalizacji sklepów internetowych, koncentrując się na szybkości, łatwości użytkowania i dostosowywaniu.

Kluczowe cechy North Commerce:

• Niestandardowe formularze realizacji transakcji : Usprawnij proces realizacji transakcji dzięki dostosowywalnym formularzom, które obejmują opcje dodatkowej sprzedaży przed lub po zamówieniu, zwiększając Twój potencjał sprzedaży.
• Rozwiązanie „wszystko w jednym” : North Commerce zapewnia podstawowe funkcje handlu elektronicznego, takie jak produkty subskrypcyjne, plany płatności, zaawansowane kupony i zbieranie recenzji bez potrzeby stosowania dodatkowych wtyczek.
• Zoptymalizowana pod kątem szybkości : wtyczka została zaprojektowana pod kątem szybkości, zapewniając krótki czas ładowania i płynną obsługę, co jest kluczowe dla utrzymania klientów i poprawy współczynników konwersji.

Celem North Commerce jest zapewnienie płynnego i wydajnego handlu elektronicznego w WordPress. Upraszcza budowanie, zarządzanie i optymalizację sklepów internetowych.

Przedstawiamy moduł North Commerce programu Beaver Builder

Dodanie modułu North Commerce umożliwia wyświetlanie elementów North Commerce bezpośrednio w układach Beaver Builder, oferując bardziej intuicyjny sposób tworzenia stron e-commerce:

Dzięki temu modułowi nie musisz już polegać na skrótach do wyświetlania produktów. Po prostu przeciągnij i upuść moduł North Commerce na swoją stronę i dostosuj go za pomocą znanego interfejsu Beaver Builder.

Korzyści z modułu North Commerce:

• Bezproblemowa integracja : moduł współpracuje z istniejącymi układami Beaver Builder, co ułatwia dodanie funkcjonalności e-commerce do Twojej witryny bez konieczności uczenia się nowych narzędzi.
• Większa kontrola : zyskaj większą kontrolę nad wyglądem i funkcjonalnością swoich stron e-commerce, umożliwiając bardziej spersonalizowane zakupy.
• Ulepszony przepływ pracy : Przyspiesz proces projektowania dzięki wstępnie utworzonym układom i konfigurowalnym ustawieniom, które eliminują potrzebę skomplikowanego kodowania.

Jak korzystać z modułu Beaver Builder North Commerce

Stworzenie płynnego doświadczenia w handlu elektronicznym ma kluczowe znaczenie dla sukcesu Twojego sklepu internetowego. Moduł North Commerce dla Beaver Builder upraszcza proces tworzenia oszałamiających, w pełni funkcjonalnych witryn e-commerce.

Krok 1: Zainstaluj wymagane wtyczki

Zanim zaczniesz, upewnij się, że masz zainstalowane i aktywowane następujące wtyczki w swojej witrynie WordPress:

• Beaver Builder Page Builder : elastyczny kreator stron typu „przeciągnij i upuść” dla WordPress, który umożliwia użytkownikom tworzenie niestandardowych układów i projektów bez kodowania.
• Wtyczka North Commerce : uniwersalna wtyczka WordPress do handlu elektronicznego, zaprojektowana, aby pomóc użytkownikom tworzyć wydajne sklepy internetowe, koncentrując się na szybkości i łatwości użytkowania.
• Beaver Themer (opcjonalnie) : kreator motywów dla Beaver Builder, który umożliwia użytkownikom tworzenie niestandardowych nagłówków, stopek, stron produktów i dynamicznych układów treści dla całej witryny WordPress.

Po zainstalowaniu tych wtyczek możesz rozpocząć tworzenie witryny e-commerce.

Krok 2: Dodaj moduł North Commerce do swojej strony

Przejdź do strony, na której chcesz dodać funkcje e-commerce i kliknij, aby otworzyć edytor Beaver Builder. Następnie kliknij ikonę „ + ” w prawym górnym rogu, aby uzyskać dostęp do panelu modułów.

W pasku wyszukiwania wpisz „ North Commerce ”, aby szybko zlokalizować moduł. Gdy już go znajdziesz, po prostu przeciągnij i upuść moduł North Commerce w wybrane miejsce na stronie:

Dodanie modułu North Commerce do Twojej strony to pierwszy krok w dostosowywaniu Twojego doświadczenia e-commerce. Daje to elastyczność włączenia prezentacji produktów, elementów koszyka lub formularzy realizacji transakcji bezpośrednio do projektu strony. Ta płynna integracja gwarantuje, że funkcje handlu elektronicznego płynnie łączą się z resztą treści, zapewniając odwiedzającym spójne i przyjazne dla użytkownika doświadczenie.

Krok 3: Skonfiguruj moduł North Commerce

Moduł North Commerce oferuje szereg ustawień, które pomogą Ci dostosować elementy e-commerce w Twojej witrynie, aby pasowały do ​​Twojej marki i optymalizowały wygodę użytkownika.

Na karcie Ogólne możesz wybrać jedną z kilku opcji układu, z których każda jest dostosowana do dostarczania określonego rodzaju treści lub interakcji użytkownika:

Każda opcja układu uwzględnia różne aspekty Twojego sklepu e-commerce, pomagając stworzyć spójne i przyjazne dla użytkownika doświadczenie. Wybierz układ, który najlepiej odpowiada Twoim potrzebom, aby wyróżnić produkty, usprawnić realizację transakcji lub ulepszyć wygląd witryny.

Następnie przyjrzymy się każdej opcji układu i podamy wskazówki dotyczące ich konfiguracji dla Twojego sklepu.

Strona produktu

Układ strony produktu umożliwia wyświetlenie pojedynczego produktu, tak jak widać na domyślnej stronie produktu. Ten układ idealnie nadaje się do wyróżniania konkretnego produktu w dowolnym miejscu witryny, na przykład na stronach docelowych, postach na blogu lub niestandardowych stronach sprzedaży.

Wybierz Stronę produktu z listy rozwijanej Układ, a następnie wprowadź informację o produkcie, aby zaprezentować konkretny przedmiot:

Informacje o produkcie stanowią unikalny identyfikator każdego produktu i zapewniają wyświetlanie prawidłowych informacji o produkcie.

Układ strony produktu zapewnia odwiedzającym szczegółowy widok produktu, w tym zdjęcia, opis, cenę i opcje. Doskonale nadaje się do promowania polecanych produktów, prowadzenia kampanii marketingowych lub tworzenia niestandardowych prezentacji pasujących do projektu Twojej witryny.

Co więcej, umieszczając wszystkie szczegóły produktu w strategicznych lokalizacjach, możesz skutecznie zwiększyć zainteresowanie i konwersję.

Galeria produktów

Aby zaprezentować wiele produktów na jednej stronie, skorzystaj z opcji Galeria produktów w module North Commerce. Ta funkcja idealnie nadaje się do tworzenia atrakcyjnych wizualnie stron kategorii lub przeglądów produktów.

Wybierz Galerię produktów z pola Układ :

Układ Galerii produktów wyświetla Twoje produkty w przejrzystej, zorganizowanej siatce, zazwyczaj składającej się z trzech kolumn. Każdy produkt jest wyróżniony prezentowanym zdjęciem, tytułem i ceną, zapewniając odwiedzającym jasną i atrakcyjną prezentację Twojej oferty.

Układ Galerii Produktów angażuje klientów, wyświetlając wiele produktów jednocześnie. Dzięki temu łatwiej im będzie znaleźć to, czego szukają.

Suwak produktu

Opcja Suwak produktów umożliwia zaprezentowanie wybranych produktów North Commerce w dynamicznym, interaktywnym suwaku. Ta funkcja jest idealna, jeśli chcesz, aby Twoje produkty były bardziej widoczne i atrakcyjne dla odwiedzających Twoją witrynę.

Aby utworzyć slider produktu, wybierz Slider produktu z menu rozwijanego pola Układ :

Korzystanie z suwaka produktu na kluczowych stronach, takich jak strona główna lub strony docelowe, może skutecznie zwrócić uwagę na Twoje produkty i zachęcić użytkowników do zapoznania się z Twoją ofertą, co ostatecznie zwiększy zaangażowanie i sprzedaż.

Wymeldować się

Moduł North Commerce umożliwia osadzenie procesu realizacji transakcji bezpośrednio na dowolnej stronie lub poście. Ta opcja zapewnia elastyczność w zakresie sposobu i miejsca prowadzenia klientów przez proces sprzedaży. Wyświetlając formularz realizacji transakcji North Commerce na niestandardowych stronach, możesz usprawnić proces zakupów i zmniejszyć trudności dla swoich klientów.

Aby skorzystać z tej funkcji, po prostu wybierz opcję Do kasy w polu Układ :

Spowoduje to automatyczne wyświetlenie formularza realizacji transakcji, co ułatwi klientom sfinalizowanie zakupu bez konieczności opuszczania bieżącej strony.

Zintegrowanie formularza kasy ze strategicznymi lokalizacjami, takimi jak strony docelowe czy ścieżki sprzedażowe, może znacznie poprawić komfort użytkownika i poprawić współczynniki konwersji.

Wózek

Wreszcie moduł North Commerce umożliwia wyświetlenie zawartości koszyka użytkownika. Ta funkcja jest szczególnie przydatna podczas tworzenia stron i ścieżek sprzedażowych, ponieważ umożliwia klientom łatwe sprawdzenie swoich wyborów przed dokonaniem zakupu.

Aby skorzystać z tej funkcji, wybierz opcję Koszyk w polu Układ . Zobaczysz ekran podobny do przykładowego zrzutu ekranu poniżej:

Czytaj dalej, aby dowiedzieć się, jak dostosować domyślne strony koszyka i kasy North Commerce, aby lepiej odpowiadały Twoim potrzebom.

Krok 4: Dostosuj swój układ

Po wybraniu układu możesz dodatkowo spersonalizować wygląd elementów swojego e-commerce.

W wyskakującym okienku ustawień kliknij kartę Styl :

Opcje te umożliwiają tworzenie przycisków pasujących do Twojej marki i poprawiających ogólny wygląd witryny e-commerce:

Styl przycisku

• Styl domyślny : Ustaw wygląd przycisku w jego normalnym stanie.
• Styl najechania : dostosuj wygląd przycisku po najechaniu myszką.

Opcje kolorów

• Kolor tekstu : wybierz kolor tekstu przycisku.
• Kolor ikony : Ustaw kolor ikony przycisku.
• Kolor tła : Wybierz kolor tła przycisku.

Obramowanie przycisku

• Stylizacja obramowania : Dostosuj obramowanie przycisku.
• Obramowanie po najechaniu : Stylizuj obramowanie przycisku dla stanu najechania.

Następnie przejdź do karty Zaawansowane :

Dostosuj marginesy odstępów, ustaw reguły widoczności według typu urządzenia i zastosuj animacje, aby zapewnić dynamiczne doświadczenia użytkownika. Możesz także dodać niestandardowy kod z zaawansowanymi ustawieniami CSS i JavaScript. Opcje te dają Ci pełną kontrolę nad wyświetlaniem treści i pozwalają na precyzyjne dopasowanie do Twoich potrzeb projektowych.

Wniosek

Moduł North Commerce dla Beaver Builder pozwala na stworzenie angażującego i funkcjonalnego sklepu internetowego. Połączenie North Commerce z Beaver Builder pomoże Ci zbudować atrakcyjną wizualnie witrynę, która poprawi komfort użytkowania.