Actualizarea magazinului WooCommerce este un lucru serios, deoarece este posibil să întrerupeți unele funcționalități care ar putea afecta în mod negativ rezultatele dvs. sau pur și simplu modul în care funcționează site-ul dvs.

Există patru școli de gândire în rândul proprietarilor de magazine atunci când apar actualizări WooCommerce:

• The Cowboy: Acești proprietari de magazine apasă „update” fără să se gândească de două ori. Apoi magazinele lor se prăbușesc în jurul lor.
• The Couch Potato: Cei care pur și simplu ignoră complet actualizările, tratându-le ca și cum nu ar exista.
• The Scaredy-Cat: Acești proprietari de magazine au atât de multe plugin-uri și teme depășite pentru că sunt îngroziți de ceea ce se va întâmpla dacă vor încerca o actualizare.
• The Maverick: În cele din urmă, aceștia sunt proprietarii de magazine care rulează backup-uri regulate, testează noile versiuni de WooCommerce pe un site de staging și apoi își actualizează site-ul live fără probleme.

În realitate, toată lumea ar trebui să fie un Maverick. Din fericire, nu este greu să fii unul! Cu instrumentele potrivite, o listă de verificare solidă a testelor și puțină automatizare, puteți începe să vă mențineți site-ul WooCommerce actualizat și să funcționați întotdeauna fără probleme.

În această postare, vă vom prezenta cum să efectuați o actualizare sigură a WooCommerce de la început până la sfârșit, inclusiv ce instrumente să utilizați și o listă de verificare mare de testare și actualizare.

Pregătiți să începeți? Haideți să o facem, atunci!

Investiți puțin timp acum pentru a economisi mult timp (și anxietate) mai târziu

Înainte de a ne arunca cu capul înainte, cele mai bune practici ne spun că nu ar trebui să vă actualizați niciodată site-ul, în special WooCommerce, fără a testa temeinic orice versiune nouă mai întâi. Acest lucru este valabil pentru versiuni majore, minore și patch-uri – nu contează.

Trebuie să fiți dispus să petreceți puțin timp acum pentru a economisi mult timp mai târziu.

Nu trebuie să apăsați imediat acel buton „update”. Acordă-ți ceva timp și asigură-te că înțelegi ce schimbări vor fi făcute și, cel mai important, cum ar putea avea impact asupra tuturor celorlalte lucruri de pe site-ul tău. Simpla citire a noilor caracteristici disponibile în versiunea de WooCommerce la care doriți să faceți actualizarea vă va ajuta să vă faceți o idee despre ceea ce trebuie să vă pregătiți.

Pentru a pune lucrurile în perspectivă și pentru a înțelege cât de ușor se pot strica lucrurile, gândiți-vă pentru o secundă din punctul de vedere al unui dezvoltator de pluginuri sau teme: din moment ce nucleul WooCommerce, precum și nucleul WordPress, trebuie să fie compatibil cu versiunile anterioare. Acum, gândiți-vă la numărul de pluginuri pe care dumneavoastră – sau site-ul clientului dumneavoastră – le folosiți. Cât de probabil este ca o actualizare WooCommerce să întrerupă anumite funcționalități? Ei bine, cred că știți deja răspunsul: extrem de probabil.

De aceea, imediat după anunțarea unei actualizări WooCommerce, este întotdeauna bine să analizați listele de modificări și forumurile de asistență WordPress.org înainte de a actualiza WooCommerce. Dacă ar fi existat vreodată o problemă cu o actualizare, în 99% din cazuri, altcineva ar fi întâlnit mai întâi problema, economisindu-vă o tonă de timp și bătaie de cap să vă ocupați singur de problemă.

De asemenea, nu este neobișnuit să vă abțineți de la împingerea imediată a actualizării WooCommerce pe site-ul dvs. și să așteptați ca autorii de pluginuri/teme să își lanseze propriile actualizări pentru produsele legate de WooCommerce înainte de a vă putea actualiza și dvs. site-ul. Așadar, a fi răbdător și a-ți lua timp pentru a verifica compatibilitatea poate da roade.

Când vine vorba de actualizarea site-ului tău WooCommerce, operezi ca 🤠 Cowboy-ul, 🥔 Couch Potato, 🙀 Scaredy-Cat, sau 😎 Maverick-ul? Faceți clic pentru a vedea ce tip de proprietar de magazin sunteți 👇Click to Tweet

Getting Started With Your WooCommerce Update

Există patru etape esențiale atunci când abordați actualizările WooCommerce, fiecare cu propriul set de pași. Vă promitem că, după ce ați parcurs totul o dată, totul devine mai rapid și mai ușor de fiecare dată! Vă vom ghida prin fiecare dintre următoarele patru etape de actualizare WooCommerce:

Actualizare WooCommerce: Obținerea instrumentelor potrivite

Să recunoaștem: testarea manuală a WooCommerce este plictisitoare și consumatoare de timp. Din aceste motive, atât de mulți oameni pur și simplu nu o fac sau, atunci când o fac, nu testează corect și ratează erorile de pe site-urile lor.

Din fericire, există instrumente care pot ajuta la accelerarea procesului de testare și îl fac mai puțin plictisitor. După ce am testat de nenumărate ori actualizările WooCommerce de-a lungul anilor, acestea sunt instrumentele pe care le recomandăm. Să aruncăm o privire mai atentă la fiecare dintre ele.

Site de etapizare

Acest lucru este nenegociabil. Nu ar trebui să vă actualizați niciodată site-ul live imediat după o nouă versiune a WooCommerce. Site-urile Staging oferă un mediu de testare în care sunteți liber să stricați lucruri (de obicei fără repercusiuni).

Acolo, puteți rula actualizări WooCommerce, testa noile versiuni și vedea cum ar putea reacționa site-ul dvs. înainte de a vă actualiza site-ul live. Dacă nu aveți un site de staging, Kinsta vă poate ajuta (oferim medii de staging cu un singur clic):

Instrumente de comparare vizuală

Cum știți dacă site-ul dvs. s-a schimbat după o actualizare WooCommerce? Dacă administrați un site mare, cu zeci de pagini, urmărirea micilor modificări de formatare sau chiar a widgeturilor care au încetat să mai fie afișate poate dura mult timp.

Cu un instrument de comparare vizuală precum WP Boom, pe care îl vom folosi pentru acest tutorial, puteți face un instantaneu al site-ului dvs., apăsați „update” și apoi faceți un al doilea instantaneu, astfel încât să puteți vedea rapid ce s-a schimbat:

Este important să subliniem faptul că o schimbare vizuală nu înseamnă neapărat că o anumită funcționalitate s-a stricat pe site-ul dumneavoastră, ci doar că ar putea fi stricată.

Instrumente de testare end-to-end

În timp ce instrumentele de comparare vizuală vă pot ajuta să depistați rapid schimbările în formatarea și designul site-ului dumneavoastră, instrumentele de testare end-to-end merg mai departe. Acestea testează funcționalitatea reală a site-ului dvs. și oferă mai multă certitudine atunci când ceva nu funcționează.

Clicarea în jurul site-ului dvs. pentru a finaliza testele, cum ar fi adăugarea unui articol în coș și finalizarea comenzii, necesită timp. Aceste sarcini se învechesc destul de repede atunci când ați testat actualizările WooCommerce de o sută de ori înainte.

Cu instrumentele de testare end-to-end, puteți automatiza acest proces, astfel încât să se facă automat pentru dvs.

Cu Robot Ninja oprindu-se, vă vom arăta cum să utilizați două instrumente diferite în acest tutorial.

Primul este Ghost Inspector:

Cel de-al doilea instrument de testare end-to-end pe care îl puteți încerca este Usetrace:

Acesta este un alt instrument automatizat de testare end-to-end pentru WooCommerce, pe care îl puteți folosi atât pe site-urile staging cât și pe cele live. Vom vedea cum să le configurăm pe ambele mai târziu în acest articol. WooCommerce are, de asemenea, câteva teste E2E pe care le puteți parcurge dacă sunteți mai mult un dezvoltator.

Instrumente de backup

Ar trebui să efectuați backup-uri regulate ale site-ului dvs. Dacă sunteți interesat de copiile de rezervă ale bazei de date, vă recomandăm WP Migrate DB Pro, sau pur și simplu să folosiți WP-CLI pentru a rula exporturi rapide.

Dacă sunteți cu Kinsta, oferim backup-uri zilnice automate, puncte de backup manuale și retenție a backup-urilor pentru toate planurile noastre:

După ce aveți instrumentele potrivite, este timpul să faceți câteva pregătiri.

Updating WooCommerce: Pregătirea (O listă de verificare în 7 pași)

Dacă doriți ca actualizarea WooCommerce să decurgă fără probleme, trebuie să vă pregătiți. Este un pic de muncă implicată, dar după ce v-ați pregătit o dată, este mai ușor să completați spațiile goale și să o faceți mai repede data viitoare când faceți actualizarea. Mai jos sunt cei șapte pași de pregătire pe care îi recomandăm.

Pasul 1: Re-familiarizați-vă cu site-ul pe care îl actualizați

Dacă nu sunteți sigur de modul în care se așteaptă ca site-ul dvs. să funcționeze (de exemplu, dacă este site-ul unui nou client), luați câteva notițe. Acest lucru vă va ajuta să ușurați o parte din anxietatea pe care ați putea să o simțiți dacă veți fi confuz cu privire la modul în care funcționează site-ul după o actualizare (acest lucru se întâmplă mai des decât v-ați aștepta).

Vă recomand, de asemenea, să faceți o listă cu URL-urile critice și cu funcționalitatea site-ului dumneavoastră (și a clienților). Aceasta ar trebui să includă paginile importante de pe site-ul dvs., cum ar fi pagina principală, categoria și produsul, „contul meu”, coșul de cumpărături și paginile de plată.

Pasul 2: Verificați dacă copiile dvs. de rezervă sunt actuale

Dacă copiile dvs. de rezervă nu sunt actuale, acum este momentul să efectuați o altă copie de rezervă. Re-familiarizați-vă cu instrumentul de backup. Cel mai important, verificați dacă funcționează corect și asigurați-vă că știți cum să reveniți la un instantaneu anterior al site-ului dumneavoastră.

Pasul 3: Configurați WP Boom

Este nevoie doar de un minut pentru a configura acest instrument. Dacă memoria și capacitatea de a lua notițe nu sunt grozave (cu toții putem face greșeli), WP Boom vă poate ajuta să umpleți golurile cu capturi de ecran ale site-ului dumneavoastră. Gândiți-vă la ele ca la fotografiile „înainte” în promoțiile de pierdere în greutate.

Voi dori să începeți prin a face primul instantaneu al site-ului, astfel încât să aveți o înregistrare vizuală de referință a site-ului dvs. de pregătire înainte de actualizare.

De obicei, nu va putea face capturi de ecran ale paginilor de checkout (aveți nevoie de câteva produse în coș) și ale paginilor protejate, dar aici vă poate ajuta unul dintre următoarele instrumente.

Nota: Vă vom explica cum să configurați și să utilizați WP Boom mai târziu în această postare.

Pasul 4: Configurați instrumentul dvs. de testare automată

Dacă testați WooCommerce manual, aceasta este partea în care ați face o listă de scenarii de testare: de ex, deschideți site-ul, adăugați un produs în coș, mergeți la checkout, introduceți informațiile de plată, etc.

Din fericire, atât Ghost Inspector, cât și Usetrace pot face automat toate acestea pentru dumneavoastră. Vom explica cum să configurăm aceste două instrumente imediat.

Pasul 5: Identificați orice alte părți ale site-ului dvs. pe care doriți să le testați

Pasul următor este să identificați orice alte părți ale site-ului dvs. pe care doriți să le testați, pe baza listei de URL-uri și funcționalități critice pe care le-ați creat mai devreme. Acestea ar putea fi funcționalități precum formulare de contact și pop-up-uri, sau elemente precum prezentări de diapozitive și galerii.

Puteți testa aceste lucruri manual sau, dacă aveți mai multe cunoștințe tehnice, puteți încerca să automatizați și acest pas.

Pasul 6: Verificați ce este nou în versiunea de WooCommerce la care faceți actualizarea

Este, de asemenea, o idee bună să vedeți ce actualizări și caracteristici noi sunt disponibile în versiunea de WooCommerce la care faceți actualizarea. Mai exact, verificați să vedeți dacă pluginurile și tema dvs. sunt compatibile cu aceasta.

Din nou, este mai bine să petreceți ceva timp acum pentru a economisi timp și anxietate mai târziu. Vă recomandăm să verificați anunțurile de lansare de pe WooCommerce.com, jurnalele de modificări, problemele de pe GitHub și forumurile de asistență WordPress.

Pasul 7: Clonați site-ul dvs. live în mediul dvs. de staționare

Dacă folosiți pluginuri care dispun de un mod de staționare, cum ar fi WooCommerce Subscriptions, activați-le sau pur și simplu dezactivați-le. În mod similar, veți dori să dezactivați e-mailurile.

Apoi, verificați de două ori pentru a vă asigura că mediul de staging imită cât mai fidel posibil site-ul dvs. live. De asemenea, vă sugerăm să activați modul de depanare WordPress în acest moment, pentru a vă ajuta la rezolvarea problemelor pe parcurs.

Important: După ce vă împingeți site-ul în staging, nu doriți să pierdeți comenzile care ar putea veni prin intermediul acestuia. Pentru a evita acest lucru, recomandarea noastră ar fi să vă puneți magazinul WooCommerce în modul de întreținere. Acest lucru va asigura faptul că nu vor fi plasate comenzi în timp ce efectuați actualizări și teste.

Updating WooCommerce: Actualizarea și testarea site-ului dvs. de pregătire (O listă de verificare în 7 pași)

Acum că sunteți pregătit și gata de plecare, acum vine partea distractivă: actualizarea site-ului de pregătire. Lucrul minunat despre site-urile de staging este că nu contează dacă site-ul dvs. se strică, deoarece este doar o copie. Să aruncăm o privire la pașii implicați în această parte a procesului.

Pasul 1: Faceți un instantaneu al site-ului dvs. cu WP Boom

Primul lucru pe care veți dori să îl faceți este să faceți un instantaneu al site-ului dvs. cu WP Boom. Acest lucru vă va oferi o înregistrare vizuală de referință a site-ului dvs. de staging, înainte de actualizare.

Pasul 2: Rulați instrumentul de testare și asigurați-vă că testele dvs. trec

După cum am menționat mai devreme, puteți utiliza un instrument de testare end-to-end, cum ar fi Ghost Inspector sau Usetrace, pentru a vă automatiza testele. Mai departe în acest articol, vă vom prezenta modul în care puteți rula un test folosind ambele instrumente și veți verifica dacă testele trec.

Etapa 3: Actualizați-vă pluginurile și tema

În etapa de pregătire, am menționat că am verificat dacă pluginurile și tema sunt compatibile cu cea mai recentă versiune de WooCommerce la care faceți actualizarea. Dacă ați observat că plugin-urile sau tema dvs. sunt depășite și nu mai sunt compatibile cu cea mai recentă versiune de WooCommerce, acum este momentul să le actualizați la o versiune care este compatibilă.

Etapa 4: Actualizați WooCommerce pe site-ul dvs. de pregătire

După ce v-ați actualizat plugin-urile și tema, asigurându-vă că nu vor exista probleme de compatibilitate, sunteți gata să vă actualizați site-ul de pregătire la cea mai recentă versiune de WooCommerce. Actualizarea site-ului de staging vă permite să identificați orice erori potențiale pe care trebuie să le rezolvați înainte de a împinge actualizarea WooCommerce pe site-ul dvs. live.

Pasul 5: Verificați jurnalele pentru erori

După ce v-ați actualizat plugin-urile, tema și WooCommerce, este inteligent să verificați jurnalele pentru a căuta orice erori rezultate din aceste actualizări. Faceți o scanare rapidă pentru a vă asigura că puteți accesa în continuare pagina de pornire și zona de administrare.

Dacă obțineți un ecran alb al morții sau sunteți blocat într-o altă situație irecuperabilă, acum este un moment bun pentru a reveni la un instantaneu anterior al site-ului dvs. Puteți fie să vă rezolvați singuri problemele, fie să căutați ajutor.

Pasul 6: Faceți un al doilea instantaneu pentru a compara modificările

Dacă totul merge bine până acum, rulați din nou WP Boom și obțineți un al doilea instantaneu. Comparați instantaneele înainte și după pentru a vedea ce s-a schimbat.

Ce este grozav la WP Boom este că vă va spune cât de mult s-a schimbat site-ul dvs. de la ultimul instantaneu.

De exemplu, ar putea exista o schimbare vizuală de 7% între cele două seturi de instantanee. Deși acest lucru nu înseamnă neapărat că site-ul dvs. este stricat, ar putea însemna că trebuie să ajustați unele stiluri.

Pasul 7: Executați din nou Ghost Inspector sau Usetrace pentru a vă asigura că totul funcționează corect

În continuare, executați un alt test folosind Ghost Inspector sau Usetrace (sau orice instrument de testare end-to-end pe care l-ați ales) pentru a vă asigura că fluxul de plată este în stare de funcționare corectă. De asemenea, puteți efectua verificări manuale sau automate pentru orice altă funcționalitate de pe site-ul dvs., cum ar fi formularele de contact.

Dacă ceva nu funcționează așa cum vă așteptați, acum este momentul să raportați și/sau să remediați.

Dacă aveți un cod personalizat care rulează pe site-ul dvs. (de ex, cod care nu este întreținut de un dezvoltator de plugin/extensie terță parte), va trebui să îl reparați și să vă asigurați că reparațiile sunt aplicate pe site-ul dvs. live înainte sau după rularea actualizării (în funcție de problemă).

Controlul versiunilor, cum ar fi să aveți site-ul dvs. în Git, vă poate ajuta să gestionați mai bine modificările. Locul în care raportați bug-urile va depinde de plugin-urile pe care le utilizați și de aranjamentele de asistență. De aici, va trebui fie să așteptați noi versiuni ale pluginurilor/temei dvs. și apoi să încercați din nou procesul, fie să lucrați singur la remedieri și să vă actualizați codul.

Veștile bune sunt că site-ul dvs. live nu este stricat, clienții dvs. vor putea în continuare să facă achiziții. În plus, vă puteți lua timpul necesar pentru a repeta procesul ori de câte ori este nevoie până când vă simțiți confortabil că totul va funcționa conform așteptărilor.

Updating WooCommerce: Actualizarea și testarea site-ului dvs. live (O listă de verificare în 8 pași)

După ce v-ați actualizat site-ul de staging și ați reușit să îl faceți să funcționeze fără probleme, cu orice funcționalitate stricată rezolvată și toate bug-urile eliminate, sunteți gata să vă actualizați site-ul live.

Să aruncăm o privire asupra pașilor implicați în actualizarea site-ului WooCommerce live, dintre care mulți vor fi similari cu cei pe care i-ați efectuat în timpul testării site-ului de staging.

Pasul 1: Faceți o copie de rezervă a site-ului live

Primul pas este să faceți o copie de rezervă a site-ului live. Este important să vă asigurați că nu ratați acest pas. Dacă sunteți un utilizator Kinsta, aveți o varietate de opțiuni de backup din care puteți alege. Cu toate acestea, puteți folosi, de asemenea, un plugin de backup.

Pasul 2: Faceți un alt instantaneu al site-ului dvs. Acest lucru vă oferă o înregistrare vizuală de referință a site-ului dvs. live, înainte de actualizare.

Pasul 3: Rulați Ghost Inspector sau Usetrace și asigurați-vă că testele dvs. trec

Din nou, puteți utiliza fie Ghost Inspector, fie Usetrace pentru acest lucru, în funcție de faptul dacă doriți să utilizați o extensie Chrome sau un instrument online pentru a vă înregistra testele. Acest lucru oferă o altă bază de referință pentru site-ul dvs. înainte de actualizare.

Pasul 4: Sincronizați și împingeți modificările dvs. live

În continuare, în funcție de modul în care funcționează mediile dvs. de staging și live, este posibil să fie nevoie pur și simplu să sincronizați modificările între site-urile de staging și live. Alternativ, s-ar putea să trebuiască să treceți din nou prin actualizarea pluginurilor și a codului dvs. din nou.

Dacă sunteți cu Kinsta, puteți împinge modificările live cu un singur clic:

Amintiți-vă să scoateți mai întâi magazinul dvs. WooCommerce din modul de întreținere.

Pasul 5: Verificați jurnalele dvs. pentru erori

După ce ați terminat de sincronizat actualizarea, verificați din nou jurnalele de erori pentru orice probleme care ar fi putut apărea ca rezultat. Verificați dacă sunteți în continuare capabil să accesați pagina principală și zona de administrare.

Ca și în cazul site-ului de staging, dacă obțineți un ecran alb al morții sau întâmpinați o altă situație irecuperabilă, cel mai bine este să reveniți la un instantaneu anterior al site-ului dvs. și să faceți o depanare sau să cereți ajutor.

Pasul 6: Faceți un alt instantaneu cu WP Boom

În continuare, rulați din nou WP Boom, astfel încât să aveți un al doilea set de instantanee. Comparați instantaneele înainte și după pentru a vedea dacă s-a schimbat ceva.

Pasul 7: Rulați din nou Ghost Inspector sau Usetrace pentru a confirma că site-ul funcționează corect

Încă o dată, puteți utiliza instrumentul automatizat pentru a rula un alt test și a vă asigura că totul funcționează așa cum trebuie. În acest moment, puteți efectua, de asemenea, orice alte verificări manuale (sau automate) pentru alte funcționalități de pe site-ul dvs., cum ar fi formularele de contact.

Dacă v-ați ocupat și ați rezolvat orice probleme mai devreme în timp ce ați actualizat site-ul de staging, cum ar fi codul de pluginuri în conflict și codul dvs. personalizat, nu ar trebui să existe prea multe probleme (dacă există) de rezolvat în această etapă.

Etapa 8: Efectuați o verificare vizuală finală

Este aproape gata. Singurul lucru care a mai rămas de făcut este să verificați de două ori lista dvs. de URL-uri critice și funcționalitatea pentru a vă asigura că totul funcționează.

Dacă totul pare în regulă, asta este! WooCommerce-ul dvs. actualizat este acum live.

Getting Started with WP Boom

WP Boom este un instrument de testare vizuală și de comparare construit pentru WordPress. Odată configurat, puteți compara capturi de ecran înainte și după ce v-ați actualizat site-ul și puteți primi alerte ori de câte ori actualizările automate provoacă modificări vizuale pe site-urile dvs.:

Pentru a începe cu WP Boom, înregistrați-vă pentru un cont gratuit. După ce vă introduceți e-mailul și parola, va apărea o modalitate care vă va cere să conectați un nou site:

După ce introduceți detaliile și faceți clic pe Create Site, WP Boom se va apuca de treabă și va face primul instantaneu al site-ului dvs. Acest lucru va dura un minut sau două, în funcție de câte pagini conține site-ul dvs.:

Când acest proces este finalizat, pagina se va reîmprospăta. Când faceți clic pe numele site-ului dumneavoastră, veți vedea o prezentare generală a instantaneului, inclusiv ora la care a fost realizat și câte pagini se aflau pe site-ul dumneavoastră:

Când sunteți gata să realizați un al doilea instantaneu, pur și simplu reveniți la tabloul de bord WP Boom, selectați site-ul pe care doriți să îl realizați și faceți clic pe Snapshot Selected Sites.

Alte câteva caracteristici frumoase pe care WP Boom le include sunt posibilitatea de a programa instantanee săptămânale și rapoarte prin e-mail care detaliază orice modificări vizuale de pe site-ul dvs. Acest lucru este util dacă gestionați o tonă de site-uri și aveți în vigoare actualizări automate.

Instrumente de testare automată: Ghost Inspector și Usetrace

Este important să testați și să vă asigurați că funcționalitatea întregului dvs. site WooCommerce funcționează corect după ce faceți actualizări, nu doar procesul de checkout.

După toate acestea, dacă un client completează un formular de contact sau încearcă să folosească chat-ul live și acele bucăți de funcționalitate sunt defecte, cum veți ști dacă nu le-ați testat?

Este ușor să efectuați teste manuale: pur și simplu faceți clic pe site-ul dvs., completând formulare și utilizând fereastra de chat live.

Pentru a ajuta la automatizarea acestui proces, puteți mai întâi să întocmiți o listă de funcționalități critice, precum și instrucțiuni pentru modul de efectuare manuală a testelor (de ex, „Deschideți site-ul, navigați la pagina de contact, completați formularul etc.”). Acest lucru vă va asigura că nu pierdeți nimic ori de câte ori efectuați un test manual.

Dacă preferați să automatizați acest proces, dacă doriți să aveți mai mult control asupra testelor automate sau dacă aveți un site sau o funcționalitate foarte personalizată, vă recomandăm să verificați Ghost Inspector și/sau UseTrace.

Ambele sunt opțiuni excelente dacă nu sunteți familiarizat cu PHP și nu doriți să vă încurcați cu scripturi și cod. Aceste opțiuni oferă caracteristici similare pentru automatizarea testelor de verificare.

În cele din urmă, opțiunea pe care o alegeți va depinde de faptul dacă doriți să utilizați o extensie Chrome sau un instrument online pentru a vă înregistra testele. Alternativ, dacă sunteți un dezvoltator și vă place să vă murdăriți mâinile, Codeception este o alegere excelentă pentru dezvoltatori.

Începeți cu Ghost Inspector

Ghost Inspector este un instrument pe care îl puteți folosi pentru a vă automatiza testarea site-ului WooCommerce și pentru a vă asigura că acesta funcționează corect. Cea mai bună parte este că nu aveți nevoie de nicio experiență de programare sau de testare pentru a-l utiliza.

Ghost Inspector funcționează prin adăugarea unei extensii în browserul dumneavoastră Chrome sau Firefox. Apoi, extensia înregistrează site-ul dvs. și execută automat testele.

Pentru a începe, vizitați site-ul Ghost Inspector și faceți clic pe Start Your Free Trial. Introduceți informațiile dvs. în formular, apoi selectați Creare cont:

Aceasta vă va redirecționa către o pagină de bun venit. În partea de jos, faceți clic pe butonul Install Test Recorder:

Aceasta va deschide Chrome Web Store într-o filă nouă a browserului. Selectați Add to Chrome:

Extensia Ghost Inspector va fi adăugată automat în browserul dumneavoastră, apărând în colțul din dreapta sus. Prima dată când faceți clic pe ea, vi se va cere să vă conectați folosind datele dvs. de identificare:

Reîmprospătați-vă browserul. Când sunteți gata să efectuați un test, vizitați site-ul dvs. WooCommerce (asigurându-vă că v-ați deconectat), apoi faceți clic pe extensia de browser.

În meniul derulant, selectați opțiunea „Create a new test” (Creați un test nou), urmată de butonul Start Recording (Începeți înregistrarea):

În timp ce vă parcurgeți și testați site-ul, Ghost Inspector va înregistra toate acțiunile dvs. Când ați terminat, faceți din nou clic pe extensie, urmat de I’m Finished Recording:

Puteți apoi să denumiți și să salvați testul dumneavoastră. Dacă selectați View My Test (Vezi testul meu), veți ajunge la tabloul de bord Ghost Inspector:

Aici puteți vizualiza toate detaliile testului. Veți vedea o listă a pașilor implicați și veți avea opțiunea de a-i edita. Vă va spune dacă testul a trecut, iar dacă nu, ce pași necesită atenția dumneavoastră. Pentru informații mai detaliate, consultați documentația Ghost Inspector.

Pentru a începe cu Usetrace

Dacă doriți să folosiți un instrument de testare automată care nu este specific unui browser anume, ați putea opta pentru Usetrace. Cu acest instrument, creați „urme” prin înregistrarea fluxurilor de lucru prin intermediul editorului online Usetrace. Apoi le puteți folosi pentru a vă testa automat site-ul.

Pentru a începe, vizitați site-ul Usetrace și faceți clic pe Sign Up and Start Testing Now. După ce vă creați un cont, veți fi redirecționat către tabloul de bord Usetrace. Selectați Start by creating a new trace:

În fereastra din stânga se află pașii și setările dvs. de urmărire. În dreapta se află site-ul pe care îl testați. Pentru a începe, faceți clic pe Record Steps (Înregistrare pași):

Programul va începe să înregistreze interacțiunile site-ului dumneavoastră. De fiecare dată când efectuați o acțiune, cum ar fi adăugarea unui articol în coș sau completarea unui formular de contact, va adăuga un punct de control la pașii de urmărire din stânga.

Când ați terminat, faceți clic pe butonul Save Steps (Salvare etape):

Pentru a parcurge întreaga urmărire pentru a confirma că totul funcționează, selectați Run Trace (Executare urmărire) în colțul din stânga jos:

După ce se termină, ar trebui să vedeți un mesaj de succes:

Puteți face clic pe Details (Detalii) pentru a afla mai multe despre fiecare pas sau puteți selecta OK dacă ați terminat. Pentru îndrumări și instrucțiuni mai detaliate, nu ezitați să consultați documentația Usetrace.

Cuvintele „Actualizare site WooCommerce” vă dau emoții? 😅 Aflați cum să finalizați procesul în siguranță și ușor cu acest ghid!Click to Tweet

Summary

Cu instrumentele potrivite, ceva timp de pregătire și o listă de verificare solidă, nu ar trebui să aveți probleme în testarea și implementarea actualizărilor WooCommerce. Pentru a elimina anxietatea din jurul actualizării WooCommerce, este important să demistificăm procesul, ceea ce am făcut aici. Sperăm că acest ghid v-a oferit o bază solidă pentru a vă menține site-ul WooCommerce actualizat.

De asemenea, ar trebui să subliniem că este important să testați și e-mailurile tranzacționale ale magazinului dvs., dar aceasta este o cu totul altă călătorie.

Acum, înapoi la dvs: Folosiți instrumente de vizualizare sau de captură de ecran atunci când actualizați WooCommerce și WordPress? Ce alte instrumente și fluxuri de lucru folosiți pentru actualizări? Împărtășiți-le cu noi în comentariile de mai jos!

.