Cum să configurați o pagină de plată WooCommerce cu Divi

Publicat: 2022-08-28

Cea mai importantă etapă într-o călătorie de cumpărături online este finalizarea unei achiziții. Indiferent de cât timp petrece un utilizator navigând prin magazinul tău online, dacă nu se traduce în vânzare, atunci nu este relevant.

Este esențial să faceți procesul de plată cât mai ușor posibil pentru clienții dvs. Deci, cum creezi o pagină de plată ușor de utilizat în magazinul tău WooCommerce? În această postare, vom vedea cum să configurați o pagină personalizată de plată WooCommerce cu Divi.

De ce aveți nevoie de o pagină de plată WooCommerce personalizată?

Niciun client nu trebuie să se confrunte cu un proces greoi de plată. Adevărul este că clienții tăi nu s-ar întâmpla dacă pagina și procesul tău de plată sunt stresante. Dacă în prezent întâmpinați cărucioare abandonate pe site-ul dvs. de comerț electronic, poate fi o idee bună să vă revizuiți pagina de plată.

Trebuie să oferi clienților tăi un efect „wow” de la începutul experienței lor de cumpărături până la etapa finală. Dacă alegeți pagina tradițională de plată WooCommerce, nu veți obține acest efect.

Trebuie să creați un proces unic, fără întreruperi și ușor de utilizat pentru a oferi clienților o experiență de cumpărături fără probleme. Unele dintre avantajele creării unei pagini de plată personalizate sunt următoarele:

• Reducerea abandonului căruciorului

Oportunitățile de vânzare ratate sunt adesea cauzate de abandonarea coșului. Este o situație în care clienții plasează deja articole în coșul lor, dar undeva de-a lungul liniei, părăsesc site-ul fără finalizarea achiziției. O pagină de plată complicată duce adesea la abandonarea coșului.

Dacă clientul dvs. trebuie să treacă printr-un proces lung sau simte că procesul nu este sigur, este probabil să-și piardă interesul pentru finalizarea tranzacției. Cu o pagină de plată personalizată, există șanse mari ca clienții tăi să găsească procesul mai ușor și mai sigur.

• Tranzacții rapide și ușoare

Pâlnia dvs. de vânzări ar trebui să fie cât mai scurtă și mai rapidă de finalizat posibil. Când configurați și personalizați pagina dvs. de plată WooCommerce, eliminați cu ușurință sarcina inutilă și vă concentrați doar pe detaliile importante în procesul tranzacției.

Având un proces de finalizare a comenzii cu mai multe pagini de completat, clienții probabil se vor obosi și vor părăsi site-ul dvs. Cu toate acestea, atunci când întregul proces este eficientizat, vă puteți ajuta clienții să finalizeze călătoria de cumpărare mai rapid și mai ușor.

Cum să configurați o pagină personalizată de plată WooCommerce

Pagina dvs. WooCommerce vine cu o pagină implicită de plată. Puteți edita acest lucru cu un plugin sau un shortcode terță parte. Dacă sunteți un utilizator nou, s-ar putea să vă fie dificil să vă editați pagina de plată folosind aceste opțiuni. Aici intervine utilizarea unui plugin precum Divi Builder.

Divi Builder are un modul Divi Shop care vă permite să construiți un magazin online uimitor cu o pagină de plată personalizată. În această secțiune, ne vom uita la ghidul pas cu pas pentru a configura pagina dvs. personalizată de plată WooCommerce.

Înainte de atunci, este crucial să înțelegeți importanța certificatelor SSL, a protecției datelor și a securității pe site-ul dvs. Aveți nevoie de un certificat SSL pentru un nivel suplimentar de securitate pentru a cripta datele stocate pe platforma dvs.

Un certificat SSL arată clienților dvs. că site-ul dvs. poate oferi detalii despre cardul de credit. Acum că am șters această parte, haideți să pătrundem în detaliile creării unei pagini de plată WooCommerce personalizate.

Pasul unu: configurați-vă pagina de plată în setările pluginului WooCommerce înainte de a utiliza pluginul Divi Builder. Pentru a face acest lucru, accesați tabloul de bord WooCommerce și faceți clic pe „Setări”.

Apoi, faceți clic pe fila „Avansat” și localizați Pagina de finalizare a achiziției. Selectați opțiunea „Checkout” din meniul derulant și derulați până la sfârșitul paginii pentru a face clic pe butonul „Salvare” pentru a salva modificările.

bord

Pasul doi: Cu pagina de plată deja setată, următorul pas este să instalați pluginul Divi Shop Builder. Așadar, navigați la site-ul oficial Elegant Theme pentru a achiziționa pluginul Divi Shop Builder. Faceți clic pe linkul de descărcare din „Pagina Contului meu” pentru a descărca.

constructor de magazin divi

După descărcare, instalați și activați pluginul. pluginul va apărea în meniul Divi după finalizarea instalării. Înainte de a continua, asigurați-vă că autentificați pluginul pentru achiziția dvs.

Pentru a face acest lucru, accesați „Pagina Contului meu” de pe site-ul Elegant Theme pentru a copia cheia de licență. După ce ați autentificat pluginul, puteți începe să îl utilizați. Divi Shop Builder funcționează în pluginul Divi Builder, ceea ce face să construiți magazinul dvs. WooCommerce o sarcină foarte simplă.

Pasul trei: Următorul pas este să vă creați pagina personalizată de plată WooCommerce. Pentru a face acest lucru, faceți clic pentru a deschide Pagina de plată și pentru a activa Divi Builder achiziționat. Apoi, deschideți pluginul Divi Builder și începeți să adăugați module.

modul

Veți găsi cinci module noi (Facturare la casă, Cupon de finalizare, Comandă de finalizare, Livrare la finalizare și Notificări privind coșul de cumpărături/Casare) adăugate în Divi Builder. Aceste module vă vor ajuta să vă configurați pagina de plată personalizată în magazinul dvs. WooCommerce. Iată cum funcționează aceste module.

Facturare Checkout: Aceasta permite personalizarea tuturor câmpurilor de introducere a formularelor în care clienții își pot introduce detaliile de facturare. Puteți edita etichetele câmpurilor după caz.

Ordin

Livrare la checkout: aceasta permite clienților să specifice o adresă secundară. La fel ca și facturarea Checkout, puteți edita și câmpurile formularului după caz.

Transport

Cupon de plată: Acest lucru le permite clienților să introducă un cod promoțional unic care le-a fost atribuit pentru a solicita o reducere specială. Ar trebui să plasați modulul Cupon de plată separat de alte module pentru a le face să funcționeze. Dacă aveți o constrângere de spațiu, reduceți umplutura dintre rânduri și secțiuni pentru a crea mai mult spațiu.

cupon

Comanda de plată: Aici clientul stabilește și confirmă comanda înainte de a trece la opțiunea de plată. De asemenea, puteți edita această parte după caz, folosind funcția de glisare și plasare.

comanda de casă

Notificare de plată: Dacă doriți să adăugați o notă în alte pagini de plată, puteți utiliza acest modul. Puteți fi atât de elaborat sau simplu în designul dvs. pe cât doriți.

notificare de checkout

Când utilizați modulele Checkout, trebuie să vă asigurați că acestea nu sunt în aceleași secțiuni ca și alte module de formular. Dacă le așezi împreună, nu ar funcționa. Ar trebui să plasați Modulul Formular de contact, Modulul Formularul de înscriere, Modulul de comentariu și Modulul de autentificare în secțiuni separate atunci când construiți pagina de finalizare, pentru a le face să funcționeze corespunzător.

La fel ca și alte module din tema Divi, puteți personaliza stilul modulelor dvs. de plată cu Divi Builder. Pentru a face acest lucru, urmați pașii de mai jos:

• Faceți clic pentru a deschide modulele Checkout

• Faceți clic pe fila „Design”.

• Folosiți diferitele elemente pentru a vă stila pagina într-un mod care să se potrivească cu designul și identitatea mărcii

• De asemenea, puteți adăuga mai multe personalizări prin fila Avansat. Din fila Avansat, puteți seta efecte de defilare, tranziții, poziționare și setări de vizibilitate pentru un dispozitiv. De asemenea, puteți adăuga ID-uri și clase personalizate pentru scripturi CSS avansate.

Concluzie

Divi elimină stresul de la configurarea unei pagini de plată WooCommerce. Vă permite să editați pagina de plată curentă și, de asemenea, să creați o pagină personalizată pentru coș. Plugin-ul divi vine cu numeroase funcții pentru a face magazinul dvs. la fel de atractiv pentru clienți așa cum vă puteți imagina. De asemenea, face cumpărăturile și procesul de plată foarte ușor.

Pot folosi Divi cu WooCommerce?

Da, poti. Divi este conceput pentru a fi compatibil cu WooCommerce. Când ați activat WooCommerce în Divi Page Builder, veți vedea o nouă secțiune „Produs” și WooCommerce adăugată la tabloul de bord WordPress. De aici, puteți să editați setarea de comerț electronic, să creați o pagină de produs WooCommerce personalizată și să publicați produse noi.

Tema Divi este bună pentru site-ul meu de comerț electronic?

Da, Divi este versatil și perfect pentru site-urile de comerț electronic. Se integrează cu ușurință cu WooCommerce și alte site-uri de comerț electronic. Ajută la crearea unor aspecte fără întreruperi ale paginilor de magazin și pagini de produse cu instrumente și funcții de stil interesante.

Este Divi Builder un plugin?

Da, Divi Builder este un plugin autonom și este, de asemenea, integrat în tema Divi. Este un generator de pagini drag-and-drop care este compatibil cu orice temă WordPress.

Cum îmi personalizez pagina WooCommerce Checkout cu Divi?

Mai întâi trebuie să vă configurați pagina Checkout în setările pluginului WooCommerce navigând la WooCommerce și Setări. Apoi, faceți clic pe fila „Avansat” și selectați opțiunea Checkout din meniul derulant. Trageți și plasați elementele pentru a vă personaliza pagina Checkout.

Umair
Umair Khan