Przejdź do głównej treści

Jak dostosować formularze rejestracji i logowania WooCommerce

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy zastanawiałeś się kiedyś, jak zmienić strony logowania i rejestracji WooCommerce?

Jeśli korzystasz z WooCommerce w swoim sklepie internetowym, to ten drugi już znasz. Jest to obecnie jedna z najlepszych platform e-commerce.

Nie możesz zignorować faktu, że jest bardzo wygodny w użyciu i może bardzo przynieść korzyści Twojemu sklepowi internetowemu. Istnieje wiele kolekcji plików Motywy WordPress et Wtyczki i rozszerzenia WooCommerce żeby ci w tym pomóc.

Jednak niektóre z jego funkcji, takie jak logowanie do WooCommerce lub formularz rejestracyjny WooCommerce, są dość ograniczone. To właśnie omówimy w tym artykule.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Po co dostosowywać formularze logowania i rejestracji WooCommerce?

Ograniczone opcje pól:

Domyślny formularz rejestracji i logowania WooCommerce zawiera odpowiednie pola, w których użytkownik może utworzyć konto. Ale jeśli chcesz dodać kilka dodatkowych pól, nie możesz tego zrobić domyślnie. ty nie można dodawać i wyświetlać pola, takie jak pola wyboru, menu rozwijane oraz adres do faktury i wysyłki, gdy są potrzebne lub pożądane.

Oddzielne strony logowania i rejestracji

Domyślnie formularze logowania i rejestracji WooCommerce są wyświetlane na tej samej stronie. Chociaż jest to również bardzo przydatne, nie możesz tworzyć oddzielnych stron do logowania i formularzy rejestracyjnych, jeśli chcesz. Aby temu zaradzić, musisz użyć kodu lub innej wtyczki.

Ograniczenia projektowe

Dla niektórych użytkowników wizualna reprezentacja domyślnych formularzy logowania i rejestracji WooCommerce może być nieco nudna i nudna. Niestety, WooCommerce nie daje możliwości ich dostosowania. Dlatego w domyślnym formularzu nie można używać różnych kolorów, formatów tekstu ani obramowań.

Dostosuj swoje formularze logowania i rejestracji WooCommerce:

Większość dostosowań strony logowania WooCommerce i formularza rejestracyjnego można łatwo wykonać za pomocą jednej wtyczki, Rejestracja nowego użytkownika. Jest to wtyczka, która jest specjalnie ukierunkowana na tworzenie wydajnych formularzy logowania i rejestracji w Twojej witrynie. To ma interfejs obsługujący funkcję „przeciągnij i upuść”  za pomocą którego możesz łatwo dostosowywać swoje ustawienia bez codage.

Wszystko, co musisz zrobić, to zainstalować i aktywować.

Rejestracja użytkownika Rejestracja logowania woocommerce

Musisz także dodać niektóre z jego rozszerzeń.Dodatek WooCommerce może pomóc dalej. Dzięki temu dodatkowi możesz bez wysiłku zintegrować swoje niestandardowe formularze rejestracyjne z WooCommerce i pokonać ograniczenia WooCommerce.

Twój woocommerce

Następnie możesz go użyć do stworzenia formularza logowania lub rejestracji WooCommerce i rozpoczęcia ich edycji.

1. Dodaj dodatkowe pola do swojego loginu lub formularza rejestracyjnego WooCommerce

Wtyczka WordPress User Registration daje możliwość dodania kolejnych pól do formularza rejestracyjnego. Przede wszystkim musisz utworzyć nowy formularz rejestracyjny stamtąd przejdź do Rejestracja nowego użytkownika >> Dodaj nowy w panelu WordPress.

Odkryj też Jak dodać obraz tła w WordPress

Możesz użyć pól Fakturowanie i wysyłka WooCommerce dodatkowo z zakładki Fields po lewej stronie ekranu.

W razie potrzeby możesz nawet dodać dodatkowe pola za pomocą menu rozwijanych, pól wyboru i przycisków opcji.

Te pola można łatwo dodać za pomocą funkcji przeciągnij i upuść wtyczki WordPress User Registration. Twoje nowe pola formularza będą widoczne w formularzu rejestracyjnym, gdy Twoi użytkownicy będą chcieli utworzyć nowe konto.

2. Zastąp domyślne formularze logowania i rejestracji WooCommerce

Po utworzeniu nowego formularza logowania lub rejestracji WooCommerce należy zastąpić go domyślnym formularzem WooCommerce.

Zobacz także nasz przewodnik na temat Jak dodać sklep WooCommerce na Facebook

Wszystko, co musisz zrobić, to iść dalej WooCommerce >> Ustawienia i otwórz kartę Konta i poufność. W sekcji Tworzenie konta, sprawdzać Pozwól klientom utworzyć konto na stronie „Moje konto” i zapisz zmiany.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Zastąp domyślne formularze rejestracji woocommerce

Następnie przejdź do Rejestracja nowego użytkownika >> Ustawienia i otwórz kartę WooCommerce. Tutaj wybierz formularz rejestracyjny, który chcesz zintegrować. Następnie zaznacz opcję Zastąp stronę rejestracji i zapisz zmiany.

Przeczytaj także nasz artykuł na temat Jak wyświetlić menu dla swoich abonentów woocommerce warunkowych

Teraz zostanie wyświetlony spersonalizowany formularz logowania i formularz rejestracyjny WooCommerce.

Zarówno formularze logowania, jak i formularze rejestracyjne WooCommerce będą domyślnie wyświetlane na tej samej stronie. Ale jeśli ty chcą wyświetlać je na różnych stronach, możesz to również zrobić za pomocą wtyczki Rejestracja nowego użytkownika. Najpierw utwórz oddzielne strony do rejestracji i logowania.

Aby wyświetlić stronę logowania oddzielniedodaj następujący krótki kod na stronie, którą chcesz wyświetlić. Powinieneś także przekierować go do linku do strony konta po zalogowaniu użytkownika. Po prostu dodaj parametr przekierowanie_url  do linku do strony i opublikuj ją.

[user_registration_my-compte redirect_url = "link do strony konta"]

Zastąp domyślne formularze Rejestracja woocommerce 1

Aby osobno wyświetlić stronę rejestracji, musisz mieć utworzony przez siebie krótki kod rejestracji WooCommerce. Możesz to mieć, kontynuując Rejestracja nowego użytkownika >> Rejestracja użytkownika z pulpitu WordPress.

Teraz skopiuj i wklej krótki kod, w którym chcesz wyświetlić formularz rejestracyjny. Następnie opublikuj stronę.

Ou

Możesz po prostu użyć edytora bloków, aby wyświetlić utworzony formularz rejestracyjny. Po prostu wyszukaj blok Rejestracja nowego użytkownika i wybierz formularz rejestracyjny, który chcesz wyświetlić. Następnie opublikuj stronę.

Zastąp domyślne formularze Rejestracja woocommerce 2

3. Pokaż dodatkowe pola na stronie konta

Po zalogowaniu się lub zarejestrowaniu nowego konta użytkownik zostaje przekierowany do strony Mon compte. Jednak dodatkowe szczegóły na stronie logowania lub rejestracji WooCommerce mogą nie być wyświetlane na stronie konta.

Oto Wtyczki 10 WordPress do dodania kalkulatora do Twojej witryny

Ale po pomyślnym zastąpieniu formularzy logowania i rejestracji możesz zobaczyć dodatkowe szczegóły na stronie konta. Po prostu idź dalej  Moje konto >> Szczegóły konta.

Uwaga: Wygląd strony Moje konto może się różnić w zależności od motywu.

4. Zintegruj konto WooCommerce na stronie kasy

Dla wygody swoich klientów możesz również wyświetlić spersonalizowany formularz rejestracyjny na stronie kasy z wtyczką Rejestracja użytkownika. Możesz nawet wybrać, które pola mają wypełnić na stronie kasy. Aby dodać swoje konto WooCommerce na stronie kasy, wystarczy wykonać podane czynności.

Przeczytaj także nasz artykuł na temat 10 wtyczek WordPress WooCommerce do wykorzystania na swoim blogu

Po prostu idź dalej WooCommerce >> Ustawienia i otwórz kartę Konta i poufność. Następnie w sekcji Konto i prywatność, zaznacz opcję Pozwól klientom utworzyć konto podczas weryfikacji zamówienia.

Autoryzuj klientów stwórz stronę konta moje konto

Ponownie przejdź do Rejestracja użytkownika >> Ustawienia, i pod zakładką woocommerce, zobaczysz sekcję Synchronizuj rejestrację do kasyTutaj wystarczy zaznacz opcję: Zaznacz tę opcję, aby zsynchronizować rejestrację użytkownika z rejestracją do kasy WooCommerce. Zostaną wyświetlone dodatkowe pola, które nie są dostępne w formularzu rejestracyjnym WooCommerce.

Integracja woocommerce strona logowania i rejestracji konta

Następnie wystarczy wybrać pola, które mają być wyświetlane klientom w formularzu rejestracji przy kasie. Zawiera nawet pola na adresy rozliczeniowe i wysyłkowe.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Następnym razem, gdy klient zechce dokonać płatności, otrzyma formularz z dodatkowymi określonymi polami do wypełnienia.

5. Przeprojektowanie formularzy logowania i rejestracji WooCommerce

Rejestracja użytkownika to świetna wtyczka do tworzenia formularzy WordPress, która pozwala nawet w pełni dostosować formularze logowania i rejestracji WooCommerce.

Możesz użyć jego addon Dostosowywanie stylu aby pomóc Ci zmienić wygląd całego formularza rejestracyjnego, jak chcesz. Jest dość łatwy w użyciu, ponieważ ma interfejs obsługujący funkcję Drag and Drop z opcjami podglądu w czasie rzeczywistym.

Wtyczka dodatku do dostosowywania stylu

Wszystko, co musisz zrobić, to kupić dodatek Style Customizer i edytować istniejący formularz WooCommerce lub utworzyć nowy. Następnie kliknij przycisk z ikoną pędzla w prawym dolnym rogu ekranu.

Teraz będziesz mógł zobaczyć panel Customizer.

Tutaj możesz zmienić wszystkie rodzaje elementów projektu w formularzach logowania i rejestracji. Niektóre z nich dotyczą ogólnego wyglądu formularza, etykiet pól, opisu i stylów przycisków opcji lub pól wyboru. Ma nawet dodatkowe opcje tytułów sekcji, postów i dodatkowych arkuszy CSS.

Gdy skończysz je dostosowywać, zapisz je. Każda zmiana dokonana w dostosowaniu stylu zostanie automatycznie zintegrowana z formularzem logowania lub rejestracją WooCommerce.

Odkryj też  Jak zabezpieczyć hasłem swoje formularze WordPress

Dzięki temu będziesz mógł zobaczyć te zmiany wszędzie tam, gdzie umieścisz formularz w swoim sklepie internetowym.

Podsumowanie:

Oto niektóre z najbardziej przydatnych wskazówek, jak używać i dostosowywać różne aspekty formularzy logowania i rejestracji WooCommerce. Może być bardzo pomocny w przyciąganiu wielu klientów do Twojej witryny dzięki prostemu interfejsowi, który pozwala im tworzyć lub logować się na swoje konto WooCommerce.

Inne dodatkowe wtyczki premium do WordPressa 

Odkryj także inne wtyczki premium WordPress, które optymalizują wydajność Twojego bloga lub witryny WordPress.

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises lokalne, listy dostawców itp. Katalog Wordpress wtyczki Mapsvg

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Przeczytaj także nasz artykuł na temat Jak zatrzymać użytkowników na dłużej w swojej witrynie

Pobierz| Demo | hosting

2. Pan Zoom Image

Ta wtyczka umożliwia łatwe dodawanie funkcji powiększania panoramicznego do obrazów na blogu WordPress za pomocą krótkiego kodu. Możesz na przykład zintegrować go ze swoim artykułem lub stroną.

Wtyczka Wordpress do powiększania obrazu

Jako funkcjonalności będziesz miał między innymi: panoramiczny zoom na pojedynczy obraz lub galerię z nieograniczoną ilością zdjęć, położenie paska sterowania może być góra, prawo, dół i lewo, spód pojemnika może być ciemny, jasny i nic z tego; podgląd na żywo w panelu, przykład wielokrotnego powiększania w panoramie na tej samej stronie itp.

Odkryj także nasze Skróty 5 premium wtyczki WordPress

Pobierz | Demo | hosting

3. Marketing Automation

Ta premium wtyczka WordPress zapewnia prosty i elastyczny interfejs użytkownika, którego celem będzie pomogą Ci łatwo stworzyć potężny biuletyn na swojej stronie internetowej. Jego elastyczność pozwoli Ci zarządzać szeroką gamą wydarzeń, warunków i działań - dzięki czemu możesz łatwo skonfigurować strategię marketingu e-mailowego, aby wysyłać, śledzić i czerpać z tego korzyści.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Wtyczki do automatyzacji marketingu tworzą witrynę z biuletynami

Jego główne funkcjonalności to: możliwość zastosowania logiki warunkowej opartej na reakcji i zachowaniu odwiedzających, śledzenie działań osób odwiedzających serwis, idealne do wszystkich programów lojalnościowych, doskonałe do strategii marketingowych, które obstawiają na nagrody, intuicyjny pulpit nawigacyjnysegmentacja odwiedzających witrynę, możliwość przeprowadzania ankiet, powiadomienia SMS a także pocztą elektroniczną, wyskakujące okienka oparte na zachowaniu odwiedzających, banery reklamowe oparte na zachowaniu odwiedzających i wiele innych.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Tutaj! To wszystko w naszym artykule, który pokazuje, jak dostosować formularze rejestracji i logowania WooCommerce. Teraz będziesz miał  możliwość tworzenia formularzy rejestracyjnych i dziwacznego połączenia z wtyczką User Registration. Takie drobne szczegóły są bardzo ważne twój sklep internetowy aby klienci często z nich korzystali.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na temat Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Jeśli masz komentarze lub sugestie, nie wahaj się dać nam znać w zarezerwowanej sekcji. Ale tymczasem udostępnij ten artykuł w różnych sieciach społecznościowych

... 

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry