7 best practices per aggiornare i siti di eCommerce

In qualità di designer freelance o di agenzia, aggiornare i siti WordPress può essere molto divertente. Potresti fare un'esplorazione completa del marchio, modernizzare un sito Web o esplorare nuove funzionalità che sicuramente "stupiranno" il tuo cliente.

Ma come probabilmente saprai, quando gli aggiornamenti riguardano un sito di eCommerce, ci sono una serie di cose da considerare prima di modificare effettivamente qualsiasi cosa.

Per aiutarti ad affrontare questi aggiornamenti del sito riducendo al minimo i tempi di inattività o perdendo vendite, ho creato questa guida ispirata dai consigli degli ingegneri della felicità di Flywheel e dai membri del nostro programma Agency Partners.

Questa guida tratterà:

1. 5 segnali che è tempo di una riprogettazione dell'eCommerce (o almeno aggiornamenti significativi)
2. Perché dovresti essere cauto quando aggiorni i siti di eCommerce
3. Best practice da seguire per evitare tempi di inattività o perdite di entrate

5 segnali che è tempo di una riprogettazione dell'eCommerce (o almeno aggiornamenti significativi)

Sappiamo tutti che solo perché un cliente richiede una riprogettazione completa del sito, non è sempre la soluzione migliore per loro. Soprattutto quando si tratta di siti di eCommerce, se non è necessario riprogettarlo, a volte è meglio provare a cavarsela con aggiornamenti minori (per evitare alcune delle preoccupazioni di cui parleremo nella prossima sezione).

Ciò non significa che una riprogettazione sia fuori discussione, tuttavia. In effetti, ci sono alcuni ottimi scenari in cui probabilmente è la chiamata giusta:

1. Il tasso di conversione del sito è basso.
2. La frequenza di rimbalzo del sito è alta.
3. Il tuo cliente riceve i reclami dei clienti sulla funzionalità del sito.
4. Il tema o un plug-in chiave con cui è stato creato il sito non è più supportato dallo sviluppatore.
5. Stai leggendo questo articolo.

1. Il tasso di conversione del sito è basso

Se il tuo cliente ha una buona quantità di traffico in entrata ma un basso tasso di conversione, questo potrebbe essere un segno che ci sono alcuni problemi di UX che si verificano sul sito. Apri l'URL e inizia a fare clic. Probabilmente sarai in grado di notare qual è il problema abbastanza rapidamente.

Alcune domande che puoi farti:

• La navigazione è facile da seguire?
• Le pagine dei prodotti sono chiare e facili da acquistare?
• Il sito e il flusso di pagamento funzionano su dispositivi mobili?
• I popup e i widget vengono visualizzati correttamente?
• È facile visualizzare il carrello?
• È sicuro inserire i dati della carta di credito?

Anche se una riprogettazione del sito non è l'unico modo per risolvere alcuni di questi problemi (e non è certamente l'unico modo per aumentare un tasso di conversione), è un modo per affrontare alcuni dei problemi sottostanti, specialmente se stai riscontrando più di una.

2. La frequenza di rimbalzo del sito è alta

Come il tasso di conversione, un'elevata frequenza di rimbalzo può segnalare che qualcosa nell'attuale design del sito non sta risuonando con gli acquirenti. Uno dei più grandi trasgressori: tempi di caricamento lenti.

Secondo uno studio del 2017 di Google , poiché il tempo di caricamento della pagina va da 1 secondo a 5 secondi, la probabilità di rimbalzo aumenta del 90%.

Per i siti di e-commerce, una frequenza di rimbalzo elevata si traduce direttamente in una perdita di entrate. Se è qualcosa che puoi risolvere per i tuoi clienti, fornirai loro un sacco di valore (e molti più soldi nel loro conto bancario).

Ancora una volta, sebbene una riprogettazione non sia l'unico modo per velocizzare un sito WordPress, potrebbe essere necessario se il colpevole sembra essere parte della tecnologia con cui è costruito il sito. Se ora sembra il momento giusto per passare a WooCommerce o passare a una soluzione di eCommerce all-in-one, potrebbe avere senso combinare tutte queste modifiche in un unico grande aggiornamento invece di implementarle lentamente.

3. Il tuo cliente riceve i reclami dei clienti sulla funzionalità del sito

Se è letteralmente rotto... questa è una buona ragione per una riprogettazione. L'esperienza dell'utente è fondamentale per i siti di e-commerce, poiché è necessario che il cliente finale si senta sicuro di fare cose come inserire i dati della carta di credito, aggiungere un indirizzo di spedizione o fornire altri dati personali al sito del cliente.

Se tu o il tuo cliente non testate regolarmente il loro sito, i problemi funzionali potrebbero passare inosservati per un po'. Si spera che il tuo cliente abbia clienti che non hanno paura di fornire feedback e che invieranno un'e-mail o invieranno un ticket di supporto se gli elementi del sito sono danneggiati o confusi.

Se il tuo cliente menziona di aver ricevuto reclami qua e là, probabilmente non è un grosso problema (o almeno può essere risolto con correzioni di bug una tantum). Se il tuo cliente menziona molti di questi reclami, o sembra esserci uno schema, è un buon segno che potrebbe esserci un problema più grande e potrebbe essere necessaria una riprogettazione.

4. Il tema o un plug-in chiave sul sito non è più supportato dallo sviluppatore

Questa è probabilmente la ragione più ovvia per una riprogettazione in questo elenco e potrebbe effettivamente essere responsabile di conversioni basse, frequenza di rimbalzo elevata e funzionalità interrotta. Se il sito del tuo cliente dipende da un software che non è più supportato, è solo questione di tempo prima che sia necessaria una riprogettazione.

Prima di saltare alle conclusioni sull'interruzione di un tema o plug-in, tuttavia, è una buona idea fare le tue ricerche per vedere cosa sta succedendo. Forse l'autore del plugin o del tema ha rilasciato un aggiornamento critico che il tuo cliente ha perso, o forse sono stati acquisiti da un'altra azienda e c'è un processo diverso per il supporto.

Alla fine, potresti comunque decidere che è necessaria una riprogettazione con un nuovo tema o plug-in, ma è utile stabilire questo contesto prima di apportare modifiche, quindi non ci sono sorprese lungo la strada.

5. Stai leggendo questo articolo

Se sei qui, immagino che qualcosa nel tuo intestino ti stia dicendo che sono effettivamente necessari aggiornamenti significativi per il sito di eCommerce del tuo cliente affinché possa prosperare.

Ascolta il tuo istinto.

Mentre dovresti individuare l'obiettivo esatto della riprogettazione, se tu e il tuo cliente siete allineati sulla scala delle modifiche necessarie, questa è una ragione sufficiente per dare la priorità invece di cercare di farla franca con piccole patch.

Una riprogettazione richiederà molto lavoro, ma ricorda che la quantità di lavoro (e potenziali problemi) continuerà solo ad aumentare più a lungo rimandi alla risoluzione di eventuali problemi sottostanti.

Quindi, per ricapitolare: sebbene gli aggiornamenti importanti non siano l'unico modo per risolvere i problemi per i siti di e-commerce, a volte sono necessari, soprattutto se la funzionalità del sito o l'esperienza dell'utente sono compromesse. Se ti trovi in ​​questa posizione con il sito di un cliente, ci sono alcune cose a cui vorrai pensare prima di eseguire qualsiasi aggiornamento.

Perché dovresti essere cauto quando aggiorni i siti di eCommerce

Per essere chiari, "cauto" in questo senso non significa "non farlo". I web designer aggiornano i siti di eCommerce ogni giorno senza problemi e puoi farlo anche tu!

Quando dico "cauta", intendo dire che ci sono alcune cose aggiuntive a cui pensare quando si aggiornano i siti di e-commerce e ti risparmierai un sacco di mal di testa se ci pensi prima di spingere qualsiasi cosa alla produzione.

I tempi di inattività significano vendite perse e diminuzione della credibilità

I tempi di inattività sono qualcosa che probabilmente cerchi di evitare con tutti i siti dei tuoi clienti, ma per i negozi di eCommerce, i tempi di attività sono fondamentali . Se i visitatori del sito non sono in grado di accedere al negozio del tuo cliente, non c'è letteralmente alcuna possibilità per loro di diventare clienti e aumenta le possibilità che portino la loro attività altrove.

Un sito danneggiato può persino allontanare permanentemente alcuni visitatori, facendo pensare loro che il negozio sia stato violato o abbia cessato l'attività.

Non per fare pressione, ma la posta in gioco è un po' più alta quando si lavora con un sito di eCommerce. Ecco perché è meglio essere preparati prima di effettuare qualsiasi aggiornamento.

La sovrascrittura del database rischia di perdere gli ordini sul sito live

Diciamo che stai apportando modifiche in un ambiente di gestione temporanea mentre il sito live è attivo e funzionante normalmente. Aggiorna il codice, testa le modifiche e passa alla produzione quattro ore dopo.

Se sovrascrivi il database, gli ordini che sono avvenuti sul sito live entro quel lasso di tempo di quattro ore potrebbero essere cancellati... con conseguente confusione per i clienti e problemi di inventario per il tuo cliente.

Se il loro sito non riceve ancora troppo traffico, potresti riuscire a farla franca sovrascrivendo il database illeso, ma man mano che il negozio del tuo cliente ottiene più successo (e la frequenza degli ordini inizia ad aumentare), il rischio aumenta. Ciò significa che il tuo flusso di lavoro per eseguire gli aggiornamenti del sito è fondamentale per assicurarti di non sovrascrivere nulla che non intendi.

Modifiche enormi potrebbero mettere a rischio l'esperienza dell'utente

Con i siti di e-commerce, le azioni importanti dell'utente avvengono costantemente in tempo reale, come l'aggiunta di prodotti a un carrello, l'inserimento dei dati di fatturazione, l'invio di pagamenti, ecc. Immagina di essere in procinto di acquistare qualcosa quando l'intero design del sito è sui cambiamenti. Ti fideresti?

Probabilmente no. Avresti premuto Aggiorna, ti confonderesti e forse aprirai anche il sito Web di un concorrente.

Nella prossima sezione, esaminerò i modi in cui puoi prevenire questa incertezza dagli aggiornamenti (soprattutto su scala di una riprogettazione). Con qualsiasi aggiornamento a un sito di eCommerce, tuttavia, è bene pensare a come verranno percepite le modifiche dagli utenti attualmente presenti sul sito al momento degli aggiornamenti, per essere sicuri di non fare nulla di troppo drastico (soprattutto per il flusso di cassa).

Ora che conosci alcune cose da tenere a mente quando aggiorni i siti di eCommerce, passiamo alle cose buone!

Best practice da seguire per evitare tempi di inattività o perdite di entrate

A seconda della portata degli aggiornamenti, potrebbe essere necessario o meno seguire tutti questi passaggi. Il mio obiettivo è che sarai in grado di combinare e abbinare queste best practice per scoprire il flusso di lavoro che funziona meglio per te e il tuo cliente!

1. Assicurati che WordPress, il tema e i plug-in chiave siano aggiornati

Questo passaggio da solo risolverà tutti i tuoi problemi di aggiornamento? No.

Tuttavia, ti assicurerà di non apportare modifiche importanti al sito solo per scoprire che qualcosa si romperà o potrebbe essere stato risolto aggiornando prima un plug-in.

Inoltre, una riprogettazione è sempre un buon momento per le pulizie del sito, quindi abbraccia il tuo Marie Kondo interiore e organizzati. Esegui aggiornamenti di WordPress, temi e plug-in, archivia i vecchi ordini, ripulisci il database e forse anche disinstalla alcuni di quei temi o plug-in che il sito non utilizza più.

(Sappiamo tutti quanto velocemente possono sommarsi, soprattutto se il tuo cliente gestiva il proprio sito prima di venire da te!)

Una volta che tutto sarà in esecuzione sull'ultima versione, saprai esattamente con cosa stai lavorando quando si tratta di questa riprogettazione. E chissà, forse ridurrai anche la tua lista di cose da fare risolvendo un problema di funzionalità semplicemente aggiornando qualcosa!

2. Prendi in considerazione la possibilità di notificare agli utenti la manutenzione del sito, in modo che sappiano quando non fare acquisti

Questo potrebbe non sembrare giusto per tutti i siti di eCommerce, ma se il tuo cliente ha una piccola comunità di acquirenti, la trasparenza di una notifica sugli aggiornamenti del sito potrebbe essere molto apprezzata. La parte migliore è che non aggiunge troppo lavoro extra da parte tua; devi solo comunicare chiaramente le tempistiche con il tuo cliente, in modo che tutti sappiano esattamente quando aspettarsi che avvengano i cambiamenti.

Se il tuo cliente ha molti clienti abituali, puoi suggerire di inviare un'e-mail esplosiva per notificare agli utenti la finestra di manutenzione. Se il tuo cliente vende a molti nuovi visitatori netti, potrebbe valere la pena esplorare un pop-up o un'intestazione appiccicosa con un messaggio su quando avverranno gli aggiornamenti.

E parlando di "quando avvengono gli aggiornamenti", se tu o il tuo cliente siete preoccupati per questo, un altro passo che potresti fare è apportare le modifiche durante l'orario di lavoro "fuori" (come a tarda notte se la maggior parte delle vendite avviene dalle 9 -5).

Sebbene queste tecniche non possano garantire che le persone non effettuino acquisti durante la finestra di aggiornamento, possono aiutare a mitigare parte del rischio che si verifichino attività sul sito mentre si trasferiscono le modifiche alla produzione.

3. Crea una pagina di manutenzione mentre trasmetti gli aggiornamenti in tempo reale

Se aggiornare il sito eCommerce mentre i visitatori sono attivi non è un rischio che vuoi correre, un modo a prova di tutto per interrompere gli acquisti è mettere il sito in modalità di manutenzione.

Una pagina di manutenzione o una pagina "In arrivo" nasconde essenzialmente tutto il contenuto del tuo sito, di solito con un messaggio del tipo "Aggiornamenti in arrivo; torna presto!”

Il vantaggio di questa tecnica è che sembra molto più professionale di un sito danneggiato. Invece di vedere la tua riprogettazione in corso (e potenzialmente in uno stato non funzionante), i visitatori vedranno una semplice pagina di destinazione con un contesto su ciò che sta accadendo.

Lo svantaggio è che i visitatori non potranno fare acquisti mentre il sito è in modalità di manutenzione, quindi è meglio attivarlo subito quando sei pronto per effettuare gli aggiornamenti, quindi disattivarlo non appena hai finito così il tuo cliente può tornare a guadagnare vendite.

Questi plugin possono aiutarti a mettere il sito in modalità di manutenzione:

• Modalità di manutenzione WP
• Fantasia in arrivo e modalità di manutenzione
• Modalità di manutenzione intelligente

E ancora, apportare aggiornamenti durante le ore di riposo può aiutare a mitigare eventuali mancate entrate dovute alla riprogettazione.

4. Apportare prima le modifiche su un sito locale o di staging, quindi aggiornare il sito live

Probabilmente hai sentito dire che non dovresti mai apportare modifiche su un sito live e che dovresti invece utilizzare un ambiente di gestione temporanea o un ambiente locale per testare gli aggiornamenti prima di passare alla produzione.

È comunque una buona idea testare prima gli aggiornamenti in un ambiente di sviluppo, ma è necessario prestare attenzione all'invio automatico delle modifiche alla produzione, nel caso in cui tale processo sovrascriva il database del sito live. (Come ho detto prima, questo può causare la perdita degli ordini e non è un mal di testa che vuoi affrontare.)

Quello che molti web designer fanno invece effettuano manualmente gli aggiornamenti sul sito live, dopo aver testato il codice in un ambiente di sviluppo corrispondente. Non è il flusso di lavoro più fluido, ma assicura che il tuo database rimanga invariato e ti dà comunque l'opportunità di testare le cose prima di modificare il negozio.

Se non hai mai utilizzato un sito di staging prima, controlla se è qualcosa che fornisce il tuo host WordPress. (Flywheel e WP Engine includono un sito di staging con ogni piano!) Se non è già incluso nel tuo pacchetto di hosting, potresti dover esaminare l'aggiornamento del tuo piano per sbloccare quella funzionalità.

Per quanto riguarda un ambiente locale, Local è una piattaforma di sviluppo locale gratuita con cui puoi iniziare in meno di cinque minuti. Puoi anche connettere i siti Flywheel o WP Engine, semplificando l'estrazione di una copia di un sito di e-commerce, in modo da sapere che gli ambienti e il database corrispondono.

5. Controllo di qualità prima e dopo l'invio delle modifiche in tempo reale

Il test è fondamentale quando si riprogetta un sito di eCommerce e consiglio di farlo sia prima che dopo aver applicato le modifiche in tempo reale.

I siti di staging di Flywheel e WP Engine, insieme a Local, ti consentono di lavorare su una copia del sito live (quindi puoi essere ragionevolmente sicuro che se le cose funzionano lì, funzioneranno sulla produzione), ma è comunque intelligente confermare tutto funziona come previsto una volta che le modifiche saranno attive.

Dopotutto, non vuoi mai rischiare di spingere le modifiche alla produzione, allontanarti e poi ricevere una telefonata arrabbiata dal tuo cliente perché qualcosa si è rotto e non te ne sei accorto.

Ti consigliamo di testare tutto ciò che stai aggiornando, ovviamente, e rivedere tutte le pagine con modifiche significative al design, ma l'altro elemento dei siti di eCommerce che vorrai controllare è la possibilità di effettuare acquisti.

Queste risorse possono aiutarti mentre stai testando il flusso di pagamento:

• Testare i pagamenti WooCommerce: un documento di aiuto di WooCommerce
• Elenco di controllo dei test principali di WooCommerce: un elenco di controllo di WooCommerce su GitHub
• Ghost Inspector: un'app per testare gli aggiornamenti del sito Web
• Usetrace: un sistema di test che non richiede codice
• Cypress: un framework di test end-to-end JavaScript
• Burattinaio: una libreria di nodi per controllare Chrome sul protocollo DevTools

6. Accetta i test iterativi (quando puoi)

Se ti senti sopraffatto dal numero di modifiche che devi apportare a un sito di eCommerce, a un certo punto potrebbe valere la pena chiedersi: devono avvenire tutte in una volta o possono essere suddivise in più aggiornamenti più piccoli?

Se stai lavorando a una riprogettazione completa del marchio e a una revisione delle funzionalità, potrebbe essere meglio attivare la modalità di manutenzione e provare a eliminare tutto in una volta. Se stai apportando modifiche più piccole, tuttavia, o puoi pensare a fasi naturali per implementare gli aggiornamenti, una buona pratica è quella di adottare modifiche iterative nel tempo.

Questo ha alcuni vantaggi:

1. Se qualcosa si rompe, sarà più facile rintracciare cosa è andato storto (perché avrai meno righe di codice da ordinare).
2. È meno probabile che l'esperienza dell'utente venga interrotta, poiché aggiornerai un singolo pezzo del sito alla volta (al contrario dell'intero).
3. Se stai misurando l'impatto degli aggiornamenti del tuo sito (ad esempio sulla velocità del sito o sui tassi di conversione), sarai in grado di individuare esattamente quali modifiche hanno causato i risultati.

Se questo ti ispira a fare molte piccole modifiche invece di una riprogettazione completa, potrebbe valere la pena utilizzare un sistema di controllo delle versioni come GitHub. Questo ti aiuterà a tenere traccia di quando/come il codice è stato modificato e ti aiuterà anche a ripristinare facilmente un aggiornamento se qualcosa viene inviato prima che sia pronto.

7. Avere un piano di supporto, nel caso qualcosa vada storto.

Si spera che, come minimo, tu abbia prima testato le modifiche in un sito di staging o creato un backup del sito live prima di inviare nuove righe di codice. Passaggi come questo ti garantiranno di poter tornare da dove hai iniziato, nel caso in cui qualcosa si rompa davvero.

Nel peggiore dei casi, tuttavia, potrebbe arrivare un punto in cui è necessario chiamare un amico per chiedere aiuto, ed è meglio avere quel piano in atto prima di fissare una pagina web rotta.

Pensa alle tue risorse. Se hai un amico in azienda ti consulti spesso per domande, avvisalo quando stai per fare una grande riprogettazione e vedi se sono disponibili nello stesso periodo di tempo, se dovesse sorgere una domanda.

Se sei attivo nelle community di Facebook o Slack per i web designer, considera di fare lo stesso o addirittura di chiedere consiglio prima di iniziare l'aggiornamento.

Infine, assicurati di sapere come contattare il team di supporto del tuo host WordPress e qualsiasi tema chiave o plug-in che alimenta il sito, soprattutto se ne attivi uno nuovo per la prima volta. I clienti Flywheel e WP Engine hanno accesso 24 ore su 24, 7 giorni su 7, agli esperti di WordPress che sono sempre in standby in caso di problemi con il server.

Fare clic qui per ulteriori informazioni sul supporto del volano, sul supporto del motore WP o fare clic qui per accedere al supporto tramite il dashboard del volano.

L'aggiornamento dei siti di eCommerce può essere più difficile del tuo sito Web tradizionale, ma con questi suggerimenti spero che tu ti senta autorizzato ad apportare modifiche al tuo sito con il minimo rischio di tempi di inattività o perdita di entrate! Seguendo alcune semplici best practice, puoi ridurre drasticamente la possibilità che qualcosa si rompa, aumentando anche drasticamente il valore che i tuoi servizi forniscono ai tuoi clienti.

Anche se questo è un lungo elenco, non è affatto esaustivo. Cos'altro fai per aggiornare in sicurezza i siti di eCommerce? Fammi sapere nei commenti qui sotto!

Aggiorna più facilmente i siti di eCommerce WordPress con Flywheel

Flywheel semplifica la gestione dei siti dei tuoi clienti, grazie a funzionalità come siti di staging gratuiti, backup automatici gratuiti, strumenti di collaborazione gratuiti e supporto 24 ore su 24, 7 giorni su 7 da esperti di WordPress. Questo è tutto in cima alla nostra impressionante infrastruttura di hosting cloud, che offre ai loro siti velocità incredibili e sicurezza bloccata.

Scopri la differenza di un partner di hosting (anziché di un provider) oggi!