V-ați întrebat vreodată cum vă puteți schimba paginile de autentificare și înregistrare WooCommerce?

Dacă utilizați WooCommerce pentru magazinul dvs. online, atunci sunteți deja destul de familiarizați cu acesta din urmă. Este una dintre cele mai bune platforme de comerț electronic de astăzi.

Nu puteți ignora faptul că este foarte convenabil de utilizat și poate beneficia foarte mult magazinul dvs. online. Există multe colecții de Teme WordPress et Pluginuri și extensii WooCommerce să te ajute să faci asta.

Dar totuși, unele dintre caracteristicile sale, cum ar fi autentificarea WooCommerce sau formularul de înregistrare WooCommerce, sunt destul de limitate. Aceasta este ceea ce vom acoperi în acest articol.

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

De ce să personalizăm formularele de autentificare și înregistrare WooCommerce?

Opțiuni de câmp limitate:

Formularul implicit de înregistrare și autentificare WooCommerce are câmpuri adecvate pentru ca un utilizator să își creeze un cont. Dar, dacă doriți să adăugați câteva câmpuri, nu puteți face acest lucru în mod implicit. Tu nu poate adăuga și afișa câmpuri precum casete de selectare, meniuri derulante și adresa de facturare și de expediere atunci când este necesar sau dorit.

Pagini de autentificare și înregistrare separate

În mod implicit, formularele de autentificare și înregistrare WooCommerce sunt afișate pe aceeași pagină. Deși și acest lucru este foarte util, nu puteți crea pagini separate pentru formularele de autentificare și înregistrare, dacă doriți. Trebuie să folosiți cod sau alt plugin pentru a depăși acest lucru.

Limitări de proiectare

Pentru unii utilizatori, reprezentarea vizuală a formularelor implicite de autentificare și înregistrare WooCommerce poate fi puțin plictisitoare și plictisitoare. Din păcate, WooCommerce nu vă oferă opțiunea de a le personaliza. Astfel, nu puteți utiliza culori, formate de text sau margini diferite în formularul implicit.

Personalizați formularele de autentificare și înregistrare WooCommerce:

Majoritatea personalizărilor paginii dvs. de conectare și formularului de înregistrare WooCommerce pot fi realizate cu ușurință cu un singur plugin, Înregistrare utilizator. Acesta este un plugin special axat pe crearea unor forme de autentificare și înregistrare eficiente pentru site-ul dvs. web. Are o interfață care acceptă funcționalitatea drag and drop  cu care vă puteți face cu ușurință personalizările fără de codificare.

Tot ce trebuie să faceți este pentru a-l instala și activa.

Înregistrare utilizator înregistrare woocommerce

De asemenea, trebuie să adăugați câteva dintre extensiile sale.Addon WooCommerce vă poate ajuta să continuați mai departe. Datorită acestui addon, puteți să vă integrați fără efort formularele de înregistrare personalizate în WooCommerce și să depășiți limitările WooCommerce.

Ur woocommerce

După aceea, îl puteți folosi pentru a crea formulare de autentificare sau înregistrare WooCommerce și a începe să le editați.

1. Adăugați câmpuri suplimentare la formularul de autentificare sau înregistrare WooCommerce

Le WordPress plug-in Înregistrare utilizator vă oferă opțiunea de a adăuga mai multe câmpuri la formularul de înregistrare. Mai întâi de toate, trebuie să creați un nou formular de înregistrare, de acolo accesați Înregistrare utilizator >> Adăugați un nou în tabloul de bord WordPress.

Descoperă și tu Cum se adaugă o imagine de fundal în WordPress

Puteți utiliza câmpurile de Facturare și expediere WooCommerce suplimentar din filă Domenii în partea stângă a ecranului.

Puteți adăuga chiar și câmpuri suplimentare cu meniuri derulante, casete de selectare și butoane radio, dacă este necesar.

Aceste câmpuri pot fi adăugate cu ușurință folosind funcționalitatea de glisare și plasare a WordPress plug-in Înregistrare utilizator. Noile câmpuri de formular vor fi apoi vizibile pe formularul de înregistrare atunci când utilizatorii doresc să creeze un cont nou.

2. Înlocuiți formularele implicite de autentificare și înregistrare WooCommerce

Odată ce ați creat noul formular de autentificare sau înregistrare WooCommerce, ar trebui să îl înlocuiți cu formularul implicit WooCommerce.

Consultați, de asemenea, ghidul nostru Cum de a adăuga un magazin de WooCommerce pe Facebook

Tot ce trebuie să faceți este să continuați WooCommerce >> Setări și deschideți fila Conturi și confidențialitate. În secțiune Crearea contului, verifica Permiteți clienților să creeze un cont pe pagina „Contul meu” și Salvați modificările.

Înlocuiți formularele implicite de înregistrare woocommerce

Apoi mergi la Înregistrare utilizator >> Setări și deschideți fila WooCommerce. Aici, selectați formularul de înregistrare pe care doriți să îl integrați. Apoi, bifați opțiunea Înlocuiți pagina de înregistrare și salvați modificările.

Citiți și articolul nostru pe Cum să afișați un meniu condiționat pentru abonații dvs. WooCommerce

Acum va fi afișat formularul dvs. personalizat de conectare la WooCommerce și formularul de înregistrare.

Atât formularele de autentificare, cât și formularele de înregistrare WooCommerce vor fi afișate în mod implicit pe aceeași pagină. Dar daca tu doriți să le afișați pe diferite pagini, puteți face acest lucru și folosind pluginul Înregistrare utilizator. Mai întâi, creați pagini separate pentru paginile de înregistrare și autentificare.

Pentru a afișa pagina de conectare separat, adăugați următorul cod scurt pe pagina pe care doriți să o afișați. De asemenea, ar trebui să îl redirecționați către linkul paginii contului după autentificarea utilizatorului. Doar adăugați parametrul redirect_url  la linkul paginii și publicați-l pe acesta din urmă.

[user_registration_my-account redirect_url = "link pagina contului"]

Înlocuiți formularele implicite de înregistrare woocommerce 1

Pentru a afișa pagina de înregistrare separat, trebuie să aveți codul scurt de înregistrare WooCommerce pe care l-ați creat. O poți avea continuând Înregistrare utilizator >> Înregistrare utilizator din tabloul de bord WordPress.

Acum copiați și lipiți codul scurt unde doriți să afișați formularul de înregistrare. Apoi publicați pagina.

Ou

Puteți utiliza pur și simplu Editorul de blocuri pentru a vizualiza formularul de înregistrare pe care l-ați creat. Doar căutați blocul Înregistrare utilizator și selectați formularul de înregistrare pe care doriți să îl vizualizați. Apoi publicați pagina.

Înlocuiți formularele implicite de înregistrare woocommerce 2

3. Afișați câmpuri suplimentare pe pagina contului

După conectare sau înregistrare pentru un cont nou, utilizatorul este redirecționat către pagină Mon Compte. Dar detaliile suplimentare de pe pagina de autentificare sau înregistrare WooCommerce s-ar putea să nu fie afișate pe pagina contului.

Poftim 10 plugin-uri WordPress pentru a adăuga un calculator pe site-ul dvs. web

Dar după ce ați înlocuit cu succes formularele de autentificare și înregistrare, puteți vizualiza detaliile suplimentare ale acestuia pe pagina contului. Continuă  Contul meu >> Detalii cont.

Notă: Aspectul paginii Contul meu poate varia de la o temă la alta.

4. Integrați contul WooCommerce pe pagina de plată

Pentru confortul clienților dvs., puteți afișa și formularul de înregistrare personalizat pe pagina de plată cu pluginul Înregistrare utilizator. Puteți alege chiar și câmpurile pe care doriți să le completeze pe pagina de plată. Pentru a adăuga contul dvs. WooCommerce pe pagina de plată, trebuie doar să urmați pașii dați.

Citiți și articolul nostru pe 10 plugin-uri WordPress WooCommerce pe care să le folosești pe blogul tău

Continuă WooCommerce >> Setări și deschideți fila Conturi și confidențialitate. Apoi în secțiune Cont și confidențialitate, bifați opțiunea Permiteți clienților să își creeze un cont în timpul validării comenzii.

Autorizați clienții să creeze pagina contului contul meu

Din nou, navigați la Înregistrare utilizator >> Setări, și sub filă WooCommerce, veți vedea secțiunea Sincronizați înregistrarea comenziiAici este suficient bifați opțiunea: bifați această opțiune pentru a sincroniza înregistrarea utilizatorului cu înregistrarea de checkout WooCommerce. Câmpurile suplimentare care nu sunt disponibile în formularul de înregistrare WooCommerce vor fi afișate.

Pagina de conectare și înregistrare woocommerce de integrare

Apoi, trebuie doar să selectați câmpurile pe care doriți să le afișați clienților dvs. pe formularul de înregistrare a comenzii. Include chiar și câmpurile de facturare și adresă de expediere.

Data viitoare când clientul dvs. dorește să plătească, va primi formularul cu câmpuri specifice suplimentare pentru completare.

5. Reproiectarea formularelor de autentificare și înregistrare WooCommerce

Înregistrarea utilizatorilor este excelentă WordPress plug-in generator de formulare care vă permite chiar să personalizați complet formularele de autentificare și înregistrare WooCommerce.

Îl poți folosi pe al lui addon Customizer stil pentru a vă ajuta să schimbați aspectul întregului formular de înregistrare după cum doriți. Este destul de ușor de utilizat, deoarece are o interfață care acceptă funcționalitatea Drag and Drop cu opțiuni de previzualizare în timp real.

Plugin de completare stil personalizator

Tot ce trebuie să faceți este să cumpărați suplimentul Style Customizer și să editați formularul existent WooCommerce sau să creați unul nou. Apoi faceți clic pe buton cu pictograma pensulei în partea dreaptă jos a ecranului.

Acum veți putea vedea panoul Customizer.

Aici puteți schimba tot felul de elemente de design pentru formularele de autentificare și înregistrare. Unele dintre ele se ocupă de aspectul general al formularului, etichetele câmpului, descrierea și stilurile butoanelor radio sau ale casetelor de selectare. Are chiar și opțiuni suplimentare pentru titlurile secțiunilor, postări și CSS suplimentare.

Când ați terminat de personalizat, salvați-le. Fiecare modificare pe care o faceți la personalizarea stilului va fi integrată automat în formularul de autentificare sau înregistrare WooCommerce.

Descoperă și tu  Cum să vă protejați prin parolă formularele WordPress

Deci, veți putea vedea aceste modificări oriunde plasați formularul în magazinul dvs. online.

Rezumat:

Iată câteva dintre cele mai utile sfaturi despre modul în care puteți utiliza și personaliza diferite aspecte ale formularelor de conectare și înregistrare WooCommerce. Poate fi de mare ajutor în atragerea unui număr de clienți pe site-ul dvs. web cu o interfață ușoară care le permite să creeze sau să se conecteze la contul lor WooCommerce.

Alte pluginuri premium WordPress suplimentare 

Descoperă și altele WordPress plugin-uri premium care optimizează performanța blogului sau a site-ului dvs. 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 liste locale, furnizori etc. Directorul wordpress pentru pluginul 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.

Citiți și articolul nostru pe Cum să vă păstrați vizitatorii mai mult timp pe site-ul dvs. web

Descarca| Demo | web hosting

2. Pan Zoom Image

Acest plugin vă permite să adăugați cu ușurință funcția de zoom pan pentru imaginile de pe dvs WordPress blog printr-un shortcode. De exemplu, îl puteți integra în articolul sau pagina dvs.

Imagine zoom pan wordpress plugin pentru zoom

Ca funcționalități, veți avea printre altele: zoomul panoramic pe o singură imagine sau o galerie cu imagini nelimitate, poziția barei de control poate fi sus, dreapta, jos și stânga, partea inferioară a containerului poate fi întunecată, deschisă și nimic din toate acestea; previzualizarea live în tabloul de bord, exemplu de zoom panoramic multiplu pe aceeași pagină etc.

Descoperiți și noi 5 coduri scurte premium plugin-uri WordPress

Descarca | Demo | web hosting

3. Marketing Automation

Acest plugin WordPress premium oferă o interfață de utilizator simplă și flexibilă, al cărei scop va fi vă ajută să creați cu ușurință un buletin informativ puternic pe site-ul dvs. web. Flexibilitatea acestuia vă va permite să gestionați o gamă largă de evenimente, condiții și acțiuni - astfel încât să vă puteți configura cu ușurință strategia de marketing prin e-mail pentru a o trimite, urmări și profita din aceasta.

Plugin-urile de wordpress de automatizare a marketingului creează site-ul buletinului informativ

Principalele sale funcționalități sunt: ​​posibilitatea de a aplica logica condițională bazată pe reacție și pe comportamentul vizitatorilor, urmărirea acțiunilor vizitatorilor site-ului web, perfectă pentru toate programele de loialitate, excelentă pentru strategiile de marketing care pariază pe recompense, un tablou de bord intuitiv, segmentarea vizitatorilor site-ului, posibilitatea de a face sondaje, notificări sms și prin e-mail, pop-up-uri bazate pe comportamentul vizitatorului, anunțuri banner bazate pe comportamentul vizitatorilor și multe altele.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

Concluzie

Aici ! Asta este pentru articolul nostru care vă arată cum să personalizați formularele de înscriere și autentificare WooCommerce. Acum vei avea  posibilitatea de a crea formulare de înregistrare și o conexiune nenorocită la pluginul Înregistrare utilizator. Detalii mici ca acestea sunt foarte importante pentru magazinul tău online pentru a vă asigura că clienții dvs. le folosesc des.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru pentru Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dacă ai comentarii sau sugestii, nu ezitați să ne informați în secțiunea rezervată. Dar între timp, împărtășește acest articol pe diferitele rețele de socializare

...