Cum să creezi o pagină de plată WooCommerce asemănătoare Shopify în 4 pași simpli

Publicat: 2022-02-12

De fapt, pagina de finalizare WooCommerce implicită arată plictisitoare și nu are elemente optimizate pentru conversie.

Apărând ca un rival formidabil al WooCommerce, Shopify câștigă WooCommerce cu faimoasa lor pagină de plată. Este intuitiv, plăcut la ochi, rapid și, cel mai important, se convertește extrem de bine.

Dacă sunteți în căutarea unei modalități ușoare de a vă personaliza pagina de finalizare a achiziției WooCommerce pentru a îndeplini stilul Shopify, sunteți pe pagina potrivită!

Acest articol vă va arăta un ghid pas cu pas despre cum să creați rapid o pagină de plată WooCommerce asemănătoare Shopify.

Dar mai întâi, haideți să descompunem anatomia paginii de plată Shopify pentru a înțelege de ce este ușor să faceți conversie.

  • Ce face ca pagina Shopify Checkout să fie ușor de convertit
  • Shopify vs WooCommerce Pagini de plată
  • Cum să creezi o pagină de plată WooCommerce asemănătoare Shopify
  • Alternativă CheckoutWC

Ce face ca pagina Shopify Checkout să fie ușor de convertit

Pagina de plată Shopify depășește alte soluții de comerț electronic atunci când vine vorba de experiența de plată a comerțului electronic. Cel mai recent sondaj Littledata a descoperit că rata medie de conversie pentru Shopify a fost de 2,1%, în timp ce acest număr scade la doar 0,7% cu WooCommerce.

Deci, ce face pagina de plată Shopify ușor de convertit? Am analizat și am prezentat 9 puncte cheie mai jos.

#1. Un aspect intuitiv, fără distrageri

Pagina generală de achiziție Shopify arată atât de curată și îngrijită, cu spațiere și umplutură adecvate. Se concentrează pe scopul plății doar prin reducerea tuturor lucrurilor care provoacă distragere a atenției, inclusiv meniul de navigare.
aspect intuitiv de plată Shopify

#2. Navigare pesmet

În loc să includă un meniu de navigare pe pagina de finalizare a comenzii, Shopify l-a optimizat în indicatorul de progres sau breadcrumbs. Acest lucru este grozav, deoarece nu numai că economisește spațiu, dar ajută și să arate utilizatorilor exact unde se află în călătoria de cumpărare.

Practic, Shopify a împărțit finalizarea în trei pași logici: Informare, Livrare și Plată. Clienții pot sări între pași făcând clic pe oricare dintre aceștia din meniul de navigare.
Shopify pesmet

#3. Introducerea e-mailului Setată ca Top

Întrebarea adreselor de e-mail în câmpul de sus demonstrează un astfel de hack de conversie inteligent. În cazul în care utilizatorii își abandonează cărucioarele, această practică vă permite să-i urmăriți cu ușurință. Acest lucru oferă șansa de a recupera abandonul căruciorului.
setați intrarea e-mailului în partea de sus

#4. Completare automată a adresei Google

Această funcție de completare automată a adresei Google, potrivit echipei de dezvoltatori Shopify, poate minimiza frecarea la finalizarea comenzii și poate genera mai multe vânzări către proprietarii de magazine.

De îndată ce cumpărătorii introduc câteva caractere inițiale ale adresei lor în câmpul de adresă, Google Address Autocomplete va afișa opțiuni de potrivire. Acest lucru contribuie uimitor la crearea unei experiențe de plată rapidă pentru clienți prin reducerea timpului petrecut pe pagina de plată.

Shopify a testat această funcție și au aflat că procentul de greșeli de scriere și timpul petrecut a scăzut la 20%, ca să nu mai vorbim că a existat o creștere a ratei de conversie.
completare automată a adresei Google

#5. Opțiuni multiple de plată rapidă

La fel de adevărat ca numele său, Express checkout vă permite să faceți check-out cât mai repede posibil.

În mod normal, clienții trebuie să completeze în medie 10 câmpuri înainte de a plasa o comandă. Și vă puteți imagina cât de iritat și consumator de timp este acel ritual.

Conștienți de această îngrijorare, majoritatea comercianților cu amănuntul online de top, inclusiv Amazon, au spus „da” achiziției ultra-rapide, oferind mai multe opțiuni de plată expresă.

Paypal a subliniat că utilizarea Paypal Express Checkout „oferă clienților o comandă rapidă prin procesul de finalizare a comenzii, ceea ce face ca abandonarea coșului să fie mai puțin probabilă”. În plus, această metodă vă crește rata de conversie cu până la 3,75% și vă dublează rezultatul final.

Din fericire, Shopify dă acceptul acestor opțiuni pe pagina de plată.
Opțiunile de plată rapidă ale Shopify

#6. Buton CTA cu instrucțiuni clare

Împreună cu pesmeturile, Shopify eliberează și utilizatorii de navigarea confuză prin fiecare pas de finalizare a comenzii, cu o copie instructivă pe butonul CTA. Aceste butoane CTA informează direct utilizatorii cu privire la pasul următor sau pașii anteriori.
Instrucțiuni clare pentru butonul CTA de la Shopify

După cum puteți vedea în captură de ecran, Shopify oferă opțiunea „Întoarcere la coș” în partea stângă și vă arată următorul pas de introducere a cardului de credit în partea dreaptă.

#7. Transparența costurilor în totalul comenzii

Știți ce, prețurile neclare se întâmplă să fie cauza principală a abandonului căruciorului. Aproximativ 17% dintre cumpărători și-au abandonat coșul de cumpărături, deoarece nu au putut vedea totalul comenzii calculat în avans. (Shopify)

Cazarea Shopify a eliminat această supărare, nu doar lăsând cumpărătorilor să-și vadă totalul comenzilor, ci și defalcând toate costurile. Mai mult decât atât, garantează transparența costurilor prin imaginea și cantitatea de produs afișată împreună cu numele produsului. Datorită acestui fapt, utilizatorii știu cu siguranță câte articole sunt în coșul lor cu prețurile totale corespunzătoare.
Defalcarea costurilor Shopify

#8. Previzualizarea datelor

Când treceți la pasul următor, Shopify va afișa toate câmpurile esențiale pe care le-ați completat deja în partea de sus. Acest lucru vă permite să verificați dacă ați introdus informațiile corecte. Și în cazul în care există o greșeală, apăsați „Schimbare” pentru a fi adus înapoi în acel câmp.
Opțiunea de previzualizare a datelor din Shopify

#9. Optimizare mobilă

Shopify este deja o soluție de comerț electronic născută în natură pentru optimizarea dispozitivelor mobile. Știți că, indiferent câte teme le deține Shopify, toate au o asemănare pe dispozitive mobile și axate pe conversie?

Pagina de plată Shopify optimizată pentru mobil

Din captura de ecran de mai sus, puteți vedea rezumatul comenzii în partea de sus? E grozav de știut că este pliabil, ceea ce nu consumă mult spațiu pe ecranul mobil. Utilizatorii îl pot atinge pentru a vedea detaliile comenzii din nou înainte de a finaliza achizițiile.

Pagina de plată Shopify vs WooCommerce

Pentru a vă oferi o imagine clară a paginii de plată Shopify vs WooCommerce, să punem pagina de plată implicită a acestor doi giganți de comerț electronic unul lângă celălalt.
Pagina de plată Shopify vs WooCommerce

Deci, ce formular ați dori să completați? Pagina de plată Shopify sau WooCommerce? Nu ne lasă cu gura căscată dacă ochii tăi gravitează spre cel Shopify.

Purple Ninja poate eclipsa Green Bag din toate punctele de vedere, dar poate rămâne în urma concurenților săi în ceea ce privește fluxul de casă și design.

Pagina implicită de plată WooCommerce pare plictisitoare și confuză. În loc să își îndeplinească datoria principală la creșterea vânzărilor, pagina pare să se concentreze pe solicitarea datelor despre clienți.

Este umplut cu numeroase câmpuri de introducere pe o pagină, așezate unul sub celălalt. Mai important, nu le puteți împărți în mai mulți pași sau nu puteți configura câmpuri vitale, de exemplu, adrese de e-mail sau numere de telefon deasupra. Aceasta pare a fi cauza principală pentru care mii de proprietari de magazine WooCommerce pierd vânzări.

Și în cazul în care doriți să modificați pagina, nu aveți altă opțiune decât să vă jucați cu o grămadă de cod personalizat.

În plus, este imposibil să optimizați pagina de plată WooCommerce implicită pe mobil. Fără a menționa aspectul lung, chiar și nu toate temele de plată WooCommerce sunt optimizate pentru mobil.

În plus, Shopify folosește Ajax pentru fiecare pas de plată, ceea ce înseamnă că nu va trebui să reîncărcați pagina. WooCommerce, pe de altă parte, nu are Ajax din cutie, așa că trebuie să reîncărcați de mai multe ori. Acest lucru face ca revizuirea și editarea cărucioarelor dvs. în timpul procesului de plată să fie o adevărată durere în fund.

Ca atare, când vine vorba de pagina de plată Shopify vs WooCommerce, liniile de luptă sunt trase.

Din fericire, crearea unei plăți WooCommerce pe o singură pagină nu este singura modalitate de a optimiza finalizarea plății implicite. Cu diversele sisteme de pluginuri WordPress, vă puteți converti pagina dvs. de plată WooCommerce cu aspect de bază și cu o conversie redusă într-una asemănătoare Shopify ca un vânt.

Cum să creezi o pagină de plată WooCommerce asemănătoare Shopify

În acest tutorial, optăm pentru CheckoutWC. Acesta este un plugin atât de simplu de utilizat, care poate transforma pagina de plată WooCommerce implicită într-un stil de plată Shopify cu o conversie ridicată într-o secundă.

Pluginul are o mulțime de funcții avansate la care poți visa, cum ar fi:

  • Cazare rapidă ușoară
  • Crearea/loginarea contului cu căutare automată și creare simplă
  • Completarea automată a adreselor și integrarea cu API-ul Google Maps
  • Integrare directă cu o gamă largă de plugin-uri WooCommerce majore.

În plus, CheckoutWC acceptă Ajax. Acest lucru șterge toate lucrurile înainte și înapoi, deoarece utilizatorii nu trebuie să reîncarce pagina pentru actualizarea articolelor.

Una peste alta, CheckoutWC remediază toate negativele pe care le-am identificat cu platforma WooCommerce.

Vă puteți înscrie pentru versiunea de încercare gratuită a CheckoutWC timp de 7 zile pentru a afla cum funcționează. Procesul de configurare a unei pagini de plată WooCommerce în stil Shopify trece prin 4 pași simpli.

  • Pasul 1: Înscrieți-vă pentru o încercare gratuită a CheckoutWC

Vă vor cere cardul de credit, dar nu vă faceți griji, veți fi facturat doar la sfârșitul perioadei de încercare.

  • Pasul 2: Instalați pluginul CheckoutWC

Odată ce vă înregistrați, un link pentru descărcarea fișierului zip al pluginului va fi atașat la chitanța dvs. de e-mail sau pe pagina de mulțumire.

Puteți instala pluginul prin dezarhivarea fișierului și încărcarea prin SFTP sau pur și simplu accesați Plugins > Adăugați nou în tabloul de bord WordPress.

După instalare, faceți clic pe Activare.

  • Pasul 3: Selectați șablonul dorit

Mergeți la Setări > Checkout pentru WooCommerce > Șabloane . Printre sutele de copii ale paginii de achiziție Shopify, alegeți Copify .
Șablonul Copify de la CheckoutWC

  • Pasul 4: Adăugați sigla și vizualizați noua pagină de plată

Comutați la fila „Design” din apropiere, selectați Logo > Încărcați imagini . Nu uitați să salvați modificările.
încărcați imaginea logo-ului

Acum, este timpul să previzualizați noua pagină de plată.

Înapoi la noua pagină de plată, adăugați un produs în cărucioarele dvs., faceți clic pe finalizare și bucurați-vă de noua pagină de plată WoooCommerce, asemănătoare Shopify.

Alternativă CheckoutWC

Dacă prețul CheckoutWC vă face să ezitați, să luăm în considerare o altă alternativă excelentă pentru a crea o pagină de plată WooCommerce în stil Shopify – Aero Checkout.

Folosind Aero Checkout și sunteți liber să construiți o pagină de plată de la zero. Acesta găzduiește o colecție diversă de șabloane de plată pre-proiectate și cu conversie ridicată, inclusiv plăți de o pagină și formulare încorporate pe care le puteți utiliza pe loc.

Unele caracteristici izbitoare ale Aero Checkout sunt:

  • Pagini de plată în mai multe etape
  • Modificare mini cărucior
  • Previzualizare câmpuri
  • Completare automată a adresei Google
  • Înregistrări optimizate pentru mobil

În funcție de dimensiunea afacerii dvs., puteți alege între cele două planuri Starter și Growth.
Prețuri Aero Checkout

Sunteți gata să vă modernizați pagina de plată WooCommerce implicită?

WooCommerce este susținut de milioane de utilizatori de la pol la pol datorită naturii sale flexibile și extensibile. Cu toate acestea, când vine vorba de pagina de plată, aceasta nu este înaintea jocului.

Acest articol a descris pagina de plată Shopify vs WooCommerce, precum și modalități simple de a crea o casă de plată în stil Shopify pentru WooCommerce.

Vrei să îți ridici conversia, să crești vânzări și să-ți lași concurenții în praf? Începeți să vă modernizați pagina de plată WooCommerce implicită acum!

Vă interesează comparația Shopify vs WooCommerce? Consultați recenzia noastră despre Shopify vs WooCommerce SEO aici!