Jak edytować stronę kasy WooCommerce bez Elementora?

Nie podoba Ci się domyślna strona kasy WooCommerce, ponieważ wygląda nudno, a proces kasy jest również długi? Cóż, to może być odpowiedni moment na edycję strony. W ten sposób Twoi klienci mogą szybko składać zamówienia, co może również pomóc w zwiększeniu liczby konwersji.

Ale jak dokładnie dostosowujesz swoją stronę kasy WooCommerce? Jak się okazuje, istnieją 3 skuteczne sposoby, w tym ręczna edycja, używanie wtyczek i kreatora stron Elementor. Jednak najlepsza metoda zależy od tego, z którą łatwo pracujesz.

Teraz, bez dalszych ceregieli, najpierw dowiedzmy się, dlaczego możesz chcieć dostosować swoją stronę kasy. Następnie przyjrzymy się, jak edytować stronę kasy WooCommerce za pomocą kombinacji Elementor i Shopready .

Dlaczego warto edytować stronę kasy WooCommerce

Twoja strona kasowa WooCommerce może mieć duży wpływ na proces zakupu zamówienia. Z tego powodu jest tak wiele powodów, dla których możesz chcieć go edytować. Obejmują one:

Popraw doświadczenie użytkownika

Proces kasy w dowolnym domyślnym WooCommerce jest dość długi. Dlatego możesz wybrać edycję strony i skrócić proces realizacji transakcji. W ten sposób Twoi klienci będą mieli lepsze wrażenia z zakupów.

Spraw, aby kasa była bezpieczna e

Jeśli Twoi klienci uważają, że ich rozliczenia i dane osobowe nie są bezpieczne, prawdopodobnie odejdą bez dokonania zakupu. Dlatego powinieneś rozważyć edytowanie szablonu strony kasy, aby zawierał bezpieczną bramkę płatności.

Pozwól na szybkie i łatwe zakupy

Innym powodem, dla którego możesz chcieć dostosować stronę kasy WooCommerce, jest pomoc klientom w szybkim składaniu zamówień. Na przykład możesz uwzględnić opcję automatycznego wypełniania szczegółów.

Popraw markę

Czujesz, że Twoja marka nie wyróżnia się z tłumu? Możesz edytować swoją stronę kasy WooCommerce, aby nadać jej profesjonalny wygląd. Jednym ze sposobów, aby to zrobić, byłaby zmiana projektu, a nawet szablonu strony.

Jak edytować stronę kasy WooCommerce WO Elementor?

Istnieje wiele metod edycji strony kasy WooCommerce. Możesz zrobić to ręcznie, używając kombinacji elementor i Shopready lub używając wtyczek. Wybór nalezy do ciebie. Omówmy więc, jak działa każda metoda.

Metoda 1: Edycja ręczna

Ta metoda polega na użyciu kodu do edycji szablonu strony kasy . W rezultacie daje większą kontrolę nad dostosowywaniem w porównaniu z innymi metodami edycji. Poniżej znajdują się proste kroki, jak to zrobić.

Krok 1: Wybierz filtry do dostosowania pól kasy

Aby edytować pola kasy, użyjesz pliku functions.php w swojej witrynie eCommerce . Powinno to być łatwe, ponieważ WooCommerce udostępnia listę filtrów, które pozwalają dostosować pola kasy. Na przykład istnieje:

• WooCommerce_shipping_fields
• WooCommerce_after_checkout_form
• WooCommerce_billing_fields
• WooCommerce_checkout_after_terms_and_conditions

Krok 2: Edytuj tekst zastępczy

Następnie zacznij od dostosowania tekstu zastępczego w polach order_comments_fields. Możesz to zrobić, po prostu dodając następujący fragment kodu do pliku functions.php.

Krok 3: Usuwanie pól

Jeśli chcesz usunąć pole, po prostu dodaj poniższy kod do pliku functions.php.

Krok 4: Dodaj niezbędne pola

Aby dodać pola do strony kasy WooCommerce, wystarczy wstawić poniższy kod do pliku function.php.

Po wstawieniu kodu zauważysz, że pojawi się dodatkowe pole. Ale nie ma się czym martwić. Po prostu skopiuj następujący kod w celu sprawdzenia poprawności danych.

Ostatni krok: zapisz swoje dane

Na koniec wprowadź następujący kod, aby upewnić się, że każdy szczegół wprowadzony przez Twoich klientów na stronie kasy zostanie zapisany.

Metoda 2: Korzystanie z Kreatora Stron Elementora

Ręczna edycja strony kasy wymaga doświadczenia w kodowaniu. Na szczęście, jeśli nie jesteś doświadczonym technicznie facetem, możesz użyć elementora, jednego z najlepszych kreatorów stron WordPress. Poniżej znajdują się kroki, jak wykonać edycję za pomocą elementor.

Krok 1: Znajdź stronę kasy

Najpierw przejdź do pulpitu WordPress i znajdź listę stron. Pod listą Strony możesz znaleźć domyślną stronę kasy. Po prostu kliknij przycisk Edytuj, aby uruchomić edytor WordPress. Następnie wybierz opcję Edytuj za pomocą Elementora, aby włączyć Elementor, a następnie uruchom edytor Elementora.

Krok 2: Dodaj widżet kasy Elementor

Następnie otwórz domyślną stronę kasy w elementorze i usuń istniejący widżet kasy WooCommerce lub shortcode. Następnie dodaj widżet kasy w edytorze Elementor. Powinieneś być w stanie zobaczyć podgląd na żywo swojej strony kasy.

Krok 3: Edytuj zawartość na stronie kasy

Na karcie Treść znajdującej się na pasku bocznym Elementora kliknij Ustawienia ogólne. W ustawieniach możesz wybrać układ jedno- lub dwukolumnowy do edycji i dostosowywania treści .

Ponadto możesz edytować szczegóły rozliczeń i wysyłki, dodatkowe informacje, zamówienie, kupon i szczegóły płatności. A jeśli chcesz dodać pudełko z kuponami , jest to również możliwe.

Krok 4: Edytuj styl strony kasy

Tuż obok karty Treść kliknij kartę Styl, aby jeszcze bardziej dostosować styl strony kasy. Chcesz mieć pewność, że projekt Twojej niestandardowej strony kasy pasuje do Twojego sklepu.

Na karcie Styl możesz wybrać różne opcje projektu, w tym sekcje, typografię, formularze, podsumowanie zamówienia i przycisk zakupu. Po prostu dostosuj i wypróbuj różne opcje, aby znaleźć styl, który wyróżni Twoją stronę kasy.

Krok 5: Zapisz zmiany

Po zakończeniu dostosowywania stylu szablonu strony kasy zapisz wszystkie zmiany. Następnie przejrzyj zmiany, zanim będziesz mógł w końcu opublikować swoją stronę.

Metoda 3: Korzystanie z wtyczek

Innym łatwym i szybkim sposobem edycji strony kasy WooCommerce jest użycie wtyczki. Teraz masz do wyboru kilka opcji wtyczek. Jednak w tym artykule skupimy się na połączeniu Elementor i Shopready .

Krok 1: Zainstaluj dodatek Shopready dla elementor

Przed zainstalowaniem tej wtyczki upewnij się, że Twój WordPress ma narzędzie do tworzenia stron Elementor. Dzieje się tak, ponieważ Shopready nie może działać samodzielnie. Następnie na pulpicie WordPress kliknij wtyczki i wybierz Dodaj nowy. Następnie znajdź Shopready w polu wyszukiwania i kliknij przycisk Aktywuj.

Krok 2: Dostosuj zawartość swojej strony kasy Shopready

Na pulpicie WordPress wybierz, aby otworzyć Shopready. Zostaniesz przekierowany do pulpitu Shopready. Pod pulpitem znajdują się opcje widżetów, modułów i szablonów, które pomogą Ci dostosować stronę. Możesz wybrać dowolną opcję edytowania i dostosowywania treści .

Krok 3: Włącz widżety

Kliknij opcję widżetów i wybierz kartę Włącz wszystko. Następnie wybierz Zapisz zmiany. Ale jeśli nie chcesz włączać wszystkich pól, po prostu wybierz preferowane opcje i zapisz zmiany.

Krok 4: Włącz moduły

Następnie wybierz opcję Moduły i kliknij Włącz wszystko. Możesz także wybrać opcję Wyłącz wszystko lub selektywnie włączyć tylko kilka. Po zakończeniu kliknij przycisk Zapisz zmiany.

Krok 5: Włącz szablony

W tej sekcji znajdziesz opcje takie jak sklep, strona kasy, koszyk, strona szczegółów produktu i inne. Kliknij kartę Włącz w preferowanych opcjach szablonu, a następnie Zapisz.

Krok 6: Włącz interfejs API walut

Kliknij zakładkę API i wprowadź klucz API waluty w udostępnionym pustym polu. Następnie wybierz opcję Zapisz zmiany, aby zakończyć proces.

Dlaczego warto korzystać z Shopready do edycji strony kasy WooCommerce?

ShopReady to po prostu dodatek do Elementora. Opracowana przez QuomodoSoft wtyczka oferuje tak wiele korzyści podczas używania jej do edycji niestandardowej strony kasy WooCommerce . Obejmują one:

Szeroka gama widżetów

Ta wtyczka zapewnia ponad 100 widżetów stron sklepu, które możesz łatwo dodać do swojej strony Elementor. W związku z tym możesz szybko dostosować stronę kasy WooCommerce do swoich potrzeb.

Gotowe szablony

Jeśli jesteś nowym użytkownikiem WooCommerce, powinieneś rozważyć użycie Shopready do edycji stron kasy. Dzieje się tak, ponieważ wtyczka zawiera wstępnie zaprojektowane szablony, które ułatwiają dostosowywanie.

Funkcje zorientowane na klienta

Innym powodem, dla którego powinieneś używać tej wtyczki do edycji strony WooCommerce, są jej funkcje zorientowane na klienta. Niektóre z nich obejmują stronę z podziękowaniami, dodaj opcję pola kuponu i porównania produktów.

Przyjazny dla urządzeń mobilnych

Ta wtyczka umożliwia edycję strony kasy i dostosowanie jej do urządzeń mobilnych. Dzięki temu Twoi klienci mogą mieć doskonałe wrażenia z zakupów niezależnie od urządzenia, z którego korzystają.

Wniosek

Ogólnie rzecz biorąc, jest tak wiele powodów, dla których możesz chcieć edytować swoją stronę kasy WooCommerce. Być może chcesz poprawić wrażenia użytkownika, zabezpieczyć stronę lub poprawić swoją markę. Niezależnie od przypadku, możesz wybrać edycję za pomocą wtyczek, elementor lub zrobić to ręcznie.

Oczywiście najprostszą metodą jest użycie wtyczek lub kombinacji elementor i Shopready . Dzieje się tak, ponieważ Shopready oferuje szeroką gamę widżetów do wyboru. W związku z tym możesz edytować swoją stronę kasy i dostosować ją do swoich potrzeb. Jeśli jednak masz doświadczenie w kodowaniu, zawsze możesz edytować swoje strony ręcznie.

Jak dodać listę życzeń w WooCommerce W/O Plugin