7 bune practici pentru actualizarea site-urilor de comerț electronic

În calitate de designer independent sau de agenție, actualizarea site-urilor WordPress poate fi foarte distractiv. S-ar putea să faceți o explorare completă a mărcii, să modernizați un site web sau să explorați noi funcționalități care vă vor „uimi” cu siguranță clientul.

Dar, după cum probabil știți, atunci când actualizările sunt pentru un site de comerț electronic, există o serie de lucruri de luat în considerare înainte de a schimba ceva.

Pentru a vă ajuta să abordați aceste actualizări ale site-ului, provocând în același timp perioade minime de nefuncționare sau pierderi de vânzări, am creat acest ghid inspirat de sfaturile inginerilor de fericire de la Flywheel și ale membrilor Programului nostru de parteneri ai agențiilor.

Acest ghid va acoperi:

1. 5 semne că este timpul pentru o reproiectare a comerțului electronic (sau cel puțin actualizări semnificative)
2. De ce ar trebui să fiți precaut când actualizați site-urile de comerț electronic
3. Cele mai bune practici de urmat pentru a evita întreruperea sau pierderea veniturilor

5 semne că este timpul pentru o reproiectare a comerțului electronic (sau cel puțin actualizări semnificative)

Știm cu toții că doar pentru că un client solicită o reproiectare completă a site-ului, nu este întotdeauna cea mai bună soluție pentru el. În special când vine vorba de site-uri de comerț electronic, dacă nu trebuie să -l reproiectezi, uneori cel mai bine este să încerci să te descurci cu actualizări mai mici (pentru a evita unele dintre preocupările despre care vom vorbi în secțiunea următoare).

Asta nu înseamnă totuși că o reproiectare este exclusă. De fapt, există câteva scenarii grozave în care probabil că este apelul potrivit:

1. Rata de conversie a site-ului este scăzută.
2. Rata de respingere a site-ului este mare.
3. Clientul dvs. primește plângeri ale clienților cu privire la funcționalitatea site-ului.
4. Tema sau un plugin cheie cu care este construit site-ul nu mai este acceptat de dezvoltator.
5. Citiți acest articol.

1. Rata de conversie a site-ului este scăzută

Dacă clientul dvs. are o cantitate bună de trafic, dar o rată de conversie scăzută, acesta poate fi un semn că există unele probleme de UX pe site. Trageți adresa URL în sus și începeți să faceți clic în jur. Probabil vei putea observa care este problema destul de repede.

Câteva întrebări pe care ți le poți pune:

• Este navigarea ușor de urmărit?
• Sunt paginile de produse clare și ușor de cumpărat de la?
• Site-ul și fluxul de plată funcționează pe dispozitivele mobile?
• Afișează corect ferestrele pop-up și widget-urile?
• Este ușor să vizualizați căruciorul?
• Vă simțiți în siguranță să introduceți informații despre cardul de credit?

Deși o reproiectare a site-ului nu este singura modalitate de a rezolva unele dintre aceste probleme (și cu siguranță nu este singura modalitate de a crește rata de conversie), este o modalitate de a rezolva unele dintre problemele de bază, mai ales dacă vă confruntați cu mai mult de o.

2. Rata de respingere a site-ului este mare

La fel ca rata de conversie, o rată de respingere ridicată poate semnala că ceva despre designul actual al site-ului nu rezonează cu cumpărătorii. Unul dintre cei mai mari infractori: timpi lenți de încărcare.

Conform unui studiu din 2017 realizat de Google , pe măsură ce timpul de încărcare a paginii trece de la 1 secundă la 5 secunde, probabilitatea de respingere crește cu 90%.

Pentru site-urile de comerț electronic, o rată de respingere ridicată se traduce direct în venituri pierdute. Dacă acest lucru este ceva pe care îl puteți repara pentru clienții dvs., le veți oferi o mulțime de valoare (și mult mai mulți bani în contul lor bancar).

Din nou, deși o reproiectare nu este singura modalitate de a accelera un site WordPress, ar putea fi necesară dacă vinovatul pare să fie o parte din tehnologia cu care este construit site-ul. Dacă acum pare a fi momentul potrivit pentru a trece la WooCommerce sau a face upgrade la o soluție de comerț electronic all-in-one, ar putea avea sens să combinați toate aceste modificări într-o singură actualizare mare în loc să le lansați încet.

3. Clientul dvs. primește plângeri ale clienților cu privire la funcționalitatea site-ului

Dacă este literalmente rupt... acesta este un motiv destul de bun pentru o reproiectare. Experiența utilizatorului este esențială pentru site-urile de comerț electronic, deoarece aveți nevoie ca clientul final să se simtă încrezător în a face lucruri precum introducerea informațiilor despre cardul de credit, adăugarea unei adrese de livrare sau furnizarea altor date personale pe site-ul clientului dvs.

Dacă dvs. sau clientul dvs. nu testați în mod regulat site-ul lor, problemele funcționale pot trece neobservate pentru o perioadă. Sperăm că clientul dvs. are clienți cărora nu le este frică să ofere feedback și care vor trimite un e-mail sau vor trimite un bilet de asistență dacă elementele site-ului sunt sparte sau confuze.

Dacă clientul dumneavoastră menționează că a primit reclamații ici și colo, probabil că nu este mare lucru (sau cel puțin poate fi rezolvat cu remedieri unice de erori). Dacă clientul dvs. menționează multe dintre aceste reclamații sau pare să existe un model, acesta este un semn bun că poate exista o problemă mai mare și ar putea fi necesară o reproiectare.

4. Tema sau un plugin cheie de pe site nu mai este acceptat de dezvoltator

Acesta este probabil cel mai evident motiv pentru o reproiectare pe această listă și ar putea fi de fapt responsabil pentru conversii scăzute, rată de respingere ridicată și funcționalitate întreruptă. Dacă site-ul clientului dvs. depinde de software care nu mai este acceptat, este doar o chestiune de timp până când este nevoie de o reproiectare.

Cu toate acestea, înainte de a sări la concluzii despre întreruperea unei teme sau a unui plugin, este o idee bună să faci cercetări pentru a vedea ce se întâmplă. Poate că pluginul sau autorul temei a lansat o actualizare critică pe care clientul dvs. a ratat-o ​​sau poate că au fost achiziționate de o altă companie și există un alt proces de asistență.

În cele din urmă, este posibil să decideți totuși că este nevoie de o reproiectare cu o nouă temă sau plugin-uri, dar este util să stabiliți acest context înainte de a face modificări, astfel încât să nu fie surprize pe viitor.

5. Citiți acest articol

Dacă sunteți aici, bănuiesc că ceva în intestin vă spune că sunt de fapt necesare actualizări semnificative pentru site-ul de comerț electronic al clientului dvs. pentru ca acesta să prospere.

Ascultă-ți instinctele.

Deși ar trebui să indicați obiectivul exact al reproiectării, dacă dvs. și clientul dvs. sunteți aliniați la scara modificărilor necesare, acesta este un motiv suficient de bun pentru a-i acorda prioritate în loc să încercați să scăpați de mici patch-uri.

O reproiectare va presupune multă muncă, dar amintiți-vă că cantitatea de muncă (și problemele potențiale) va continua să crească cu cât amânați rezolvarea oricăror probleme de bază.

Deci, pentru a recapitula: deși actualizările majore nu sunt singura modalitate de a remedia problemele pentru site-urile de comerț electronic, uneori sunt necesare, mai ales dacă funcționalitatea site-ului sau experiența utilizatorului este compromisă. Dacă vă aflați în această poziție cu site-ul unui client, există câteva lucruri la care veți dori să vă gândiți înainte de a efectua oricare dintre actualizări.

De ce ar trebui să fiți precaut când actualizați site-urile de comerț electronic

Pentru a fi clar, „prudent” în acest sens nu înseamnă „nu o face”. Designerii web actualizează site-urile de comerț electronic în fiecare zi fără probleme, iar și tu poți!

Când spun „prudent”, vreau să spun că există câteva lucruri suplimentare la care trebuie să te gândești atunci când actualizați site-urile de comerț electronic și vă veți scuti de multe bătăi de cap dacă vă gândiți la ele înainte de a împinge ceva în producție.

Timpul de nefuncționare înseamnă pierderea vânzărilor și scăderea credibilității

Timpul de nefuncționare este ceva pe care probabil că încercați să îl evitați cu toate site-urile clienților dvs., dar pentru magazinele de comerț electronic, timpul de funcționare este esențial . Dacă vizitatorii site-ului nu pot accesa magazinul clientului dvs., literalmente nu există nicio șansă ca aceștia să devină clienți și crește șansele ca ei să-și ducă afacerea în altă parte.

Un site stricat poate chiar să îndepărteze definitiv unii vizitatori, făcându-i să creadă că magazinul a fost piratat sau a ieșit din funcțiune.

Nu pentru a pune presiune, dar miza este puțin mai mare atunci când lucrezi cu un site de comerț electronic. De aceea, cel mai bine este să fii pregătit înainte de a face actualizări.

Suprascrierea bazei de date riscă pierderea comenzilor pe site-ul live

Să presupunem că faceți modificări într-un mediu de pregătire în timp ce site-ul live funcționează normal. Actualizați codul, testați modificările și treceți la producție patru ore mai târziu.

Dacă suprascrieți baza de date, comenzile care au avut loc pe site-ul live în intervalul de timp de patru ore ar putea fi șterse... rezultând clienți confuzi și probleme de inventar pentru clientul dvs.

Dacă site-ul lor nu primește încă prea mult trafic, este posibil să reușiți să suprascrieți nevătămată baza de date, dar pe măsură ce magazinul clientului dvs. devine mai de succes (și frecvența comenzilor începe să crească), riscul crește. Aceasta înseamnă că fluxul dvs. de lucru pentru efectuarea actualizărilor site-ului este esențial pentru a vă asigura că nu suprascrieți nimic din ceea ce nu intenționați să faceți.

Schimbările masive ar putea pune în pericol experiența utilizatorului

Cu site-urile de comerț electronic, acțiunile importante ale utilizatorilor au loc în mod constant în timp real, cum ar fi adăugarea de produse într-un coș, introducerea informațiilor de facturare, trimiterea plăților etc. Imaginați-vă că sunteți pe cale să cumpărați ceva când întregul design al site-ului vă aflați. asupra modificărilor. Ai avea încredere?

Probabil ca nu. Ați apăsa pe reîmprospătare, ați fi confuz și poate chiar ați deschide site-ul web al unui concurent.

În secțiunea următoare, voi examina modalitățile prin care puteți preveni această incertitudine din actualizări (mai ales la scara unei reproiectări). Cu toate actualizările unui site de comerț electronic, totuși, este o idee bună să vă gândiți la modul în care vor fi percepute modificările de către utilizatorii aflați în prezent pe site la momentul actualizărilor, pentru a vă asigura că nu faceți nimic prea drastic (în special pentru fluxul de checkout).

Acum că știți câteva lucruri de care trebuie să aveți în vedere când actualizați site-urile de comerț electronic, să trecem la lucrurile bune!

Cele mai bune practici de urmat pentru a evita întreruperea sau pierderea veniturilor

În funcție de amploarea actualizărilor dvs., este posibil sau nu necesar să urmați toți acești pași. Scopul meu este ca tu să poți combina și potrivi aceste bune practici pentru a descoperi fluxul de lucru care funcționează cel mai bine pentru tine și clientul tău!

1. Asigurați-vă că WordPress, tema și pluginurile cheie sunt actualizate

Numai acest pas va rezolva toate problemele de actualizare? Nu.

Dar, se va asigura că nu faceți modificări majore ale site-ului doar pentru a afla că ceva se va rupe sau ar fi putut fi reparat prin actualizarea mai întâi a unui plugin.

În plus, o reproiectare este întotdeauna un moment bun pentru întreținerea șantierului, așa că îmbrățișează-ți Marie Kondo interior și organizează-te. Efectuați actualizări WordPress, teme și pluginuri, arhivați comenzile vechi, curățați baza de date și poate chiar dezinstalați unele dintre acele teme sau pluginuri pe care site-ul nu le mai folosește.

(Știm cu toții cât de repede se pot adăuga, mai ales dacă clientul își gestiona propriul site înainte de a veni la tine!)

Odată ce totul rulează pe cea mai recentă versiune, veți ști exact cu ce lucrați când vine vorba de această reproiectare. Și cine știe, poate chiar îți vei scurta lista de lucruri de făcut reparând o problemă de funcționare doar actualizând ceva!

2. Luați în considerare notificarea utilizatorilor cu privire la întreținerea site-ului, astfel încât aceștia să știe când nu trebuie să facă cumpărături

Acest lucru poate să nu fie potrivit pentru toate site-urile de comerț electronic, dar dacă clientul dvs. are o comunitate mică de cumpărători, transparența unei notificări despre actualizările site-ului ar putea fi bine apreciată. Cea mai bună parte este că nu adaugă prea multă muncă suplimentară; trebuie doar să comunicați clar termenele cu clientul dvs., astfel încât toată lumea să știe exact când să se aștepte la schimbările.

Dacă clientul dvs. are o mulțime de clienți repetați, puteți sugera să trimită un e-mail prin care să notifice utilizatorii cu privire la fereastra de întreținere. Dacă clientul dvs. vinde la o mulțime de vizitatori noi, poate merita să explorați un antet pop-up sau lipicios cu un mesaj despre când vor avea loc actualizările.

Și vorbind despre „când au loc actualizările”, dacă dumneavoastră sau clientul dumneavoastră vă faceți griji, un alt pas pe care îl puteți face este să faceți modificările în timpul programului de lucru „în afara” (cum ar fi noaptea târziu, dacă majoritatea vânzărilor lor au loc de la 9. -5).

Deși aceste tehnici nu pot garanta că oamenii nu vor face cumpărături în timpul ferestrei de actualizare, ele pot ajuta la atenuarea riscului de activitate pe site în timp ce împingeți modificări în producție.

3. Pune o pagină de întreținere în timp ce împingi actualizările live

Dacă actualizarea site-ului de comerț electronic în timp ce vizitatorii sunt activi nu este un risc pe care doriți să vă asumați, o modalitate completă de a opri cumpărăturile este să puneți site-ul în modul de întreținere.

O pagină de întreținere sau o pagină „În curând” ascunde în esență tot conținutul site-ului dvs., de obicei cu un mesaj de genul „Vin actualizări; verificați din nou în curând!"

Avantajul acestei tehnici este că arată mult mai profesionist decât un site stricat. În loc să vă vadă reproiectarea în desfășurare (și posibil într-o stare defectă), vizitatorii vor vedea o pagină de destinație simplă cu context despre ceea ce se întâmplă.

Dezavantajul este că vizitatorii nu vor putea face cumpărături în timp ce aveți site-ul în modul de întreținere, așa că cel mai bine este să activați acest lucru chiar atunci când sunteți gata să faceți actualizări și apoi să îl dezactivați imediat ce ați terminat. astfel încât clientul dvs. să poată reveni la câștiguri de vânzări.

Aceste plugin-uri vă pot ajuta să puneți site-ul în modul de întreținere:

• Modul de întreținere WP
• Fantezie în curând și modul întreținere
• Modul inteligent de întreținere

Și din nou, efectuarea de actualizări în afara orelor de program poate ajuta la atenuarea oricăror venituri pierdute din reproiectare.

4. Efectuați mai întâi modificări pe un site local sau provizoriu, apoi actualizați site-ul live

Probabil ați auzit că nu ar trebui să faceți niciodată modificări pe un site live și, în schimb, ar trebui să utilizați un mediu de pregătire sau un mediu local pentru a vă testa actualizările înainte de a trece la producție.

Este totuși o idee bună să vă testați mai întâi actualizările într-un mediu de dezvoltare, dar trebuie să fiți precaut cu privire la împingerea automată a modificărilor în producție, în cazul în care acel proces suprascrie baza de date a site-ului live. (Așa cum am menționat mai devreme, acest lucru poate duce la pierderea comenzilor și nu este o durere de cap cu care doriți să vă ocupați.)

Ceea ce mulți designeri web fac în schimb actualizările pe site-ul live manual, după ce au testat codul într-un mediu de dezvoltare potrivit. Nu este cel mai bun flux de lucru, dar asigură că baza de date rămâne neschimbată și vă oferă în continuare posibilitatea de a testa lucrurile înainte de a edita magazinul.

Dacă nu ați mai folosit un site de organizare, vedeți dacă acesta este ceva oferit de gazda dvs. WordPress. (Flywheel și WP Engine includ un site de pregătire cu fiecare plan!) Dacă nu este deja inclus în pachetul dvs. de găzduire, poate fi necesar să vă uitați la actualizarea planului pentru a debloca această funcționalitate.

În ceea ce privește mediul local, Local este o platformă gratuită de dezvoltare locală cu care poți începe în mai puțin de cinci minute. Puteți, de asemenea, să conectați site-urile Flywheel sau WP Engine, ceea ce face foarte ușor să trageți în jos o copie a unui site de comerț electronic, astfel încât să cunoașteți mediile și baza de date.

5. Verificarea calității înainte și după introducerea modificărilor în direct

Testarea este esențială atunci când reproiectați un site de comerț electronic și vă recomand să o faceți atât înainte, cât și după ce vă aduceți modificările live.

Site-urile de instalare ale Flywheel și WP Engine, împreună cu Local, vă permit să lucrați la o copie a site-ului live (astfel încât să aveți încredere că, dacă lucrurile funcționează acolo, vor funcționa în producție), dar este totuși inteligent să confirmați totul funcționează conform intenției odată ce modificările tale intră în vigoare.

La urma urmei, nu vrei să riști niciodată să faci schimbări în producție, să pleci și apoi să primești un telefon supărat de la clientul tău pentru că ceva s-a stricat și nu ți-ai dat seama.

Bineînțeles, veți dori să testați orice actualizați și să revizuiți orice pagini cu modificări semnificative de design, dar celălalt element al site-urilor de comerț electronic pe care veți dori să-l verificați este capacitatea de a face achiziții.

Aceste resurse vă pot ajuta în timp ce testați fluxul de finalizare a comenzii:

• Testarea plăților WooCommerce: un document de ajutor WooCommerce
• Lista de verificare pentru testarea de bază WooCommerce: o listă de verificare WooCommerce pe GitHub
• Ghost Inspector: o aplicație pentru testarea actualizărilor site-urilor web
• Usetrace: un sistem de testare care nu necesită cod
• Cypress: un cadru de testare JavaScript end-to-end
• Puppeteer: O bibliotecă Node pentru a controla Chrome prin protocolul DevTools

6. Acceptați testarea iterativă (când puteți)

Dacă vă simțiți copleșit de numărul de modificări pe care trebuie să le faceți unui site de comerț electronic, la un moment dat ar putea merita să vă întrebați: trebuie să se întâmple toate odată sau pot fi împărțite în mai multe actualizări mai mici?

Dacă lucrați la o reproiectare completă a mărcii și la o revizuire a funcționalității, ar putea fi mai bine să activați modul de întreținere și să încercați să eliminați totul dintr-o dată. Dacă faceți modificări mai mici, totuși, sau vă puteți gândi la faze naturale pentru a lansa actualizările, o bună practică este să îmbrățișați modificări iterative în timp.

Acest lucru are câteva beneficii:

1. Dacă ceva se defectează, va fi mai ușor să urmăriți ce a mers prost (pentru că veți avea mai puține linii de cod de sortat).
2. Experiența utilizatorului este mai puțin probabil să fie perturbată, deoarece veți actualiza o singură bucată a site-ului la un moment dat (spre deosebire de întregul lucru).
3. Dacă măsurați impactul actualizărilor site-ului dvs. (asupra vitezei site-ului sau a ratelor de conversie, de exemplu), veți putea identifica exact ce modificări au cauzat rezultatele.

Dacă acest lucru vă inspiră să faceți o mulțime de mici modificări în loc de o reproiectare completă, ar putea merita să utilizați un sistem de versiuni precum GitHub. Acest lucru vă va ajuta să urmăriți când/cum a fost schimbat codul și, de asemenea, vă va ajuta să anulați cu ușurință o actualizare dacă ceva este împins înainte de a fi gata.

7. Aveți un plan de asistență, în cazul în care ceva nu merge bine.

Sperăm că, cel puțin, ați testat mai întâi modificările într-un site de staging sau ați creat o copie de rezervă a site-ului live înainte de a împinge noi linii de cod. Pași ca acesta vă vor asigura că puteți reveni la locul de unde ați început, în cazul în care ceva se sparge cu adevărat.

În cel mai rău caz, totuși, poate veni un moment în care trebuie să sunați la un prieten pentru ajutor și cel mai bine este să aveți acel plan în vigoare înainte de a vă uita la o pagină web deteriorată.

Gândește-te la resursele tale. Dacă aveți un prieten în afacere pe care îl consultați adesea cu întrebări, anunțați-i când sunteți pe cale să faceți o reproiectare mare și vedeți dacă se întâmplă să fie disponibile în același interval de timp, dacă apare o întrebare.

Dacă sunteți activ în comunitățile Facebook sau Slack pentru designeri web, luați în considerare să faceți același lucru sau chiar să solicitați sfaturi înainte de a începe actualizarea.

În cele din urmă, asigurați-vă că știți cum să contactați echipa de asistență a gazdei dvs. WordPress și orice teme cheie sau plugin-uri care alimentează site-ul, mai ales dacă activați unul nou pentru prima dată. Clienții Flywheel și WP Engine au acces 24/7 la experții WordPress care sunt mereu în așteptare în cazul în care apare o problemă cu serverul.

Faceți clic aici pentru a afla mai multe despre suportul Flywheel, suportul WP Engine sau faceți clic aici pentru a accesa asistență prin tabloul de bord Flywheel.

Actualizarea site-urilor de comerț electronic poate fi mai dificilă decât site-ul dvs. tradițional, dar cu aceste sfaturi, sper că vă simțiți împuterniciți să faceți modificări site-ului dvs. cu un risc minim de nefuncționare sau de pierdere a veniturilor! Urmând câteva bune practici simple, puteți scădea dramatic șansa de a se sparge ceva, în timp ce creșteți dramatic valoarea pe care serviciile dumneavoastră o oferă clienților dumneavoastră.

Deși aceasta este o listă lungă, nu este deloc exhaustivă. Ce altceva faci pentru a actualiza în siguranță site-urile de comerț electronic? Anunță-mă în comentariile de mai jos!

Actualizați mai ușor site-urile de comerț electronic WordPress cu Flywheel

Flywheel ușurează gestionarea site-urilor clienților dvs., datorită funcțiilor precum site-uri de pregătire gratuite, backup-uri automate gratuite, instrumente de colaborare gratuite și asistență 24/7 din partea experților WordPress. Toate acestea sunt pe lângă infrastructura noastră impresionantă de găzduire în cloud, care oferă site-urilor lor viteze extraordinare și securitate blocată.

Descoperiți astăzi diferența unui partener de găzduire (în loc de furnizor)!