Jak skonfigurować stronę kasy WooCommerce z Divi

Najważniejszym etapem zakupów online jest finalizacja zakupu. Bez względu na to, ile czasu użytkownik spędza na przeglądaniu Twojego sklepu internetowego, jeśli nie przekłada się to na sprzedaż, to nie ma to znaczenia.

Bardzo ważne jest, aby proces realizacji transakcji był jak najbardziej płynny dla Twoich klientów. Jak więc stworzyć łatwą w użyciu stronę kasy w swoim sklepie WooCommerce? W tym poście przyjrzymy się, jak skonfigurować dostosowaną stronę kasy WooCommerce za pomocą Divi.

Dlaczego potrzebujesz dostosowanej strony kasy WooCommerce?

Żaden klient nie musi mieć do czynienia z uciążliwym procesem realizacji transakcji. Prawda jest taka, że ​​Twoi klienci nie będą się kręcić, jeśli Twoja strona i proces płatności są stresujące. Jeśli obecnie masz porzucone koszyki w swojej witrynie eCommerce, dobrym pomysłem może być zmiana strony kasy.

Musisz dać swoim klientom efekt „wow” od początku ich zakupów do ostatniego etapu. Jeśli wybierzesz tradycyjną stronę kasy WooCommerce, nie osiągniesz tego efektu.

Musisz stworzyć unikalny, bezproblemowy i łatwy w obsłudze proces realizacji transakcji, aby zapewnić klientom płynne zakupy. Oto niektóre z zalet tworzenia dostosowanej strony kasy:

• Zmniejszenie porzucania koszyka

Utracone szanse sprzedaży są często spowodowane porzuceniem koszyka. Jest to sytuacja, w której klienci umieszczają już produkty w koszyku, ale gdzieś po drodze opuszczają witrynę bez sfinalizowania zakupu. Skomplikowana strona kasy często skutkuje porzuceniem koszyka.

Jeśli Twój klient musi przejść przez długi proces lub uważa, że ​​proces nie jest bezpieczny, prawdopodobnie straci zainteresowanie zakończeniem transakcji. Dzięki dostosowanej stronie kasy istnieje duża szansa, że ​​Twoi klienci uznają ten proces za łatwiejszy i bezpieczniejszy.

• Szybkie i łatwe transakcje

Twój lejek sprzedaży powinien być jak najkrótszy i jak najszybszy. Kiedy konfigurujesz i dostosowujesz stronę kasy WooCommerce, łatwo usuwasz niepotrzebne obciążenie i skupiasz się tylko na ważnych szczegółach w procesie transakcji.

Mając proces kasowy z wieloma stronami do wypełnienia, klienci prawdopodobnie się zmęczą i opuszczą Twoją witrynę. Jednak gdy cały proces zostanie usprawniony, możesz pomóc swoim klientom w szybszym i łatwiejszym ukończeniu podróży zakupowej.

Jak skonfigurować niestandardową stronę kasy WooCommerce?

Twoja strona WooCommerce zawiera domyślną stronę kasy. Możesz to edytować za pomocą wtyczki lub shortcode innej firmy. Jeśli jesteś nowym użytkownikiem, możesz mieć trudności z edytowaniem strony kasy przy użyciu tych opcji. W tym miejscu pojawia się użycie wtyczki, takiej jak Divi Builder.

Divi Builder ma moduł Divi Shop, który pozwala zbudować oszałamiający sklep internetowy z dostosowaną stroną kasy. W tej sekcji przyjrzymy się przewodnikowi krok po kroku, jak skonfigurować niestandardową stronę kasy WooCommerce.

Wcześniej ważne jest, aby zrozumieć znaczenie certyfikatów SSL, ochrony danych i bezpieczeństwa w Twojej witrynie. Potrzebujesz certyfikatu SSL, aby uzyskać dodatkową warstwę bezpieczeństwa do szyfrowania danych przechowywanych na Twojej platformie.

Certyfikat SSL pokazuje klientom, że Twoja witryna może bezpiecznie podać dane karty kredytowej. Teraz, gdy wyczyściliśmy tę część, zagłębimy się w szczegóły tworzenia niestandardowej strony kasy WooCommerce.

Krok pierwszy: Skonfiguruj stronę kasy w ustawieniach wtyczki WooCommerce przed użyciem wtyczki Divi Builder. Aby to zrobić, przejdź do pulpitu nawigacyjnego WooCommerce i kliknij „Ustawienia”.

Następnie kliknij kartę „Zaawansowane” i znajdź stronę kasy. Wybierz opcję „Do kasy” z menu rozwijanego i przewiń do końca strony, aby kliknąć przycisk „Zapisz”, aby zapisać zmiany.

Krok drugi: Gdy strona kasy jest już ustawiona, następnym krokiem jest zainstalowanie wtyczki Divi Shop Builder. Przejdź na oficjalną stronę Elegant Theme, aby kupić wtyczkę Divi Shop Builder. Kliknij łącze pobierania ze strony „Moje konto”, aby pobrać.

Po pobraniu zainstaluj i aktywuj wtyczkę. wtyczka pojawi się w menu Divi po zakończeniu instalacji. Zanim przejdziesz dalej, upewnij się, że uwierzytelniłeś wtyczkę do zakupu.

Aby to zrobić, przejdź do strony „Moje konto” w witrynie Elegant Theme, aby skopiować klucz licencyjny. Po uwierzytelnieniu wtyczki możesz zacząć z niej korzystać. Divi Shop Builder działa we wtyczce Divi Builder, dzięki czemu budowanie sklepu WooCommerce jest bardzo bezproblemowym zadaniem.

Krok trzeci: Następnym krokiem jest utworzenie niestandardowej strony kasy WooCommerce. Aby to zrobić, kliknij, aby otworzyć stronę kasy i włącz zakupiony Divi Builder. Następnie otwórz wtyczkę Divi Builder i zacznij dodawać moduły.

Do Divi Builder zostanie dodanych pięć nowych modułów (rozliczanie przy kasie, kupon przy kasie, zamówienie przy kasie, wysyłka przy kasie i powiadomienia o koszyku/ kasie). Te moduły pomogą Ci skonfigurować niestandardową stronę kasy w Twoim sklepie WooCommerce. Oto jak działają te moduły.

Rozliczenia w kasie: Umożliwia to dostosowanie wszystkich pól wprowadzania formularza, w których klienci mogą wprowadzać swoje dane rozliczeniowe. Możesz odpowiednio edytować etykiety pól.

Przesyłka w kasie: umożliwia klientom określenie dodatkowego adresu. Podobnie jak w przypadku płatności w usłudze Checkout, możesz również odpowiednio edytować pola formularza.

Kupon w kasie: umożliwia klientom wprowadzenie unikalnego kodu promocyjnego, który został im przypisany, aby ubiegać się o specjalną zniżkę. Moduł kuponu kasy należy umieścić oddzielnie od innych modułów, aby działały. Jeśli masz ograniczenie przestrzeni, zmniejsz dopełnienie między rzędami i sekcjami, aby uzyskać więcej miejsca.

Zamówienie w kasie: W tym miejscu klient ustala i potwierdza zamówienie przed przejściem do opcji płatności. Możesz również edytować tę część zgodnie z potrzebami, korzystając z funkcji przeciągnij i upuść.

Powiadomienie o kasie: Jeśli chcesz dodać notatkę do innych stron kasy, możesz użyć tego modułu. Możesz być tak wyszukany lub prosty w swoim projekcie, jak tylko chcesz.

Korzystając z modułów realizacji transakcji, należy upewnić się, że nie znajdują się one w tych samych sekcjach, co inne moduły formularzy. Jeśli złożysz je razem, nie będą działać. Powinieneś umieścić moduł formularza kontaktowego, moduł formularza zgody, moduł komentarzy i moduł logowania w oddzielnych sekcjach podczas tworzenia strony kasy, aby działały prawidłowo.

Podobnie jak inne moduły w motywie Divi, możesz dostosować styl modułów kasy za pomocą Divi Builder. Aby to zrobić, wykonaj poniższe czynności:

• Kliknij, aby otworzyć moduły kasy

• Kliknij zakładkę „Projekt”

• Użyj różnych elementów, aby wystylizować swoją stronę w sposób, który pasuje do Twojego projektu i tożsamości marki

• Możesz także dodać więcej dostosowań za pomocą karty Zaawansowane. Na karcie Zaawansowane możesz ustawić efekty przewijania, przejścia, pozycjonowanie i ustawienia widoczności urządzenia. Możesz także dodać niestandardowe identyfikatory i klasy, aby uzyskać zaawansowane skrypty CSS.

Wniosek

Divi nie stresuje konfiguracją strony kasy WooCommerce. Umożliwia edycję bieżącej strony kasy, a także tworzenie dostosowanej strony koszyka. Wtyczka divi zawiera wiele funkcji, dzięki którym Twój sklep jest tak zachęcający dla klientów, jak możesz sobie wyobrazić. Dzięki temu zakupy i proces realizacji transakcji są bardzo płynne.