Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dostosować stronę realizacji zakupu WooCommerce (łatwy sposób)

Strona realizacji zakupu jest jedną z najważniejszych części każdego sklepu WooCommerce. To moment, w którym klienci albo finalizują zakup, albo odchodzą, a nawet drobne usprawnienia mogą mieć duży wpływ na Twoje przychody.

Wielu właścicieli sklepów chce uprościć proces, dodać niestandardowe pola lub dostosować układ, ale nie wie, od czego zacząć. Dobra wiadomość jest taka, że WooCommerce oferuje kilka sposobów na dostosowanie strony realizacji zakupu do Twojej firmy.

Pomogliśmy wielu użytkownikom dostosować ich przepływ realizacji zakupu i widzieliśmy, jak odpowiednie zmiany mogą sprawić, że proces będzie szybszy, jaśniejszy i bardziej godny zaufania dla kupujących.

W tym przewodniku krok po kroku przeprowadzimy Cię przez metody dostosowywania strony realizacji zakupu WooCommerce. Te techniki są łatwe do naśladowania i zaprojektowane, aby pomóc Ci stworzyć płynniejsze doświadczenie realizacji zakupu, jednocześnie utrzymując niezawodność Twojego sklepu.

Jak dostosować stronę realizacji zamówienia WooCommerce (łatwy sposób)

💡Szybka odpowiedź: Jak dostosować stronę realizacji zakupu WooCommerce

Oto dwa główne sposoby dostosowania strony realizacji zakupu WooCommerce:

  • Użyj FunnelKit Builder: Ten darmowy wtyczka oferuje profesjonalnie zaprojektowane szablony, które można dostosować za pomocą standardowego edytora bloków WordPress. Jest to najłatwiejszy i najszybszy sposób na uruchomienie niestandardowej strony realizacji zakupu.
  • Użyj SeedProd: Ten potężny kreator stron metodą przeciągnij i upuść daje Ci pełną kontrolę nad tworzeniem unikalnej strony realizacji zakupu od podstaw. Jest idealny, jeśli chcesz stworzyć w pełni niestandardowy projekt lub dodać upsell i inne elementy skoncentrowane na konwersji.

Dlaczego warto dostosować stronę realizacji zakupu WooCommerce?

Głównym powodem personalizacji strony realizacji zakupu w WooCommerce jest zmniejszenie liczby porzuceń koszyka i zwiększenie sprzedaży. Domyślny projekt strony realizacji zakupu jest bardzo prosty i nie jest zoptymalizowany do przekształcania kupujących w klientów.

Tworząc niestandardową stronę, możesz dodać potężne funkcje, których brakuje standardowej stronie.

Obejmuje to dodawanie sygnałów zaufania, takich jak opinie klientów, optymalizację układu w celu przyspieszenia procesu i oferowanie powiązanych produktów.

Źle zoptymalizowana strona realizacji zakupu jest głównym powodem, dla którego średnia stopa porzucenia koszyka wynosi prawie 70%. Oznacza to, że większość klientów opuści Twój sklep na ostatnim etapie, nie wydając żadnych pieniędzy.

Domyślna strona płatności WooCommerce

Zastępując ten generyczny projekt niestandardowym, możesz budować zaufanie i uczynić proces zakupu tak łatwym, jak to tylko możliwe.

Na przykład, możesz dodać dowody społeczne, takie jak referencje i oceny gwiazdkowe, aby uspokoić nowych klientów.

Przykład zoptymalizowanej strony realizacji zakupu

Teraz przyjrzyjmy się, jak możesz łatwo spersonalizować swoją stronę realizacji zakupu w WooCommerce i zarobić więcej pieniędzy na swoim sklepie internetowym.

Po prostu użyj poniższych szybkich linków, aby przejść bezpośrednio do metody, której chcesz użyć:

Metoda 1. Dostosuj swoją stronę płatności WooCommerce za pomocą FunnelKit Builder

Najprostszym sposobem na stworzenie niestandardowej strony WooCommerce checkout jest użycie FunnelKit Builder. Ta wtyczka zawiera gotowe szablony i formularze checkout.

Niestandardowa strona realizacji zakupu, utworzona za pomocą FunnelKit Builder

Posiada również wbudowane „optymalizacje”, które mają pomóc w uzyskaniu większej liczby sprzedaży. Dokładnie przetestowaliśmy wtyczkę i stwierdziliśmy, że jest ona bardzo przyjazna dla początkujących.

Krok 1: Zainstaluj i aktywuj wtyczkę FunnelKit Builder

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki FunnelKit Builder. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Uwaga: Istnieje również wersja FunnelKit Pro, która oferuje bardziej zaawansowane optymalizacje i szablony płatności. W tym przewodniku użyjemy darmowej wersji FunnelKit Builder, ponieważ zawiera ona wszystkie narzędzia potrzebne do stworzenia niestandardowego projektu strony płatności.

Krok 2: Wybierz profesjonalnie zaprojektowany szablon

Po aktywacji przejdź do FunnelKit » Store Checkout. Na tym ekranie kliknij przycisk „Utwórz sklep checkout”.

Wtyczka WooCommerce FunnelKit builder

Teraz możesz wybierać spośród profesjonalnie zaprojektowanych szablonów stron realizacji transakcji FunnelKit lub wybrać opcję „Zacznij od zera”. Zalecamy użycie szablonu, aby szybko stworzyć stronę realizacji transakcji o wysokiej konwersji.

Aby przyjrzeć się bliżej każdemu szablonowi, po prostu najedź na niego kursorem myszy, a następnie kliknij przycisk „Podgląd”, gdy się pojawi.

Niestandardowe szablony strony płatności WooCommerce FunnelKit

Na naszych zdjęciach używamy szablonu Hific, który ma sekcję, w której możesz opowiedzieć o tym, co oferujesz, oraz sekcję, w której możesz pokazać referencje klientów.

Gdy znajdziesz szablon, którego chcesz użyć, kliknij „Importuj ten lejek”.

Importowanie lejka sprzedażowego na Twoją stronę WordPress

W tym momencie FunnelKit może poprosić o zainstalowanie dodatkowych wtyczek, takich jak ich wtyczka SlingBlocks dla edytora bloków.

Jeśli widzisz tę wiadomość, kliknij „Aktywuj”, aby uzyskać potrzebne wtyczki.

Jak stworzyć niestandardową stronę WooCommerce checkout za pomocą darmowych wtyczek WordPress

Następnie możesz wpisać nazwę strony płatności w sklepie. Jest to tylko do Twojej wiadomości, więc możesz użyć czegokolwiek, co pomoże Ci zidentyfikować stronę w panelu WordPress.

Po wykonaniu tej czynności kliknij przycisk „Dodaj”.

Nazewnictwo Twojego lejka FunnelKit WordPress i WooCommerce

Na następnym ekranie zobaczysz wszystkie kroki zawarte w tym szablonie. Dodatkowe kroki możesz odblokować, przechodząc na wersję FunnelKit Pro.

Ponieważ korzystasz z darmowej wersji FunnelKit, szablon zawiera stronę płatności oraz niestandardową stronę podziękowania WooCommerce.

Krok 3: Utwórz niestandardowy projekt strony płatności

Aby przejść dalej i dostosować stronę płatności, kliknij link „Edytuj”.

Dostosowywanie ekranu płatności WooCommerce

Możesz teraz kliknąć „Edytuj szablon”, aby otworzyć szablon w edytorze bloków WordPress.

Uwaga: Jeśli korzystasz z kreatora stron, FunnelKit może otworzyć szablon w innym edytorze. Jeśli tak się stanie, musisz kliknąć „Przełącz na edytor WordPress” zamiast „Edytuj szablon”.

Dostosowywanie strony realizacji zakupu WooCommerce w Twoim sklepie internetowym

Możesz teraz dostosować szablon dokładnie tak samo, jak tworzysz dowolną stronę WordPress. Po prostu kliknij dowolny blok, a następnie dopracuj go, korzystając z ustawień w menu po prawej stronie i na minipasku narzędzi.

Na przykład, zazwyczaj będziesz chciał zastąpić logo zastępcze własnym niestandardowym logo. Aby to zrobić, kliknij, aby zaznaczyć blok Obraz i wybierz „Zastąp” na pasku narzędzi.

Dodawanie niestandardowego logo do strony płatności w Twoim sklepie internetowym

Teraz wybierz Otwórz Bibliotekę Mediów i wybierz obraz z biblioteki mediów WordPress, lub kliknij „Prześlij” i wybierz plik z komputera.

Po wybraniu obrazu możesz dodać tekst alternatywny obrazu, zmienić szerokość, a nawet dodać zaokrąglone rogi, korzystając z ustawień w menu po prawej stronie.

Tworzenie niestandardowej realizacji zamówienia dla sklepu internetowego

Będziesz również chciał zastąpić tekst zastępczy informacjami o swoim własnym rynku online i referencjami klientów. Po prostu kliknij na dowolny blok tekstowy, aby go edytować, w dokładnie taki sam sposób, w jaki pracujesz z tekstem w standardowym edytorze bloków WordPress.

Po wykonaniu tej czynności możesz stylizować tekst za pomocą ustawień w menu po prawej stronie. Na przykład, możesz użyć ramek i cieni pól, aby tekst się wyróżniał, zmienić rodzinę czcionek lub zmienić kolor tekstu w WordPress.

Dodawanie dowodu społecznego do procesu płatności WooCommerce

Po prostu powtórz te kroki, aby dostosować wszystkie standardowe bloki w szablonie FunnelKit Builder. Możesz również dodać więcej bloków, klikając ikonę „+” lub usunąć bloki, których nie potrzebujesz.

Większość tych bloków powinna być Ci znana, ale FunnelKit zawiera kilka niestandardowych bloków. Ponieważ używasz szablonu płatności, projekt będzie już zawierał blok FunnelKit Checkout, więc kliknij, aby wybrać ten blok.

W menu po prawej stronie zobaczysz listę wszystkich różnych sekcji w bloku Płatność, takich jak Nagłówek Formularza, Kupon i Bramki Płatności.

Jak dostosować stronę płatności w sklepie e-commerce

Po prostu kliknij, aby rozwinąć każdą sekcję, a następnie dokonaj zmian.

Zazwyczaj, jeśli sekcja ma nagłówek, podtytuł lub etykietę przycisku, możesz ją zmienić, wpisując nowy tekst.

Jak dostosować stronę realizacji transakcji WooCommerce

Niektóre sekcje są opcjonalne, więc możesz je włączać i wyłączać za pomocą przełącznika.

Na przykład możesz chcieć dodać rozwijane podsumowanie zamówienia, aby kupujący mógł zobaczyć wszystkie przedmioty w swoim koszyku.

Dodanie rozwijanego podsumowania zamówienia do sklepu e-commerce

Możesz dodać więcej pól do formularza realizacji zakupu lub usunąć te, których nie potrzebujesz. Na przykład, jeśli używasz WooCommerce do sprzedaży produktów cyfrowych, zazwyczaj nie musisz zbierać żadnych informacji o wysyłce.

Krok 4: Dostosuj formularz płatności

Kiedy będziesz zadowolony z wyglądu strony realizacji zakupu, czas przyjrzeć się bliżej polom formularza i wprowadzić wszelkie niezbędne zmiany.

Aby to zrobić, kliknij „Zaktualizuj”, aby zapisać zmiany, a następnie wybierz „Powrót do strony płatności”.

Zapisywanie niestandardowego projektu strony WooCommerce

Teraz kliknij zakładkę „Pola”, aby zobaczyć wszystkie różne sekcje i pola, które tworzą formularz realizacji zamówienia.

Możesz zmienić kolejność tych pól za pomocą przeciągania i upuszczania.

Dodawanie pól do formularza zamówienia

Aby dodać więcej pól, po prostu przeciągnij je z prawej sekcji, a następnie upuść na swoim formularzu.

Możesz również zorganizować te pola w sekcje, klikając przycisk „Dodaj sekcję”.

Dodawanie sekcji do formularza sklepu internetowego

W pojawiającym się oknie dialogowym po prostu wpisz nazwę sekcji. Ponieważ klienci będą ją widzieć, dobrym pomysłem jest dodanie opisowego, użytecznego nagłówka.

Po wykonaniu tej czynności kliknij „Dodaj”.

Dostosowywanie formularza płatności i zamówienia WooCommerce

Teraz możesz dodawać pola do sekcji za pomocą metody przeciągnij i upuść.

Chcesz usunąć pole z formularza realizacji zakupu? Następnie po prostu najedź kursorem myszy na pole i kliknij czerwony symbol „x”, gdy się pojawi.

Usuwanie pól z formularza płatności i zamówienia WooCommerce

Aby dostosować dowolne pola FunnelKit, po prostu kliknij na to pole.

Widoczne ustawienia mogą się różnić w zależności od pola, ale zazwyczaj można zmienić jego etykietę, dodać wartość zastępczą lub oznaczyć pole jako obowiązkowe, zaznaczając pole wyboru „Wymagane”.

Edycja pól w formularzu zamówienia online

Gdy będziesz zadowolony z konfiguracji pól płatności, nie zapomnij kliknąć „Zapisz zmiany”, aby zachować swoje ustawienia.

Krok 5: Zwiększ sprzedaż dzięki optymalizacjom FunnelKit

Aby uzyskać więcej sprzedaży, dobrym pomysłem jest włączenie niektórych optymalizacji FunnelKit, klikając na zakładkę „Optymalizacje”.

Tworzenie strony płatności WooCommerce o wysokiej konwersji

Tutaj zobaczysz wszystkie różne optymalizacje, które mogą ułatwić proces płatności.

Darmowa wtyczka FunnelKit zawiera przyciski szybkiej płatności dla wszystkich najlepszych bramek płatności WooCommerce. Pozwala to kupującym kliknąć preferowany przycisk szybkiej płatności i zapłacić przy użyciu istniejącego konta, podobnie jak przycisk kup teraz.

Ponieważ klient nie musi wypełniać formularza płatności, może to zmniejszyć wskaźnik porzuceń koszyka i pomóc w uzyskaniu większej liczby sprzedaży.

Aby skonfigurować szybką płatność, wybierz „Przyciski szybkiej płatności” z menu po lewej stronie. Następnie kliknij przycisk „Włącz” i użyj listy rozwijanej „Wybierz pozycję”, aby zmienić miejsce wyświetlania przycisku na stronie płatności.

Dodawanie płatności ekspresowych do Twojego sklepu internetowego

Pamiętaj tylko, że będziesz musiał włączyć przyciski żądania płatności w ustawieniach bramki Stripe w WooCommerce, aby używać przycisku Apple Pay.

Następnie możesz włączyć ulepszone pole telefonu. Kiedy klient wpisuje swój adres wysyłki, FunnelKit może wyświetlić flagę kraju obok pola telefonu.

Dodanie flagi telefonu do formularza płatności

Pozwala to kupującym wiedzieć, że wpisali właściwy adres.

Aby dodać tę funkcję, wybierz „Ulepszone pole telefonu” z menu po lewej stronie, a następnie kliknij przycisk „Tak” obok opcji „Włącz”.

Ustawienia optymalizacji konwersji FunnelKit

Na tym ekranie możesz również zweryfikować numer telefonu przy użyciu wybranego przez kupującego kraju. Jest to sposób na sprawdzenie, czy klient wpisał prawidłowy numer telefonu.

Aby włączyć to sprawdzenie, po prostu wybierz przycisk „Tak” obok opcji „Weryfikuj numer telefonu”.

Na koniec możesz wybrać, czy zapisać numer telefonu z kodem kraju, czy bez kodu kraju. Jeśli sprzedajesz klientom międzynarodowym, zazwyczaj ma sens wybranie opcji „Z kodem kraju”.

Gdy będziesz zadowolony z konfiguracji optymalizacji, kliknij „Zapisz zmiany”.

Jak widać, FunnelKit oferuje znacznie więcej optymalizacji, które mogą pomóc Ci zwiększyć sprzedaż. Obejmuje to autouzupełnianie adresu rozliczeniowego i wysyłkowego klienta, automatyczne stosowanie kuponów oraz wstępne wypełnianie formularza realizacji zamówienia dla powracających klientów.

Aby odblokować te potężne optymalizacje WooCommerce, musisz zaktualizować do FunnelKit Builder Pro.

Krok 6: Opublikuj niestandardową stronę płatności WooCommerce

Darmowy plugin FunnelKit ma znacznie więcej ustawień i funkcji, które mogą pomóc w stworzeniu strony płatności o wysokiej konwersji. Jednak to wszystko, czego potrzebujesz, aby stworzyć niestandardową stronę płatności WooCommerce.

Gdy będziesz zadowolony z konfiguracji strony płatności, nadszedł czas, aby ją opublikować, klikając przycisk „Szkic”.

Publikowanie niestandardowej strony płatności WooCommerce

Jeśli chcesz wyświetlić podgląd strony przed jej opublikowaniem, kliknij „Podgląd”. Otworzy to niestandardową stronę płatności w nowej karcie.

Aby strona była aktywna, po prostu zmień jej status z „Wersja robocza” na „Opublikowana” i kliknij przycisk „Zaktualizuj”. Teraz, jeśli odwiedzisz swoją stronę WordPress, zobaczysz aktywną niestandardową stronę płatności.

FunnelKit automatycznie zastąpi domyślną stronę płatności WooCommerce, więc nie musisz zmieniać żadnych ustawień.

Przykład niestandardowej strony realizacji zakupu

Metoda 2. Dostosuj swoją stronę realizacji zamówienia za pomocą SeedProd

Możesz również utworzyć niestandardową stronę płatności WooCommerce za pomocą SeedProd.

Jest to najlepszy kreator stron docelowych używany przez ponad 1 milion stron internetowych, który zawiera ponad 180 profesjonalnie zaprojektowanych szablonów, w tym szablony e-commerce, których możesz użyć do tworzenia stron sprzedażowych i stron przechwytujących dane kontaktowe.

Co więcej, SeedProd w pełni obsługuje WooCommerce i zawiera nawet specjalne bloki WooCommerce, których można użyć do szybkiego stworzenia niestandardowej strony realizacji zamówienia.

Kilka naszych marek partnerskich zaprojektowało całe swoje strony internetowe przy jego użyciu i były zachwycone jego przyjaznością dla użytkownika. Szczegóły znajdziesz w naszej recenzji SeedProd.

Ponieważ pozwala tworzyć wszelkiego rodzaju strony, SeedProd jest świetnym wyborem, jeśli chcesz dostosować inne strony, a nawet stworzyć niestandardowy motyw WordPress dla swojego sklepu internetowego.

Krok 1: Zainstaluj i aktywuj wtyczkę SeedProd

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Uwaga: Istnieje darmowa wersja SeedProd, ale w tym poradniku użyjemy wersji Pro, ponieważ zawiera ona wbudowane bloki WooCommerce, których potrzebujemy. Integruje się również z usługami marketingu e-mailowego, których możesz już używać, aby uzyskać więcej sprzedaży i konwersji.

Po aktywacji przejdź do SeedProd » Settings i wprowadź swój klucz licencyjny.

Wprowadzanie klucza licencyjnego SeedProd

Te informacje znajdziesz na swoim koncie na stronie internetowej SeedProd. Po wprowadzeniu licencji kliknij przycisk „Zweryfikuj klucz”.

Krok 2: Wybierz szablon SeedProd

Następnie przejdź do SeedProd » Strony docelowe i kliknij „Dodaj nową stronę docelową”.

Tworzenie niestandardowej strony płatności za pomocą SeedProd

Następnie musisz wybrać szablon dla swojej niestandardowej strony płatności.

Szablony SeedProd są zorganizowane według różnych typów kampanii, takich jak w budowie i strony 404. Możesz kliknąć na zakładki u góry ekranu, aby filtrować szablony SeedProd według typu kampanii.

Wybór projektu pasującego do typu strony, którą chcesz utworzyć, pomoże Ci szybciej ją zbudować. Jednak każdy szablon jest w pełni konfigurowalny, więc zawsze możesz dopracować projekt, aby lepiej pasował do Twojego sklepu internetowego.

W tym przewodniku wybierz „Pusty szablon”, aby zacząć od czystej karty.

Aby wybrać szablon, najedź na niego kursorem myszy, a następnie kliknij ikonę „Zaznaczenie”.

Profesjonalnie zaprojektowane szablony SeedProd

Następnie wpisz nazwę dla swojej niestandardowej strony płatności. SeedProd automatycznie utworzy adres URL na podstawie tytułu strony.

Możesz zmienić ten adres URL na dowolny. Zalecamy, aby był prosty i opisowy, na przykład „checkout” lub „complete-your-order”.

Gdy będziesz zadowolony z wprowadzonych informacji, kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Jak utworzyć niestandardową stronę realizacji zamówienia WooCommerce za pomocą SeedProd

Spowoduje to przejście do edytora metodą przeciągnij i upuść, gdzie możesz zbudować niestandardową stronę płatności WooCommerce.

Krok 3: Zaprojektuj stronę płatności o wysokiej konwersji

Edytor SeedProd pokazuje podgląd Twojej strony realizacji transakcji po prawej stronie, a ustawienia niektórych bloków po lewej.

Kreator stron i edytor SeedProd

Po prostu zacznij od stworzenia markowego nagłówka.

Tutaj możesz użyć sekcji, która jest zbiorem bloków, które są często używane razem. Po prostu kliknij na zakładkę „Sekcje”, a następnie wybierz kategorię „Nagłówek”.

Dodawanie sekcji nagłówka do niestandardowej strony realizacji zakupu WooCommerce

Następnie najedź kursorem myszy na sekcję „Nagłówek 1” i kliknij ikonę „Plus”.

Dodaje to sekcję nagłówka do Twojego układu.

Jak dostosować stronę realizacji zamówienia WooCommerce za pomocą SeedProd

Na początek, chcesz zastąpić symbol zastępczy „Twoje Logo”, klikając, aby zaznaczyć ten blok.

Następnie kliknij ikonę „Wybierz obraz” w menu po lewej stronie.

Dodawanie logo do strony płatności w sklepie internetowym

Możesz teraz wybrać obraz z biblioteki mediów lub przesłać nowy plik z komputera.

Sekcja Nagłówek 1 zawiera menu nawigacyjne. Aby pomóc klientom skupić się na dokończeniu zakupu, zalecamy jego usunięcie. Zmniejsza to rozproszenie uwagi i pomaga skierować kupującego w stronę przycisku płatności.

Aby usunąć blok Menu Nawigacyjnego, po prostu kliknij, aby zaznaczyć ten blok. Następnie kliknij opcję „Usuń blok”.

Usuwanie bloku nawigacji ze strony SeedProd

Po wykonaniu tej czynności kliknij na przycisk wezwania do działania.

Mądrze jest dać kupującym możliwość powrotu do strony koszyka i dodania kolejnych przedmiotów lub zmiany ilości. Mając to na uwadze, wpisz wezwanie do działania, którego chcesz użyć dla tego przycisku, na przykład „Zobacz koszyk” lub podobne.

Dodanie przycisku CTA do strony realizacji zakupu w Twoim sklepie internetowym

Następnie wpisz adres URL swojej strony koszyka WooCommerce w polu „Link”.

Teraz kupujący mogą odwiedzić stronę koszyka, klikając ten przycisk.

Dodanie linku do wezwania do działania w kasie
Dodaj treści sprzedażowe i krzyżowe

Następnie nadszedł czas, aby wybrać układ dla reszty strony realizacji zamówienia.

Dobrym pomysłem jest wyświetlanie polecanych produktów w pasku bocznym, ponieważ zachęca to kupujących do dodawania większej liczby przedmiotów do koszyka. Mając to na uwadze, kliknij układ treści i paska bocznego w sekcji „Wybierz swój układ”.

Dodawanie bloku płatności do szablonu eCommerce

Po wykonaniu tej czynności znajdź blok „Płatność” w menu po lewej stronie i przeciągnij go do swojego układu.

Możesz całkowicie dostosować wygląd swojego formularza płatności za pomocą ustawień w menu po lewej stronie, w tym zmienić schemat kolorów, wybór czcionki, kolor linków, przyciski i inne.

Dostosowywanie bloku realizacji zamówienia WooCommerce SeedProd

Kiedy będziesz zadowolony z wyglądu sekcji płatności, czas dodać sekcję z popularnymi produktami lub polecanymi produktami. Może to zwiększyć sprzedaż, promując dodatkowe produkty, które kupujący mogą chcieć nabyć.

Aby utworzyć tę sekcję, po prostu przeciągnij blok „Najlepiej sprzedające się produkty” na swoją stronę.

Wyświetlanie najlepiej sprzedających się produktów WooCommerce na stronie realizacji zamówienia

Możesz teraz skonfigurować ten blok, korzystając z ustawień w menu po lewej stronie. Więcej szczegółów znajdziesz w naszym przewodniku na temat wyświetlania popularnych produktów w WooCommerce.

Następnie dobrym pomysłem jest dodanie nagłówka nad popularnymi produktami. Po prostu przeciągnij blok „Nagłówek” na swoją stronę i upuść go nad blokiem popularnych produktów.

Wyświetlanie najlepiej sprzedających się produktów na niestandardowej stronie realizacji zamówienia

Następnie kliknij, aby wybrać blok „Nagłówek” i wpisz nagłówek, którego chcesz użyć.

Wyświetlaj recenzje i oceny klientów

Gdy to zrobisz, zalecamy pokazanie dowodów społecznych poprzez dodanie bloku z referencjami klientów. Po prostu znajdź blok „Referencje” i przeciągnij go na swój układ.

Dodawanie opinii klientów do niestandardowej strony realizacji zamówienia WooCommerce

Teraz możesz zmienić wygląd referencji w swoim sklepie internetowym.

Na przykład, w menu po lewej stronie zobaczysz ustawienia dotyczące zmiany koloru dymka komentarza, zmiany wyrównania i dodania większej liczby opinii klientów.

Kolejnym świetnym pomysłem jest wyświetlanie oceny gwiazdkowej pod Twoimi referencjami. Jest to świetny wybór, jeśli masz już wiele pozytywnych opinii.

Aby to zrobić, po prostu znajdź blok „Ocena gwiazdkowa” i przeciągnij go pod blok opinii.

Dodawanie oceny gwiazdkowej klienta do strony płatności w Twoim sklepie internetowym
Krok 4: Opublikuj stronę płatności WooCommerce

Gdy będziesz zadowolony z wyglądu strony płatności WooCommerce, nadszedł czas, aby ją opublikować, klikając strzałkę w dół obok „Zapisz”.

Następnie wybierz opcję „Opublikuj”.

Publikowanie niestandardowej strony płatności WooCommerce

Teraz, jeśli odwiedzisz swój sklep, zobaczysz stronę płatności na żywo.

Wskazówka pro: Śledzenie konwersji może pomóc Ci zobaczyć, co działa na Twojej stronie płatności, a co nie. Następnie możesz wykorzystać te informacje do dopracowania swojej strony płatności za pomocą SeedProd. Więcej szczegółów znajdziesz w naszym przewodniku jak skonfigurować śledzenie konwersji WooCommerce.

Krok 5: Przypisz swoją stronę płatności do WooCommerce

W tym momencie opublikowałeś niestandardową stronę realizacji zakupu, ale Twój blog WordPress lub strona internetowa nadal korzysta z domyślnego projektu. Będziesz musiał zmienić domyślne ustawienia adresu URL, aby WooCommerce wysyłał klientów na nową stronę realizacji zakupu zamiast na domyślną.

Aby to zrobić, przejdź do WooCommerce » Ustawienia i kliknij zakładkę „Zaawansowane”.

Ustawienia eCommerce wtyczki WooCommerce

Następnie otwórz menu rozwijane „Strona płatności” i zacznij wpisywać adres URL niestandardowej strony płatności, którą właśnie utworzyłeś.

Gdy pojawi się właściwa strona, kliknij, aby ją wybrać.

Zmiana domyślnej strony płatności WooCommerce w Twoim sklepie e-Commerce

Po wykonaniu tej czynności przewiń stronę do samego dołu i kliknij „Zapisz zmiany”, aby zapisać swoje ustawienia. WooCommerce będzie teraz używać niestandardowej strony realizacji zakupu.

Bonus: Jak zmniejszyć liczbę porzuceń strony płatności

Utworzenie niestandardowej, przyjaznej dla użytkownika strony płatności to świetny pierwszy krok w kierunku zmniejszenia porzuceń koszyka. Ale projekt to tylko część układanki.

W tej sekcji podzielimy się kilkoma sprawdzonymi strategiami, które możesz wykorzystać, aby dalej optymalizować proces i przekonać więcej kupujących do dokończenia zakupu.

Unikaj Dodawania Dodatkowych Opłat za Płatność

Kiedy klient przechodzi do płatności, oczekuje, że całkowita cena będzie zbliżona do całkowitej ceny produktu. Jeśli dotrze do strony płatności i zobaczy podatki, wysokie koszty wysyłki i inne dodatkowe opłaty, istnieje duża szansa, że nie dokończy zakupu.

Przykład kasy WooCommerce z dodatkowymi opłatami

Niektórzy klienci mogą kontynuować zakup, jeśli uważają, że koszty są uzasadnione. Jednak znacznie lepiej jest być szczerym co do cen, aby klienci wiedzieli, czego się spodziewać.

Jeśli masz dużo dodatkowych opłat, zalecamy dodanie ich do cen produktów. Jest to znacznie mniej mylące dla klienta.

Kiedy tylko jest to możliwe, dobrym pomysłem jest również zaoferowanie darmowej dostawy.

Uczyń tworzenie konta opcjonalnym lub prostszym

Zmuszanie kupujących do założenia konta podczas finalizacji zakupu dodaje wiele przeszkód do procesu zakupu i może zwiększyć wskaźnik porzuceń koszyka.

Możesz zezwalaj na rejestrację użytkowników na swojej stronie WordPress, ale powinieneś unikać czynienia jej obowiązkową. Zamiast tego możesz pozwolić kupującym na dokonanie zakupu jako goście, ale zaoferować im kod kuponu, jeśli utworzą konto.

Przykład formularza zapisu do newslettera

W ten sposób możesz generować leady i rozwijać swoją listę e-mailową bez utraty sprzedaży.

Oferuj więcej opcji płatności przy kasie

Większość ludzi ma preferowaną metodę płatności. Może to być konto PayPal zapisane na komputerze kupującego lub karta kredytowa, która jest fizycznie pod ręką.

Kupujący mogą porzucić stronę realizacji zamówienia, jeśli nie obsługujesz ich ulubionej metody płatności. Chociaż niemożliwe jest oferowanie każdej metody, powinieneś dążyć do oferowania najpopularniejszych opcji płatności.

Strona płatności WooCommerce z wieloma opcjami płatności

Więcej szczegółów znajdziesz w naszym zestawieniu najlepszych bramek płatności WooCommerce dla WordPressa.

Wyświetl wyskakujące okienko z limitem czasowym

Możesz również zmniejszyć liczbę porzuconych koszyków za pomocą wyskakującego okienka czasowego.

OptinMonster to najlepsza wtyczka do tworzenia wyskakujących okienek w WordPressie i posiada unikalną technologię Exit-Intent®, która może wyświetlać wyskakujące okienka dokładnie wtedy, gdy klient ma zamiar opuścić stronę płatności.

Możesz nawet użyć OptinMonster, aby zaoferować kupującym specjalny kod rabatowy, jeśli dokonają zakupu teraz.

Popup porzuconego koszyka, utworzony za pomocą OptinMonster
Ustaw powiadomienia push o porzuconych koszykach

Innym świetnym sposobem na zmniejszenie liczby porzuceń koszyka jest skonfigurowanie powiadomień push w sieci.

Te powiadomienia są wyświetlane w przeglądarkach mobilnych i stacjonarnych użytkowników, nawet gdy nie znajdują się oni na Twojej stronie internetowej. Ułatwia to dotarcie do kupujących i przypomnienie im o dokonaniu zakupu.

PushEngage jest używany przez ponad 25 000 właścicieli inteligentnych firm i jest najlepszym oprogramowaniem do powiadomień push w sieci na rynku. Pozwala łatwo tworzyć kampanie dotyczące porzuconych koszyków w WooCommerce.

Przykład powiadomienia o porzuconym koszyku

Możesz również skonfigurować kampanie porzuconego przeglądania, alerty o spadku cen, ogłoszenia o nowych produktach, alerty o zapasach i wiele więcej.

Utwórz niestandardową stronę koszyka WooCommerce

Po zoptymalizowaniu strony płatności WooCommerce, możesz również rozważyć dostosowanie strony koszyka WooCommerce.

Optymalizując zarówno koszyk, jak i stronę płatności, możesz sprawić, że cały proces zakupu będzie bezproblemowy, dzięki czemu nie przegapisz żadnej sprzedaży. Możesz również zaprojektować obie strony tak, aby miały tę samą identyfikację wizualną, zapewniając odwiedzającym spójne doświadczenie płatności.

Szczegółowe instrukcje krok po kroku znajdziesz w naszym przewodniku jak stworzyć niestandardową stronę koszyka WooCommerce.

Często zadawane pytania dotyczące personalizacji realizacji zakupu w WooCommerce

Oto kilka pytań, które nasi czytelnicy często zadawali na temat ulepszania swojej strony płatności WooCommerce:

Jak dodać niestandardowe pole w WooCommerce podczas płatności?

Najprostszym sposobem dodania niestandardowego pola jest użycie wtyczki edytora płatności, takiej jak FunnelKit Builder. Zapewnia ona wizualny interfejs typu „przeciągnij i upuść”, który pozwala dodawać, usuwać i zmieniać kolejność pól w formularzu płatności bez konieczności pisania kodu.

Jak dostosować strony WooCommerce?

Najlepszym sposobem na dostosowanie dowolnej strony WooCommerce (takiej jak sklep, koszyk lub płatność) jest użycie wtyczki do tworzenia stron, takiej jak SeedProd. Pozwala ona tworzyć w pełni niestandardowe układy i projekty za pomocą edytora typu „przeciągnij i upuść”, dając Ci pełną kontrolę nad wyglądem i stylem Twojego sklepu.

Więcej szczegółów znajdziesz w naszym przewodniku dla początkujących na temat edycji stron WooCommerce.

Jak zmienić tekst na mojej stronie realizacji zamówienia w WooCommerce?

Możesz łatwo zmienić tekst na stronie realizacji zamówienia, taki jak nagłówki czy etykiety przycisków, za pomocą wtyczki takiej jak FunnelKit Builder.

Jego edytor pozwala na bezpośrednie klikanie i przepisywanie elementów tekstowych. W przypadku bardziej złożonych zmian można również użyć wtyczki do tłumaczenia, aby znaleźć i zastąpić określone ciągi tekstowe.

Jak edytować skrócony kod WooCommerce do realizacji zamówienia?

Nie można bezpośrednio edytować skróconego kodu [woocommerce_checkout], ponieważ jego zawartość jest generowana przez pliki szablonów WooCommerce.

Aby dostosować jego wyjście, należy użyć wtyczki takiej jak FunnelKit lub SeedProd, aby utworzyć nowy projekt strony realizacji zamówienia, który następnie zastąpi domyślne wyjście skróconego kodu.

Mamy nadzieję, że ten artykuł pomógł Ci łatwo dostosować stronę realizacji zamówienia WooCommerce. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia wyskakującego okienka WooCommerce w celu zwiększenia sprzedaży oraz naszym wyborem najlepszych wtyczek WooCommerce dla Twojego sklepu.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

1 CommentLeave a Reply

  1. Tyle informacji w jednym miejscu, to absolutnie niesamowite. Uwielbiam WooCommerce, ponieważ daje mi dużą elastyczność w personalizacji mojego sklepu. Dzięki Waszym przewodnikom udało mi się już zmodyfikować i wystylizować wiele rzeczy, aby pasowały do mojej marki, i chcę kontynuować, aby cała strona odzwierciedlała moją markę, a nie domyślne WooCommerce lub motyw. Dziękuję bardzo za więcej praktycznych wskazówek, jak dostosować nawet stronę płatności.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.