Cum să faci checkout WooCommerce ca Shopify

Publicat: 2023-02-15

Doriți să faceți ca finalizarea WooCommerce implicită să arate ca pagina de plată a Shopify?

Shopify are un accent puternic pe design și pe experiența utilizatorului. Drept urmare, pagina lor de plată este curată și simplă și încurajează vânzările rapide.

Din fericire, nu trebuie să treceți la Shopify doar pentru a accesa designul paginii de plată.

În schimb, puteți implementa un design asemănător Shopify pentru pagina dvs. de achiziție WooCommerce cu ajutorul instrumentelor WooCommerce terțe - cum ar fi tema noastră Botiga.

În acest tutorial, vă voi arăta cum să utilizați Botiga pentru a face ca pagina de plată WooCommerce implicită să arate ca Shopify.

1. Instalați și activați tema Botiga WooCommerce

Botiga este o temă WooCommerce bogată în funcții, care vine atât în ​​versiune gratuită, cât și în versiune Pro. Oferă o mulțime de aspecte, stiluri și opțiuni de personalizare, astfel încât să puteți personaliza o experiență de cumpărături excepțională pentru clienții dvs.

Pentru a-l instala pe site-ul dvs. WordPress, deschideți tabloul de bord și accesați Aspect > Teme > Adăugați nou .

Pe pagina de administrare Adăugați teme , veți vedea o bară de căutare. Introduceți „Botiga”, iar tema va apărea printre rezultate.

Apăsați butonul Instalare , apoi activați tema:

Instalarea temei Botiga în WordPress

Alternativ, puteți descărca Botiga de pe site-ul nostru.

Apoi, accesați Aspect > Teme > Adăugați nou > Încărcați temă în zona dvs. de administrare WordPress.

Faceți clic pe butonul Alegeți fișierul pentru a încărca tema și apăsați butonul Instalați acum :

Încărcarea Botiga în WordPress

Odată ce instalarea este finalizată, asigurați-vă că activați tema făcând clic pe linkul Activare :

Activarea temei Botiga

2. Instalați și activați pluginul Botiga Pro

Botiga Pro este un plugin WordPress care adaugă o mulțime de funcții premium temei gratuite Botiga.

Veți avea nevoie atât de tema, cât și de plugin pentru a accesa aspectul de plată în stil Shopify.

Planurile de preț încep de la 69 USD pe an, ceea ce vă permite să utilizați Botiga Pro pe un site WordPress - vedeți toate planurile aici.

După efectuarea achiziției, descărcați pluginul din contul dvs. Botiga.

Apoi, deschideți zona de administrare WordPress și accesați Pluginuri > Adăugați nou > Încărcați pluginul .

Încărcați pluginul utilizând opțiunea Alegeți fișierul , apoi apăsați butonul Instalați acum :

Încărcarea pluginului Botiga Pro în WordPress

Odată ce procesul de încărcare s-a încheiat, faceți clic pe butonul Activare plugin :

Activarea Botiga Pro

În continuare, va trebui să vă activați cheia de licență.

Accesați contul dvs. Botiga și copiați cheia de licență.

Apoi, deschideți tabloul de bord WordPress și accesați Plugin-uri > Licență Botiga Pro . Introduceți cheia de licență și apăsați butonul Salvare modificări :

Introducerea licenței Botiga Pro

Pluginul Botiga Pro este acum instalat și activat pe site-ul dvs. WordPress.

3. Importați un site de pornire (opțional)

Un site de pornire sau o demonstrație este un design de site web pre-construit pe care îl puteți utiliza imediat sau modificați ușor pentru a obține un design care funcționează pentru dvs. Vă poate economisi mult timp și efort, deoarece nu trebuie să vă proiectați site-ul de la zero.

În prezent, Botiga oferă șase site-uri de pornire din care să alegeți: frumusețe, îmbrăcăminte, mobilier, bijuterii, produs unic și furnizor multiplu.

De asemenea, puteți utiliza Botiga fără a importa un site de pornire — în acest caz, va trebui să adăugați propriul conținut și să configurați setările folosind opțiunile de personalizare Botiga.

Pentru a importa un site inițial, faceți clic pe meniul Aspect > Site-uri inițiale . Faceți clic pe butonul Previzualizare Demo pentru a previzualiza designul și apăsați butonul Import dacă doriți să îl instalați pe site-ul dvs. web:

Importul unui site de pornire Botiga

În clipa următoare, va apărea o fereastră pop-up care arată toate pluginurile și conținutul care va fi importat pe site-ul dvs.

Selectați butonul Import și așteptați până când procesul se termină:

Importul unui site de pornire Botiga cu pluginuri și conținut

Odată ce site-ul de pornire este importat, deschideți pagina de pornire și verificați noul design al magazinului dvs. WooCommerce.

4. Deschideți Customizer

Pentru a deschide Personalizatorul, faceți clic pe meniul Aspect > Personalizare din tabloul de bord WordPress:

Accesarea interfeței de personalizare

Veți fi direcționat la pagina de pornire a site-ului dvs., iar interfața Personalizatorului va fi afișată în partea stângă a ecranului:

Personalizator Wordpress

Meniul Personalizator are o opțiune care va converti aspectul paginii dvs. de plată WooCommerce într-una care arată ca pagina de plată Shopify.

5. Alegeți un aspect pentru pagina dvs. de plată

În Customizer, accesați WooCommerce > Checkout . Aici, veți vedea cinci opțiuni de aspect pentru pagina de finalizare a achiziției:

Opțiuni de aspect al paginii de achiziție

Botiga are două aspecte de pagină de plată care oferă o experiență de utilizator similară cu Shopify:

  • Aspectul 4 – Checkout Shopify în mai mulți pași, care le permite clienților să își introducă informațiile pas cu pas.
  • Layout 5 – Shopify checkout într-un singur pas, care include toate informațiile pe o singură pagină.

Pentru a vedea cum se compară cu Shopify, iată o captură de ecran a paginii de plată a Shopify:

Pagina de plată a Shopify

Iată cum arată prima pagină a aspectului Shopify în mai mulți pași de la Botiga (Aspect 4) :

Aspect de plată asemănător Shopify în magazin

Și, iată Layout 5 , pagina de achiziție cu un singur pas a lui Botiga, asemănătoare Shopify:

magazin shopify like checkout

Alegeți aspectul care se potrivește cel mai bine nevoilor dvs., apoi apăsați butonul Publicare din partea de sus a interfeței Personalizator pentru a implementa modificările.

Opțiuni Botiga Customizer, butonul Publicare

Asta este. Acum ați făcut ca pagina dvs. de plată WooCommerce să arate ca Shopify.

6. Activați sau dezactivați funcțiile opționale de pe pagina dvs. de plată

Există câteva funcții pe care le puteți activa sau dezactiva pe pagina de plată; le puteți găsi chiar sub aspectul de finalizare a achiziției în Personalizator.

Puteți activa sau dezactiva următoarele trei opțiuni:

  • Afișare formular cupon – Această opțiune este activată în mod implicit. Puteți alege să-l dezactivați.
  • Caseta de totaluri de plată lipicioasă – Puteți face caseta de totaluri lipicioasă, astfel încât, atunci când un client derulează în sus sau în jos, caseta rămâne fixă ​​în partea dreaptă a ecranului.
  • Finalizare fără distracție – Această opțiune elimină conținutul antetului și subsolului, permițând clienților să se concentreze asupra procesului de finalizare a plății.
Activarea sau dezactivarea elementelor de pe pagina de plată

De asemenea, puteți seta următoarele trei câmpuri de formular la obligatoriu , opțional sau ascuns :

  • Numele companiei
  • Linia de adresă 2
  • Telefon
Personalizarea paginii de plată a temei Botiga

În cele din urmă, puteți adăuga două documente legale importante pe pagina dvs. de plată:

  • Politica de confidențialitate
  • Termeni și condiții

Mai întâi, trebuie să creați aceste pagini din meniul Pagini > Adăugare nou . Apoi, acestea vor apărea în meniurile drop-down și le puteți adăuga pe pagina dvs. de finalizare a achiziției:

Adăugarea politicii de confidențialitate și a Termenilor și condițiilor la pagina de finalizare a achiziției

Concluzie

WooCommerce este o platformă excelentă de comerț electronic, dar dacă doriți să îmbunătățiți anumite zone ale magazinului dvs., instrumentele terțe vă pot ajuta foarte mult.

De exemplu, puteți utiliza Botiga pentru a face ca pagina de plată WooCommerce implicită să fie similară cu experiența de plată Shopify curată și simplă.

Botiga este o temă WooCommerce puternică, concepută pentru a construi magazine online cu conversie mare. Deși tema este gratuită, pentru a activa funcționalități avansate, va trebui să o asociați cu pluginul premium Botiga Pro.

Pentru a utiliza aspectul paginii de plată asemănător Shopify de la Botiga, veți avea nevoie atât de tema, cât și de plugin.

Instalați-le pe site-ul dvs. web, importați un site de pornire și activați un aspect de finalizare a plății din Personalizator.

Faceți acești pași și o pagină de plată asemănătoare Shopify va fi deschisă și rulează în magazinul dvs. WooCommerce în cel mai scurt timp!