Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să editați paginile WooCommerce (fără codare)

Mulți proprietari de magazine WooCommerce doresc ca paginile lor să arate finisate și în conformitate cu marca. Dar efectuarea de modificări cu șabloanele implicite poate părea limitativă.

Angajarea unui dezvoltator pentru fiecare mică ajustare nu este întotdeauna practică, mai ales când încercați să acționați rapid și să mențineți costurile scăzute.

Din fericire, există constructori de pagini puternici și pluginuri de personalizare care funcționează perfect cu WooCommerce. Aceste instrumente vă permit să creați pagini de produse, aspecte ale magazinului și fluxuri de checkout frumoase - totul fără a fi nevoie să atingeți codul.

Chiar mai bine, puteți actualiza lucrurile singur oricând, fără a aștepta un dezvoltator.

În timp, am testat multe instrumente pentru a găsi ceea ce funcționează cu adevărat pentru magazinele WooCommerce reale. În acest ghid, vă vom arăta cea mai ușoară modalitate de a vă personaliza paginile folosind SeedProd – fără a fi nevoie de codare sau abilități tehnice.

Cum să editați paginile WooCommerce

De ce să editezi paginile WooCommerce pentru magazinul tău online?

WooCommerce creează multe pagini pentru a afișa produse, magazin, cont, finalizare comandă și funcționalități de coș pentru magazinul dumneavoastră online.

În mod implicit, tema dvs. WordPress controlează aspectul acestor pagini. Există o mulțime de teme WooCommerce grozave din care puteți alege.

Cu toate acestea, editarea acestor pagini s-ar putea să nu fie la fel de simplă pe cât pare.

De exemplu, s-ar putea să nu poți afișa produse suplimentare, să adaugi funcționalități de upsell, să schimbi aspectul și multe altele.

Aici intervine SeedProd. Este pluginul suprem pentru crearea paginilor WooCommerce. Vă permite să utilizați un instrument intuitiv de tip drag-and-drop pentru a vă proiecta paginile WooCommerce.

De-a lungul anilor, multe dintre mărcile noastre partenere s-au bazat pe el pentru a crea paginile lor de destinație și chiar teme personalizate complete.

L-am testat, de asemenea, temeinic într-un mediu demo. Pentru a afla mai multe despre experiența noastră, poți vizualiza recenzia noastră despre SeedProd.

SeedProd

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul SeedProd. Pentru mai multe detalii, consultați tutorialul nostru despre cum să instalați un plugin WordPress.

Pentru diferitele metode din acest articol, vom folosi versiunea SeedProd Pro, deoarece are funcționalitățile necesare pentru a edita paginile WooCommerce.

După activare, trebuie să vizitați pagina SeedProd » Setări pentru a introduce cheia de licență a pluginului. Puteți găsi aceste informații în contul dvs. de pe site-ul SeedProd.

Adăugarea unei chei de licență SeedProd în WordPress

După introducerea cheii de licență, sunteți gata de plecare. Acum puteți edita și crea pagini WooCommerce optimizate pentru magazinul dvs. online.

Acestea fiind spuse, să vedem cum să edităm paginile WooCommerce pas cu pas.

Puteți face clic pe oricare dintre linkurile de mai jos pentru a sări la oricare metodă doriți:

Creați o temă WooCommerce complet personalizată

SeedProd vine cu un constructor complet de teme WooCommerce integrat. Acest lucru vă permite să înlocuiți tema WooCommerce cu una personalizată de către dumneavoastră.

Avantajul acestei abordări este că obțineți mai multă flexibilitate atunci când editați tema WooCommerce. Puteți edita orice pagină folosind un instrument simplu de tip drag-and-drop.

Pentru a începe, accesați pur și simplu pagina SeedProd » Configurare și faceți clic pe butonul „Selectați o temă pentru magazinul meu” de lângă opțiunea „Construiți un magazin WooCommerce”.

Creează o temă WooCommerce personalizată

Apoi, pluginul vă va arăta multe teme WooCommerce gata de utilizare pe care le puteți folosi ca punct de plecare.

Pur și simplu faceți clic pe un șablon pentru a-l selecta.

Selecția șablonului WooCommerce

Fiecare temă WooCommerce sau WordPress este o colecție de șabloane care afișează diferite zone ale site-ului dvs. web sau ale magazinului online.

SeedProd va genera acum acele șabloane pentru tema dvs. și vă va afișa o listă a acestora.

Șabloane de temă

Acum puteți muta mouse-ul peste un șablon și puteți face clic pe linkul „Editare design” pentru a începe să-l editați.

Aceasta va lansa interfața de builder de pagini SeedProd.

Editarea paginii magazinului pentru tema dvs. WooCommerce

Puteți adăuga toate blocurile comune de construcție a site-urilor web din coloana din stânga. În dreapta, veți vedea o previzualizare live a paginii pe care o editați.

De asemenea, puteți pur și simplu să indicați și să faceți clic pe orice element pentru a-l edita.

Editați grila de produse

SeedProd vine cu toate blocurile WooCommerce de care veți avea nevoie pentru a construi o temă WooCommerce orientată spre vânzări.

Odată ce ați terminat de făcut modificări la un șablon, pur și simplu faceți clic pe butonul „Salvare” pentru a vă stoca modificările.

Salvați șablonul temei dvs. WooCommerce

Pur și simplu repetați procesul pentru a edita alte șabloane din tema dvs. WooCommerce personalizată.

După ce ați terminat de editat toate paginile, accesați pagina SeedProd » Theme Builder și activați comutatorul „Activați tema SeedProd”.

Activați tema SeedProd

Tema ta personalizată WooCommerce va înlocui acum tema ta existentă WooCommerce.

Acum, puteți vizita site-ul dvs. WordPress pentru a-l vedea în acțiune.

Previzualizare temă

Pentru a afla mai multe, consultați tutorialul nostru complet despre cum să creați o temă WordPress personalizată fără codare.

Pe de altă parte, dacă doriți să continuați să utilizați tema WooCommerce existentă și să editați doar anumite părți ale site-ului dumneavoastră web, atunci continuați să citiți.

Personalizați pagina de finalizare a comenzii WooCommerce

Pagina de finalizare a comenzii în orice magazin eCommerce este unul dintre cei mai importanți pași în parcursul clientului.

Implicit, WooCommerce vine cu o experiență de checkout simplă, care nu este optimizată pentru vânzări și conversii.

Experiență de checkout simplă

Mici modificări la pagina de finalizare a comenzii vă pot ajuta să creșteți vânzările și să reduceți abandonarea coșului de cumpărături în magazinul dumneavoastră.

De exemplu, puteți afișa produse similare cu un buton „Adaugă în coș” pe pagina de finalizare a comenzii, astfel încât utilizatorii să poată vedea și altceva pe care doresc să-l achiziționeze.

Pentru a crea pagina dvs. personalizată de finalizare a comenzii, accesați pur și simplu SeedProd » Pagini de destinație și faceți clic pe „Adăugați o pagină de destinație nouă”.

Adăugați o nouă pagină de destinație

Apoi, vi se va cere să alegeți un șablon pentru pagina dvs.

Puteți alege unul dintre șabloanele de pe ecran și îl puteți edita pentru a crea o pagină de finalizare a comenzii, sau puteți începe cu un șablon gol.

Alegeți un șablon gol

Vom folosi șablonul gol pentru acest tutorial, dar puteți alege oricare dintre ele.

Apoi, va trebui să furnizați un titlu și un URL pentru pagină. Puteți folosi orice vă ajută să identificați ușor această pagină.

nume pagină și url

Fă clic pe butonul „Salvează și începe editarea paginii” pentru a continua.

Aceasta va lansa interfața builder-ului de pagini SeedProd, unde puteți pur și simplu să trageți și să plasați blocuri pentru a construi aspectul paginii dvs.

Lansare constructor de pagini

Mai întâi, ar trebui să adăugați un antet și apoi să îl personalizați cu propria marcă.

SeedProd vine cu secțiuni, care sunt colecții de blocuri utilizate frecvent împreună. Pentru a adăuga o secțiune de antet, faceți clic pe fila „Secțiuni” și apoi selectați categoria „Antet”.

Adăugați secțiunea antet

Apoi, duceți mouse-ul la un antet și faceți clic pe butonul „Adăugare (+)” pentru a-l insera în pagina dvs.

Acum puteți edita secțiunea antetului, pur și simplu făcând clic pe fiecare bloc și înlocuindu-l cu propriul logo, meniu și apel la acțiune.

Editați pagina de antet

Odată ce sunteți mulțumit de antet, adăugați un layout pe două coloane.

Puteți utiliza acest aspect pe două coloane pentru a afișa formularul de checkout și produse suplimentare, testimoniale și alte elemente.

Alegeți aspectul

După aceea, trebuie să adăugați blocul de Checkout din meniul din stânga.

Adăugați-l în coloana din stânga, care este mai lată și va apărea prima pe dispozitivele mobile.

Adăugați blocul de checkout

Apoi, trebuie să adaugi blocuri în coloana din dreapta. Aceasta este zona pe care o poți folosi pentru a convinge utilizatorii să finalizeze achiziția.

Puteți adăuga aici un bloc de testimoniale sau puteți afișa produsele dvs. cele mai populare.

Produse de tip upsell

Iată câteva lucruri suplimentare pe care le puteți adăuga la pagina dvs. de checkout pentru a o îmbunătăți pentru conversii mai mari:

  • Insigne de încredere, cum ar fi insigne de plată securizată oferite de PayPal și Stripe sau scorul dvs. de recenzii Trustpilot.
  • Mai multă dovadă socială, cum ar fi activitatea clienților în timp real
  • Blocul Recenzii de Afaceri în SeedProd pentru a afișa recenzii Google

După ce ați terminat de editat pagina de finalizare a comenzii, nu uitați să faceți clic pe săgeata de lângă „Salvare” și apoi pe „Publicare” în colțul din dreapta sus al ecranului.

Salvează și publică

Apoi, trebuie să îi spuneți WooCommerce să înceapă să folosească pagina dvs. personalizată de finalizare a comenzii pentru toți clienții.

Accesați pagina WooCommerce » Setări și comutați la fila „Avansat”.

Utilizați pagina dvs. personalizată de checkout

Sub fila „Configurare pagină”, selectați pagina dvs. personalizată de checkout pentru opțiunea „Pagina de checkout”. Nu uitați să faceți clic pe butonul „Salvați modificările” pentru a vă salva setările.

Acum puteți accesa magazinul dvs. într-o nouă filă de browser și puteți încerca noua experiență de finalizare a comenzii adăugând un produs în coș.

Previzualizați pagina dvs. personalizată de finalizare a comenzii

Pentru mai multe detalii, puteți consulta tutorialul nostru despre personalizarea paginii de checkout WooCommerce.

Sfat bonus: Doriți să vedeți cum performează noua dvs. pagină de coș? Consultați tutorialul nostru despre urmărirea conversiilor WordPress pentru începători pentru a urmări toate conversiile dvs.

Personalizați formularul de finalizare a comenzii WooCommerce

Pagina de finalizare a comenzii este una dintre zonele în care mulți utilizatori abandonează coșurile.

Cea mai ușoară modalitate de a vă asigura că utilizatorii își finalizează achizițiile este prin oferirea unei experiențe de checkout mai bune.

Aici FunnelKit poate ajuta. Este unul dintre cele mai bune constructori de pâlnii de vânzări pentru WooCommerce care vă permite să optimizați pâlniile, paginile de finalizare a comenzii, experiența coșului și multe altele.

Automatizări FunnelKit

Am testat acest instrument de multe ori noi înșine pentru o mulțime de scopuri diferite și îl recomandăm cu tărie.

Are zeci de șabloane, un expert pentru crearea de funnel-uri și editare drag-and-drop pentru paginile coșului și de finalizare a comenzii. Pentru a afla mai multe despre perspectivele noastre, consultați recenzia noastră despre FunnelKit.

Mai întâi, trebuie să te înregistrezi pentru un plan FunnelKit vizitând site-ul lor.

Notă: Vei avea nevoie de cel puțin planul Plus pentru a debloca funnel-uri de vânzări, upsell-uri, order bumps și alte funcționalități.

După aceea, trebuie să instalați și să activați pluginurile FunnelKit Builder și FunnelKit Builder Pro. Le puteți găsi în contul dvs. de pe site-ul FunnelKit.

Pluginuri FunnelKit

Aveți nevoie de ajutor? Consultați tutorialul nostru despre cum să instalați un plugin WordPress.

La activare, vi se va cere să furnizați cheile de licență ale pluginului. Le puteți găsi pe aceeași pagină de Descărcări din contul dvs. pe site-ul FunnelKit.

Odată ce ați terminat, sunteți gata să personalizați formularul de finalizare a comenzii WooCommerce.

Pur și simplu accesați pagina FunnelKit » Store Checkout din tabloul de bord de administrare WordPress și faceți clic pe butonul „Creare checkout magazin”.

Creează un checkout de magazin

Pe ecranul următor, trebuie mai întâi să alegeți interfața editorului.

Șabloanele FunnelKit pot fi editate cu editorul Gutenberg implicit, Elementor, Divi, Oxygen sau orice alt constructor de pagini, utilizând shortcode-uri.

După aceea, trebuie să alegeți un șablon. Există zeci de șabloane frumoase din care puteți alege. Pur și simplu faceți clic pe butonul „Previzualizare” pentru a vedea o previzualizare live a șablonului.

Poți alege între o pagină de finalizare a comenzii cu un singur pas sau cu mai mulți pași în previzualizare. După aceea, pur și simplu apasă pe butonul „Importă acest funnel” din partea de sus.

Importator de Funnel-uri

Apoi, vi se va cere să introduceți un nume pentru pâlnia dvs.

Îl poți numi oricum te ajută să-l identifici mai târziu. Apoi, apasă pe butonul „OK” pentru a continua.

Dați un nume coșului dvs. personalizat

FunnelKit va crea acum pagina dumneavoastră personalizată de finalizare a comenzii.

După aceea, veți vedea tabloul de bord al paginii. De aici, puteți edita pagina de finalizare a comenzii, puteți adăuga mai mulți pași sau puteți adăuga un bump la comandă.

Editarea paginii personalizate de checkout

Editarea unei pagini o va deschide în editorul pe care l-ați ales anterior.

Pentru acest tutorial, am ales Gutenberg. Fiecare element de pe pagina de checkout este un bloc pe care îl puteți edita pur și simplu făcând clic pentru a-l selecta.

Editor pagină de finalizare comandă

Puteți adăuga și blocuri noi făcând clic pe butonul „Adaugă bloc”.

Odată ce ați terminat de făcut modificările, nu uitați să faceți clic pe butonul „Actualizare”.

Acest lucru vă va readuce la tabloul de bord al paginii de finalizare a comenzii. De aici, trebuie să comutați la fila „Câmpuri”.

Editor de câmpuri

Aici puteți edita câmpurile formularului de finalizare a comenzii. În acest exemplu, folosim un formular de finalizare a comenzii în doi pași. Acest lucru vă permite să colectați informațiile de contact înainte de plată.

De asemenea, puteți adăuga noi câmpuri de formular din coloana din dreapta. În mod implicit, pluginul afișează câmpurile de checkout utilizate frecvent.

Cu toate acestea, puteți face clic pe butonul „Adaugă câmp nou” pentru a adăuga un câmp de formular personalizat.

Adaugă câmp personalizat nou

Aceasta va afișa o fereastră pop-up unde puteți alege tipul de câmp, puteți furniza o cheie meta și puteți introduce o etichetă.

Puteți, de asemenea, să faceți câmpul „obligatoriu” și să îl atribuiți paginii de finalizare a comenzii sau paginii de mulțumire.

Creați un câmp personalizat pentru checkout

Nu uitați să faceți clic pe butonul „Salvați modificările” pentru a stoca setările formularului.

FunnelKit vine cu o mulțime de optimizări pe care le poți adăuga paginii tale de finalizare a comenzii pentru o experiență mai fluidă.

Pur și simplu comutați la pagina „Optimizări” și veți vedea o listă de optimizări pe care le puteți aplica paginii de finalizare a comenzii.

Optimizări ale paginii de finalizare a comenzii

Pur și simplu faceți clic pe o optimizare pentru a o configura, apoi faceți clic pe butonul „Salvare modificări” pentru a stoca modificările.

Apoi, comutați la fila „Setări” pentru a activa Analytics, pixelul Facebook, scripturile personalizate sau CSS în fluxul dvs. de checkout.

Setări funnel

Nu uitați să faceți clic pe butonul „Salvează modificările” pentru a aplica modificările.

În final, trebuie să apeși pe butonul „Draft” de lângă titlul paginii de finalizare a comenzii și să îl schimbi în „Publish”. Acest lucru va înlocui pagina ta existentă de finalizare a comenzii cu funnel-ul personalizat pe care tocmai l-ai creat.

Publicați pagina de checkout

Puteți vizita acum magazinul dvs. într-o nouă filă de browser pentru a testa experiența de checkout personalizată pe care ați creat-o.

Așa arăta pe site-ul nostru demo.

Previzualizare pagină de checkout personalizată

Adăugați checkout pe o singură pagină în WooCommerce

FunnelKit vă permite, de asemenea, să creați o experiență de finalizare a comenzii pe o singură pagină.

Trebuie să vizitați pagina FunnelKit » Store Checkout și să faceți clic pe „Creare finalizare comandă magazin”.

Creează un checkout de magazin

În selecția de șabloane, faceți clic pur și simplu pe opțiunea „One-Step” din partea de sus.

După aceea, faceți clic pe butonul „Importă acest funnel” pentru a continua.

Finalizare comandă într-un singur pas

Puteți apoi să continuați editarea șablonului în editorul dvs. preferat. Consultați secțiunea anterioară a acestui tutorial pentru instrucțiuni mai detaliate.

Adăugați un coș de tip Slide-In la WooCommerce

Majoritatea temelor WooCommerce vin cu o pagină de coș separată. Această experiență a coșului adaugă fricțiune experiențelor de cumpărare și de finalizare a comenzii.

Dacă utilizatorii trebuie să ajusteze calitatea produsului sau să elimine articole din coș, ei trebuie să părăsească pagina pe care o vizualizează în prezent pentru a actualiza coșul.

Acest lucru poate fi remediat prin adăugarea unui coș glisant în WooCommerce.

Un coș glisant afișează un buton de coș pe ecran. Apăsarea butonului afișează un meniu glisant cu produsele pe care utilizatorul le-a adăugat în coș.

Coș glisant

Utilizatorii pot acum edita și actualiza coșul fără a părăsi pagina.

FunnelKit are o funcție frumoasă de coș glisantă care se integrează perfect cu magazinul dvs. online. Puteți chiar să o utilizați pentru a vinde produse suplimentare, a stimula finalizarea comenzii, a oferi reduceri și multe altele.

Mai întâi, trebuie să vizitezi site-ul FunnelKit și să îți creezi un cont.

Notă: Veți avea nevoie cel puțin de planul Plus pentru a accesa funcționalitățile de coș glisant.

După înregistrare, accesați contul dvs. pe site-ul FunnelKit pentru a descărca pluginul FunnelKit Cart.

Coș FunnelKit

Apoi, trebuie să instalați și să activați pluginul. Pentru mai multe detalii, consultați tutorialul nostru despre cum să instalați un plugin WordPress.

După ce ați activat pluginul, trebuie să accesați pagina FunnelKit » Cart pentru a configura setările coșului glisant.

Setări coș

De aici, veți vedea multe opțiuni în stânga și o previzualizare live a modului în care va arăta coșul dvs. glisant.

FunnelKit oferă o mulțime de opțiuni de personalizare. De exemplu, puteți alege dintre diferite stiluri, selecta pictograme pentru coș, schimba textul butonului și multe altele.

Puteți, de asemenea, să adăugați produse de tip upsell sau cross-sell, să oferiți reduceri și să faceți experiența din coș mult mai atrăgătoare.

Setări suplimentare pentru coș

Pentru a publica modificările, nu uitați să faceți clic pe butonul „Salvare”.

Acum puteți vizita site-ul dvs. web pentru a testa coșul glisant în magazinul dvs. live.

Personalizați pagina coșului WooCommerce

WooCommerce are o pagină implicită de coș, permițând utilizatorilor să continue către pagina de finalizare a comenzii.

În mod implicit, afișează produsele pe care clienții le-au adăugat în coș. Cu toate acestea, cercetările arată că mai mult de 70% dintre clienți părăsesc un magazin online fără a finaliza achiziția.

Teme WooCommerce vin adesea cu o pagină de coș plictisitoare, fără optimizare pentru conversii.

Experiența implicită a coșului WooCommerce

Prin personalizarea paginii dumneavoastră de coș WooCommerce, puteți reduce cu ușurință abandonarea coșului și puteți îmbunătăți vânzările.

Pentru a crea pagina dvs. personalizată de finalizare a comenzii, accesați pur și simplu SeedProd » Pagini de destinație și faceți clic pe „Adăugați o pagină de destinație nouă”.

Adăugați o nouă pagină de destinație

Apoi, vi se va cere să alegeți un șablon pentru pagina dvs.

Puteți alege unul dintre șabloanele de pe ecran și îl puteți edita pentru a crea o pagină de coș, sau puteți începe cu un șablon gol.

Alegeți un șablon gol

Vom folosi șablonul gol pentru acest tutorial.

Apoi, va trebui să furnizați un titlu și un URL pentru pagină. Puteți folosi orice vă ajută să identificați ușor această pagină.

Titlul și URL-ul paginii de coș

Aceasta va lansa interfața de builder SeedProd.

Puteți începe prin a comuta la fila „Secțiuni” și adăugând un antet la șablonul dumneavoastră gol.

Adăugați secțiunea antet

După aceea, nu ezitați să indicați și să faceți clic pentru a edita zona antetului după bunul plac.

Sub aceasta, trebuie să adăugați un layout pe două coloane, pe care îl veți folosi pentru a adăuga alte blocuri pentru pagina coșului.

Adăugați coloane de layout

Apoi, adăugați blocul „Coș” în coloana din dreapta.

Acum, deoarece coșul dvs. este gol în prezent, nu va afișa niciun produs. Accesați magazinul dvs., adăugați câteva produse în coș, apoi reîncărcați constructorul de pagini SeedProd.

Adăugați blocul de coș

După aceea, puteți adăuga alte elemente pentru a vă îmbunătăți pagina de coș.

De exemplu, puteți începe prin a adăuga testimoniale sau puteți adăuga un cronometru pentru a declanșa efectul FOMO.

Upsell și creează FOMO

Simțiți-vă liber să experimentați adăugând diferite blocuri și ajustând culorile și lățimea.

După ce ați terminat editarea, nu uitați să faceți clic pe „Salvare și publicare” în partea dreaptă sus a ecranului.

Salvează și publică

Apoi, trebuie să spuneți WooCommerce să înceapă să folosească pagina dvs. personalizată de coș pentru toți clienții.

Accesați pagina WooCommerce » Setări și comutați la fila „Avansat”.

Utilizați pagina personalizată de coș

Acum puteți vizita magazinul dvs. online într-o nouă filă de browser.

Începeți prin a adăuga câteva produse, apoi mergeți la pagina coșului pentru a vedea noua pagină a coșului în acțiune.

Previzualizare pagină coș

Editați paginile de produse WooCommerce

Teme WooCommerce folosesc același șablon pentru a afișa toate produsele pe site-ul dvs. web.

Cu toate acestea, s-ar putea să vrei să promovezi anumite produse mai mult decât altele. Cel mai mult pe care îl poți face pentru a distinge produsele importante este să le faci produse recomandate.

SeedProd vă permite să creați pagini de produse personalizate. Puteți folosi un șablon bine conceput, creat special pentru conversii mai mari, și apoi pur și simplu să-l completați cu informațiile despre produsul dvs.

Pentru a începe, accesați pur și simplu SeedProd » Pagini de destinație și apoi faceți clic pe „Adăugați o pagină de destinație nouă”.

Adăugați o nouă pagină de destinație

Apoi, vi se va cere să alegeți un șablon pentru pagina dvs.

Poți alege unul dintre șabloanele de pe ecran și îl poți edita pentru a crea o pagină de produs. Vei găsi mai multe șabloane optimizate pentru conversii sub fila „Vânzări”.

Alegeți un șablon pentru a crea o pagină de produs

Pur și simplu faceți clic pentru a selecta un șablon și a continua.

Apoi, vi se va cere să furnizați un titlu și un URL pentru pagină. Puteți folosi numele produsului ca titlu și URL.

Titlul și URL-ul paginii de produs

Fă clic pe butonul „Salvează și începe editarea paginii” pentru a continua.

Aceasta va lansa interfața de builder de pagini SeedProd cu șablonul selectat. Puteți pur și simplu să indicați și să faceți clic pe orice element de pe pagină pentru a-l edita.

Editarea paginii de produs

Puteți începe prin a înlocui elementele antetului, cum ar fi logo-ul, meniul de navigare și butonul de apel la acțiune, cu ale dvs.

După aceea, puteți înlocui imaginile cu imaginile produselor dvs. și puteți edita textul după cum este necesar.

Adăugați detaliile produsului dvs. cu butonul Adaugă în coș

În cele din urmă, puteți înlocui apelul la acțiune cu blocul Adaugă în coș.

După aceea, trebuie să introduceți ID-ul produsului în setările blocului Adăugare în coș. Puteți, de asemenea, să schimbați textul butonului, precum și să adăugați subtext, culoare și să schimbați alinierea.

Editează pachetul coșului

Pentru a găsi un ID de produs, trebuie să accesați pagina Produse » Toate produsele din zona de administrare WordPress într-o filă separată a browserului.

Plasează mouse-ul peste produsul pe care vrei să îl promovezi, iar ID-ul produsului va apărea împreună cu alte linkuri.

Găsirea unui ID de produs în WooCommerce

Pentru a face pagina produsului mai eficientă, puteți încerca aceste sfaturi:

  • Adăugați imagini de produs de înaltă calitate cu efect de zoom, astfel încât utilizatorii să poată examina clar produsul.
  • Sub principalul dvs. apel la acțiune, puteți crea diferite rânduri care evidențiază caracteristicile produsului și oferă mai multe informații clienților.
  • Folosiți dovada socială pentru a declanșa efectul FOMO.

Odată ce ați terminat de editat pagina produsului, nu uitați să faceți clic pe butonul „Salvați și publicați” din partea de sus.

Salvați și publicați pagina de produs

Odată publicată, puteți vizualiza pagina produsului făcând clic pe butonul „Previzualizare”.

Aceasta va afișa pagina produsului live pe site-ul dvs., pe care o puteți începe acum să o promovați.

Previzualizare pagină produs

Pentru mai multe detalii și sfaturi bonus, consultați tutorialul nostru despre personalizarea paginilor de produs WooCommerce.

Personalizați pagina magazinului pentru magazinul dvs. WooCommerce

WooCommerce vă permite să vă afișați cu ușurință produsele pe pagina magazinului. Este practic o pagină cu produsele dvs. afișate într-un aspect de grilă.

Șablonul magazinului în majoritatea temelor WooCommerce este plictisitor și nu este optimizat pentru vânzări și conversii. În plus, de obicei nu există sau sunt foarte puține opțiuni pentru a-l personaliza.

SeedProd vă permite să creați și să personalizați cu ușurință o pagină de magazin WooCommerce. Puteți alege propriul aspect și design și puteți optimiza această pagină pentru conversii mai mari.

Pentru a începe, pur și simplu accesați SeedProd » Pagini de destinație și apoi faceți clic pe butonul „Adăugare pagină de destinație nouă”.

Adăugați o nouă pagină de destinație

Apoi, vi se va cere să alegeți un șablon pentru pagina dvs.

Puteți alege unul dintre șabloanele de pe ecran și îl puteți edita pentru a crea pagina magazinului dvs.

Alegeți un șablon pentru a crea o pagină de produs

Pur și simplu faceți clic pentru a selecta un șablon și a continua.

Apoi, vi se va cere să furnizați un titlu și un URL pentru pagină. Puteți folosi ceva de genul Magazin, Raion sau Vitrină pentru a indica faptul că este pagina principală a magazinului.

Pagina magazinului

Fă clic pe butonul „Salvează și începe editarea paginii” pentru a continua.

Aceasta va lansa interfața de builder de pagini SeedProd cu șablonul selectat. Puteți pur și simplu să indicați și să faceți clic pe orice element de pe pagină pentru a-l edita.

Editarea paginii de produs

Puteți începe prin a înlocui elementele antetului, cum ar fi logo-ul, meniul de navigare și butonul de apel la acțiune, cu ale dvs.

După aceea, puteți adăuga o secțiune de tip hero în partea de sus, cu o imagine mare și principalul dvs. apel la acțiune.

Antet magazin

Sub aceasta, puteți folosi blocuri WooCommerce pentru a vă afișa produsele.

Poți alege dintre produse recente, recomandate, cele mai vândute, cele mai bine cotate și produse la reducere.

Afișare produse

După adăugarea unui bloc de produse, puteți personaliza și cum arată.

SeedProd îți permite să alegi numărul de produse, opțiunile de sortare, coloanele și multe altele.

Opțiuni de afișare a produsului

Puteți optimiza și mai mult această pagină adăugând mai mult text, oferte speciale, bannere, o secțiune FAQ și multe altele.

După ce ați terminat de editat, nu uitați să faceți clic pe „Salvează și publică” în partea de sus.

Salvați și publicați pagina de produs

După ce ați salvat pagina, faceți clic pe butonul „Previzualizare” pentru a o vedea în acțiune.

SeedProd va deschide pagina într-o nouă filă a browserului.

Previzualizare pagină magazin

Acum puteți înlocui linkurile către pagina Magazin din meniul de navigare cu pagina dvs. de magazin personalizată.

Personalizați pagina de mulțumire WooCommerce

Pagina „Mulțumim” din WooCommerce apare atunci când un client finalizează o achiziție. Implicit, WooCommerce îi va afișa doar detaliile comenzii pe această pagină.

Pagina implicită de mulțumire în WooCommerce

Acest lucru nu oferă clienților mai multe opțiuni de explorat. Este un fel de fundătură și o oportunitate ratată pentru vânzări și conversii.

Din fericire, puteți remedia acest lucru cu SeedProd creând o pagină personalizată de mulțumire.

Pentru a începe, pur și simplu accesați SeedProd » Pagini de destinație și apoi faceți clic pe butonul „Adăugare pagină de destinație nouă”.

Adăugați o nouă pagină de destinație

Apoi, vi se va cere să alegeți un șablon pentru pagina dvs.

Comutați la fila „Mulțumire” și veți găsi o mulțime de șabloane de pagină de mulțumire. Puteți alege unul dintre ele sau puteți chiar începe cu un șablon gol.

Șabloane pagină de mulțumire

Apoi, ți se va cere să alegi un titlu și un URL pentru pagina ta.

Puteți folosi „Mulțumesc” sau orice alt titlu semnificativ pentru pagina dvs.

Titlul paginii de mulțumire

Fă clic pe butonul „Salvează și începe editarea paginii” pentru a continua.

Aceasta va lansa interfața de construire a paginilor SeedProd, unde veți vedea o previzualizare live a șablonului dvs. Puteți pur și simplu să indicați și să faceți clic pentru a edita orice element din previzualizare sau pentru a adăuga noi blocuri din coloana din stânga.

Editați pagina de mulțumire

Acum puteți folosi această oportunitate pentru a vă promova lista de email sau pentru a vinde produse suplimentare adăugând blocuri de grile de produse WooCommerce.

Nu ezitați să experimentați cu diferite titluri, texte și produse pentru a crea o pagină de mulțumire eficientă.

Odată terminat, nu uitați să faceți clic pe butonul „Salvează și publică” din colțul din dreapta sus al ecranului.

Salvați și publicați pagina de produs

Pagina dvs. personalizată de mulțumire este acum live. Cu toate acestea, trebuie în continuare să îi spuneți WooCommerce să folosească această pagină ca pagină de mulțumire implicită.

Pentru a face acest lucru, va trebui să instalați și să activați pluginul Thanks Redirect for WooCommerce. Pentru mai multe detalii, consultați tutorialul nostru despre cum să instalați un plugin WordPress.

După activare, accesați pagina WooCommerce » Setări și faceți clic pe fila „Produse”.

Redirecționare pagină de mulțumire în WooCommerce

De aici, trebuie să bifați opțiunea „Activați redirecționarea globală de mulțumire”. După aceea, veți vedea un câmp etichetat „URL de redirecționare mulțumire”.

Lipiți noul URL al paginii de mulțumire WooCommerce în această casetă, apoi faceți clic pe butonul „Salvați modificările”.

Acum, când clienții finalizează o achiziție, vor vedea pagina dvs. personalizată de mulțumire, optimizată. Vor fi mult mai predispuși să dea clic și să caute restul magazinului dvs. decât dacă ați fi rămas la cea implicită.

Pagină personalizată de mulțumire în WooCommerce

Sperăm că acest articol v-a ajutat să învățați cum să editați paginile WooCommerce cu ușurință, fără a scrie cod. De asemenea, ați putea dori să consultați ghidul nostru complet SEO pentru WooCommerce sau selecțiile noastre de experți pentru cele mai bune pluginuri pentru fluxuri de vânzări WooCommerce pentru a vă crește conversiile.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

10 CommentsLeave a Reply

  1. WooCommerce a fost un coșmar personal pentru mine și l-am evitat mult timp, crezând că pur și simplu nu știam cum să creez un magazin online. Totuși, într-o zi a trebuit, așa că am instalat WooCommerce. Am fost surprins să descopăr că, cu tutoriale bune, a fost destul de gestionabil, deși a durat timp. Datorită WPBeginner și acestor ghiduri, sunt acum mult mai priceput la WooCommerce, și asta se datorează în principal vouă și acestor articole cuprinzătoare.

  2. Este interesant de văzut cum paginile WooCommerce pot fi editate fără codare. Acest lucru deschide ușa pentru mai mulți oameni să-și creeze și să-și personalizeze magazinele online, chiar dacă nu au nicio experiență de programare. Aceasta ar putea fi o opțiune excelentă pentru afacerile mici sau antreprenorii care abia încep.

    • Aveți perfectă dreptate.
      Seedprod a facilitat crearea și personalizarea paginilor WooCommerce, nu trebuie să învățați codificare pentru a personaliza. Deoarece acest lucru nu depinde de temă, va fi utilizat de toate afacerile și persoanele fizice.

  3. Ca proprietar de magazin online, adesea trebuie să fac modificări la paginile mele WooCommerce fără a fi necesară cunoașterea codării. Ghidul WPBeginner despre editarea paginilor WooCommerce mi-a fost incredibil de util în satisfacerea acestei nevoi.
    Cu ajutorul plugin-urilor precum Elementor și Beaver Builder, pot acum crea cu ușurință pagini WooCommerce personalizate fără a fi necesară cunoașterea codării.
    Acest lucru mi-a economisit mult timp și efort în comparație cu editarea manuală a codului pentru aceste pagini.

    • Sunt complet de acord cu tine că aceste resurse sunt de aur! Posibilitatea de a-ți personaliza paginile magazinului vizual cu constructori drag-and-drop precum Elementor economisește tone de timp comparativ cu a te încurca cu codul.

      • Am o opinie similară. Cu toate acestea, uneori constat că Elementor încetinește și împiedică funcționarea site-ului web. Ambele pluginuri sunt foarte solicitante pentru performanța site-ului web. Atunci când combinați WooCommerce și Elementor împreună, este necesară o bază de hosting web rapidă și puternică. Este un compromis pentru ușurința de gestionare și crearea de conținut. Pentru începătorii ca tine și mine, este cu adevărat o combinație ideală și slavă Domnului pentru asta. Aș prefera să plătesc suplimentar pentru hosting de calitate dacă face dezvoltarea unui site de e-commerce mai ușoară în acest sens.

  4. Acest articol este o salvare pentru utilizatorii WooCommerce mai puțin avansați din punct de vedere tehnic, cum sunt eu, care doresc să facă modificări la magazinul lor online fără a învăța să programeze. Este grozav că multe lucruri sunt acum drag and drop.

    Cu toate acestea, am o întrebare. Este mai bine să am shop.domeniu sau domeniu/shop?
    Face vreo diferență din punct de vedere SEO? Sau altceva?

    • Nu ar trebui să facă o diferență SEO majoră oricum, dacă doreați totul pe același site este mai ușor să faceți domain/shop în timp ce dacă doreați să creați un subsite specific magazinului, store.domain este de obicei metoda de utilizat.

      Admin

  5. mulțumesc pentru distribuire. instalarea acestui plugin va înlocui builder-ul meu Elementor deja instalat?

    • This plugin is normally an alternative to Elementor so there is a good chance that it will be a replacement plugin for you :)

      Admin

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.