Articles

Aggiornare WooCommerce: Una guida sicura e approfondita per il 2021

Aggiornare il vostro negozio WooCommerce è una cosa seria, perché potreste rompere alcune funzionalità che potrebbero influenzare negativamente i vostri profitti o semplicemente come funziona il vostro sito.

Ci sono quattro scuole di pensiero tra i proprietari di negozi quando gli aggiornamenti di WooCommerce rotolano intorno:

  • Il Cowboy: Questi proprietari di negozi premono “aggiorna” senza pensarci due volte. Poi i loro negozi crollano intorno a loro.
  • La patata del divano: Quelli che semplicemente ignorano del tutto gli aggiornamenti, trattandoli come se non esistessero.
  • Il gatto fifone: Questi proprietari di negozi hanno così tanti plugin e temi obsoleti perché sono terrorizzati da ciò che accadrà se tentano un aggiornamento.
  • Il cane sciolto: Infine, questi sono i proprietari di negozi che eseguono backup regolari, testano le nuove versioni di WooCommerce su un sito di staging, e poi aggiornano il loro sito live senza problemi.

In realtà, tutti dovrebbero essere un Maverick. Fortunatamente, non è difficile esserlo! Con gli strumenti giusti, una solida checklist di test e un po’ di automazione, puoi iniziare a mantenere il tuo sito WooCommerce aggiornato e sempre funzionante senza problemi.

In questo post, ti spiegheremo come eseguire un aggiornamento sicuro di WooCommerce dall’inizio alla fine, compresi gli strumenti da utilizzare e una grande checklist di test e aggiornamento.

Sei pronto a iniziare? Facciamolo, allora!

Investire un po’ di tempo ora per risparmiare un sacco di tempo (e ansia) più tardi

Prima di tuffarci, le migliori pratiche ci dicono che non dovresti mai aggiornare il tuo sito, specialmente WooCommerce, senza prima testare a fondo ogni nuova release. Questo vale per i rilasci maggiori, minori e di patch – non importa.

Devi essere disposto a spendere un po’ di tempo ora per risparmiare molto tempo dopo.

Non devi premere subito il pulsante “aggiorna”. Datevi un po’ di tempo e assicuratevi di capire quali cambiamenti saranno fatti e, soprattutto, come potrebbero avere un impatto su tutto il resto del vostro sito. Semplicemente leggendo le nuove caratteristiche disponibili nella versione di WooCommerce a cui volete aggiornare, vi aiuterà a capire a cosa dovete prepararvi.

Per mettere le cose in prospettiva, e capire quanto facilmente le cose potrebbero rompersi, pensatelo dal punto di vista di uno sviluppatore di plugin o temi per un secondo: poiché WooCommerce core, così come WordPress core, deve essere compatibile all’indietro. Ora, pensate al numero di plugin che voi – o il sito del vostro cliente – sta usando. Quanto è probabile che un aggiornamento di WooCommerce rompa qualche funzionalità? Beh, credo che conosciate già la risposta: estremamente probabile.

E’ per questo che, subito dopo l’annuncio di un aggiornamento di WooCommerce, è sempre bene rivedere i changelog e i forum di supporto di WordPress.org prima di aggiornare WooCommerce. Se mai ci fosse un problema con un aggiornamento, il 99% delle volte qualcun altro si imbatterà per primo nel problema, risparmiandovi una tonnellata di tempo e di seccature nell’affrontare il problema da soli.

Non è inoltre insolito astenersi dal spingere l’aggiornamento di WooCommerce immediatamente sul vostro sito e aspettare che gli autori di plugin/temi rilascino i propri aggiornamenti ai prodotti legati a WooCommerce prima di poter aggiornare anche il vostro sito. Quindi essere pazienti e prendersi il tempo di controllare la compatibilità può davvero ripagare.

Quando si tratta di aggiornare il tuo sito WooCommerce, operi come 🤠 il Cowboy, 🥔 il Couch Potato, 🙀 lo Scaredy-Cat, o 😎 il Maverick? Clicca per vedere quale tipo di proprietario di negozio sei 👇Clicca per Tweet

Iniziare con il tuo aggiornamento di WooCommerce

Ci sono quattro fasi essenziali quando ci si avvicina agli aggiornamenti di WooCommerce, ognuno con i suoi passi. Vi promettiamo che dopo aver eseguito tutto una volta, diventa più veloce e più facile ogni volta! Vi guideremo attraverso ciascuna delle seguenti quattro fasi di aggiornamento di WooCommerce:

Aggiornare WooCommerce: Ottenere gli strumenti giusti

Parliamoci chiaro: testare manualmente WooCommerce è noioso e richiede tempo. È per queste ragioni che molte persone semplicemente non lo fanno o, quando lo fanno, non testano correttamente e perdono errori sui loro siti.

Fortunatamente, ci sono strumenti che possono aiutare a velocizzare il processo di test e renderlo meno noioso da fare. Dopo aver testato innumerevoli volte gli aggiornamenti di WooCommerce nel corso degli anni, questi sono gli strumenti che consigliamo. Diamo un’occhiata più da vicino a ciascuno di essi.

Staging Site

Questo non è negoziabile. Non dovresti mai aggiornare il tuo sito live immediatamente dopo una nuova release di WooCommerce. I siti di staging forniscono un ambiente di test dove si è liberi di rompere le cose (di solito senza ripercussioni).

Lì, è possibile eseguire gli aggiornamenti di WooCommerce, testare le nuove versioni e vedere come il vostro sito potrebbe reagire prima di aggiornare il sito live. Se non avete un sito di staging, Kinsta può aiutarvi (offriamo ambienti di staging con un solo clic):

MyKinsta's one-click staging environment

MyKinsta’s one-click staging environment

Visual Comparison Tools

Come fate a sapere se il vostro sito è cambiato dopo un aggiornamento WooCommerce? Se gestisci un sito di grandi dimensioni con decine di pagine, rintracciare piccoli cambiamenti nella formattazione o anche i widget che hanno smesso di essere visualizzati può richiedere tempo.

Con uno strumento di confronto visivo come WP Boom, che useremo per questo tutorial, puoi prendere un’istantanea del tuo sito, premere “aggiorna”, e poi prendere una seconda istantanea in modo da poter vedere rapidamente cosa è cambiato:

wp boom

WP Boom

È importante sottolineare che un cambiamento visivo non significa necessariamente che un pezzo di funzionalità sia rotto sul tuo sito, solo che potrebbe essere rotto.

Strumenti di test end-to-end

Mentre gli strumenti di confronto visivo possono aiutarti a individuare rapidamente i cambiamenti nella formattazione e nel design del tuo sito, gli strumenti di test end-to-end vanno oltre. Testano l’effettiva funzionalità del tuo sito e forniscono maggiore certezza quando qualcosa non funziona.

Cliccare sul tuo sito per completare i test, come aggiungere un articolo al carrello e fare il check-out, richiede tempo. Questi compiti diventano vecchi abbastanza rapidamente quando hai testato gli aggiornamenti di WooCommerce un centinaio di volte prima.

Con gli strumenti di test end-to-end, è possibile automatizzare questo processo in modo che sia fatto automaticamente per te.

Con Robot Ninja che chiude, ti mostreremo come utilizzare due strumenti diversi in questo tutorial.

Il primo è Ghost Inspector:

ghost inspector

Ghost Inspector

Il secondo strumento di test end-to-end che puoi provare è Usetrace:

usetrace website

Usetrace

Questo è un altro strumento di test end-to-end automatizzato per WooCommerce, che puoi usare sia sui siti in staging che live. Andremo a vedere come impostare entrambi più avanti in questo articolo. WooCommerce ha anche alcuni test E2E che puoi eseguire se sei più uno sviluppatore.

Strumenti di backup

Dovresti eseguire regolarmente i backup del tuo sito. Se sei interessato ai backup del database, ti consigliamo WP Migrate DB Pro, o semplicemente usando WP-CLI per eseguire esportazioni rapide.

Se sei con Kinsta, forniamo backup giornalieri automatici, punti di backup manuali e conservazione dei backup per tutti i nostri piani:

MyKinsta backups

MyKinsta backup

Una volta che hai gli strumenti giusti, è il momento di fare un po’ di preparazione.

Aggiornare WooCommerce: Preparazione (una lista di controllo in 7 passi)

Se volete che il vostro aggiornamento di WooCommerce vada liscio, dovete fare un po’ di preparazione. C’è un po’ di lavoro da fare, ma dopo che vi siete preparati una volta, è più facile riempire gli spazi vuoti e farlo più velocemente la prossima volta che aggiornate. Sotto ci sono i sette passi di preparazione che raccomandiamo.

Passo 1: Ri-Familiarizzare con il sito che stai aggiornando

Se non sei sicuro di come il tuo sito dovrebbe funzionare (cioè se è il sito di un nuovo cliente), prendi qualche appunto. Questo vi aiuterà ad alleviare un po’ dell’ansia che potreste provare se vi confondete su come funziona il sito dopo un aggiornamento (questo succede più spesso di quanto ci si possa aspettare).

Consiglio anche di fare una lista di URL critici e la funzionalità del vostro sito (e dei clienti). Questo dovrebbe includere le pagine importanti del tuo sito, come la home, le categorie e i prodotti, il ‘mio account’, il carrello e le pagine di checkout.

Step 2: Verifica che i tuoi backup siano aggiornati

Se i tuoi backup non sono aggiornati, è il momento di eseguire un altro backup. Ri-familiarizzate con il vostro strumento di backup. Soprattutto, controlla se funziona correttamente, e assicurati di sapere come tornare a un’istantanea precedente del tuo sito.

Step 3: Impostare WP Boom

Ci vuole solo un minuto per impostare questo strumento. Se la tua memoria e il tuo prendere appunti non sono grandi (tutti possiamo sbagliare), WP Boom può aiutarti a colmare le lacune con gli screenshot del tuo sito. Pensate a loro come le foto ‘prima’ nelle promozioni per la perdita di peso.

Vorrete iniziare prendendo la vostra prima istantanea del sito, in modo da avere un record visivo di base del vostro sito di staging pre-update.

In genere non sarà in grado di prendere screenshot del checkout (è necessario alcuni prodotti nel carrello) e pagine protette, ma questo è dove uno dei prossimi strumenti può aiutare.

Nota: Ti spiegheremo come impostare e utilizzare WP Boom più avanti in questo post.

Step 4: Imposta il tuo strumento di test automatico

Se stessi testando WooCommerce manualmente, questa è la parte in cui dovresti fare una lista di scenari di test: ad es, aprire il tuo sito, aggiungere un prodotto al carrello, andare alla cassa, inserire le informazioni di pagamento, ecc.

Fortunatamente, sia Ghost Inspector che Usetrace possono fare automaticamente tutto questo per te. Ti spiegheremo come impostare entrambi questi strumenti tra un po’.

Step 5: Identifica qualsiasi altra parte del tuo sito che vuoi testare

Il passo successivo è quello di identificare qualsiasi altra parte del tuo sito che vuoi testare, in base alla lista di URL critici e funzionalità che hai creato in precedenza. Potrebbe trattarsi di funzionalità come moduli di contatto e pop-up, o elementi come slideshow e gallerie.

È possibile testare queste cose manualmente, o se siete più tecnici, potete provare ad automatizzare anche questo passo.

Step 6: Controlla cosa c’è di nuovo nella versione di WooCommerce che stai aggiornando

È anche una buona idea vedere quali nuovi aggiornamenti e funzionalità sono disponibili nella versione di WooCommerce che stai aggiornando. Più specificamente, controlla se i tuoi plugin e il tuo tema sono compatibili con essa.

Ancora una volta, è meglio spendere un po’ di tempo ora per risparmiare tempo e ansia più tardi. Vi consigliamo di controllare gli annunci di rilascio su WooCommerce.com, i log dei cambiamenti, i problemi di GitHub e i forum di supporto di WordPress.

Step 7: Clonate il vostro sito live sul vostro ambiente di staging

Se state usando dei plugin che hanno una modalità di staging, come WooCommerce Subscriptions, attivateli o semplicemente disabilitateli. Allo stesso modo, vorrete disabilitare le email.

Poi, ricontrollate per assicurarvi che il vostro ambiente di staging imiti il più possibile il vostro sito live. Suggeriamo anche di abilitare la modalità debug di WordPress a questo punto, per aiutare a risolvere i problemi lungo la strada.

Importante: dopo aver spinto il tuo sito in staging, non vuoi perdere gli ordini che potrebbero arrivare. Per evitare questo, la nostra raccomandazione sarebbe di mettere il tuo negozio WooCommerce in modalità manutenzione. Questo assicurerà che non vengano effettuati ordini mentre si eseguono aggiornamenti e test.

Aggiornamento di WooCommerce: Aggiornare e testare il vostro sito di staging (una lista di controllo in 7 passi)

Ora che siete preparati e pronti a partire, arriva la parte divertente: aggiornare il vostro sito di staging. La cosa fantastica dei siti di staging è che non importa se il tuo sito si rompe, perché è solo una copia. Diamo un’occhiata ai passi coinvolti in questa parte del processo.

Passo 1: Prendi un’istantanea del tuo sito con WP Boom

La prima cosa che vorrai fare è prendere un’istantanea del tuo sito con WP Boom. Questo ti darà un record visivo di base del tuo sito di staging, pre-aggiornamento.

Step 2: Esegui il tuo strumento di test e assicurati che i tuoi test stiano passando

Come abbiamo detto prima, puoi usare uno strumento di test end-to-end come Ghost Inspector o Usetrace per automatizzare i tuoi test. Più avanti in questo articolo, ti spiegheremo come puoi eseguire un test usando entrambi gli strumenti e controllare che i test passino.

Step 3: Aggiorna i tuoi plugin e il tema

Nella fase di preparazione, abbiamo detto di controllare se i tuoi plugin e il tema sono compatibili con l’ultima versione di WooCommerce che stai aggiornando. Se hai notato che i tuoi plugin o il tuo tema sono obsoleti e non più compatibili con l’ultima versione di WooCommerce, ora è il momento di aggiornarli a una versione compatibile.

Step 4: Aggiorna WooCommerce sul tuo sito di staging

Una volta che hai aggiornato i tuoi plugin e temi, assicurandoti che non ci saranno problemi di compatibilità, sei pronto per aggiornare il tuo sito di staging all’ultima versione di WooCommerce. L’aggiornamento del tuo sito di staging ti permette di identificare qualsiasi potenziale errore da risolvere prima di spingere l’aggiornamento di WooCommerce al tuo sito live.

Step 5: Controlla i tuoi log per gli errori

Dopo aver aggiornato i tuoi plugin, il tema e WooCommerce, è intelligente controllare i tuoi log per cercare eventuali errori derivanti da questi aggiornamenti. Fai una rapida scansione per assicurarti di poter ancora accedere alla tua home page e all’area di amministrazione.

Se ottieni una schermata bianca di morte o sei bloccato in qualche altra situazione irrecuperabile, ora è un buon momento per tornare a un’istantanea precedente del tuo sito. Puoi risolvere il problema da solo o cercare aiuto.

Step 6: Prendi una seconda istantanea per confrontare i cambiamenti

Se tutto sta andando bene finora, esegui WP Boom di nuovo e ottieni una seconda istantanea. Confronta le tue istantanee prima e dopo per vedere cosa è cambiato.

La cosa bella di WP Boom è che ti dirà quanto il tuo sito è cambiato dalla tua ultima istantanea.

Per esempio, ci potrebbe essere un cambiamento visivo del 7% tra le due serie di istantanee. Anche se questo non significa necessariamente che il tuo sito è rotto, potrebbe significare che hai bisogno di regolare alcuni stili.

Scriviti alla newsletter

Abbiamo aumentato il nostro traffico del 1.187% con WordPress. Ti mostreremo come.

Unisciti agli oltre 20.000 utenti che ricevono la nostra newsletter settimanale con consigli preziosi su WordPress!

Iscriviti ora

Step 7: Esegui Ghost Inspector o Usetrace di nuovo per assicurarti che tutto funzioni correttamente

Poi, esegui un altro test usando Ghost Inspector o Usetrace (o qualsiasi strumento di test end-to-end tu abbia scelto) per assicurarti che il tuo flusso di checkout sia in condizioni di funzionare correttamente. Puoi anche eseguire controlli manuali o automatici per qualsiasi altra funzionalità sul tuo sito, come i moduli di contatto.

Se qualcosa non funziona come ti aspetteresti, ora è il momento di segnalarlo e/o risolverlo.

Se hai codice personalizzato in esecuzione sul tuo sito (cioè, codice che non è mantenuto da uno sviluppatore di plugin/estensioni di terze parti), dovrai correggerlo e assicurarti che le correzioni siano applicate al tuo sito live prima o dopo l’esecuzione dell’aggiornamento (a seconda del problema).

Il controllo della versione, come avere il tuo sito in Git, può aiutarti a gestire meglio i cambiamenti. Dove segnalare i bug dipenderà da quali plugin state usando e dai vostri accordi di supporto. Da qui, dovrai aspettare nuove versioni dei tuoi plugin/tema e poi riprovare il processo, o lavorare sulle correzioni da solo e aggiornare il tuo codice.

La buona notizia è che il tuo sito live non è rotto, i tuoi clienti saranno ancora in grado di fare acquisti. Inoltre, è possibile prendere il tempo di ripetere il processo quanto necessario fino a quando si è sicuri che tutto funziona come previsto.

Aggiornare WooCommerce: Aggiornare e testare il tuo sito live (una lista di controllo in 8 passi)

Una volta che hai aggiornato il tuo sito di staging e lo hai fatto funzionare senza problemi, con qualsiasi funzionalità non funzionante e tutti i bug eliminati, sei pronto per aggiornare il tuo sito live.

Diamo un’occhiata ai passi coinvolti nell’aggiornamento del vostro sito WooCommerce live, molti dei quali saranno simili a quelli che avete eseguito durante il test del vostro sito di staging.

Passo 1: Backup del vostro sito live

Il primo passo è il backup del vostro sito live. È importante assicurarsi di non perdere questo passo. Se sei un utente Kinsta, hai una varietà di opzioni di backup tra cui scegliere. Tuttavia, puoi anche usare un plugin di backup.

Step 2: Prendi un’altra istantanea del tuo sito

Poi, vorrai prendere un’altra istantanea del tuo sito con WP Boom. Questo ti fornisce un record visivo di base del tuo sito dal vivo, prima dell’aggiornamento.

Step 3: Esegui Ghost Inspector o Usetrace e assicurati che i tuoi test stiano passando

Ancora una volta, puoi usare Ghost Inspector o Usetrace per questo, a seconda che tu voglia usare un’estensione Chrome o uno strumento online per registrare i tuoi test. Questo fornisce un’altra linea di base per il tuo sito prima dell’aggiornamento.

Step 4: Sincronizzare e spingere le tue modifiche dal vivo

Poi, a seconda di come funzionano i tuoi ambienti di staging e live, potresti semplicemente aver bisogno di sincronizzare le modifiche tra i siti di staging e live. In alternativa, potresti dover aggiornare nuovamente i tuoi plugin e il codice.

Se sei con Kinsta, puoi spingere le modifiche dal vivo con un clic:

The MyKinsta push staging to live option

L’opzione MyKinsta push staging to live

Ricordati di togliere prima il tuo negozio WooCommerce dalla modalità di manutenzione.

Passo 5: Controlla i tuoi log per gli errori

Una volta che hai finito di sincronizzare l’aggiornamento, controlla di nuovo i log degli errori per qualsiasi problema che può essersi verificato come risultato. Verifica di essere ancora in grado di accedere alla home page e all’area di amministrazione.

Come per il sito di staging, se ottieni una schermata bianca della morte o incontri un’altra situazione irrecuperabile, è meglio tornare a un’istantanea precedente del tuo sito e fare un po’ di risoluzione dei problemi o chiedere aiuto.

Passo 6: Prendi un’altra istantanea con WP Boom

Poi, esegui WP Boom di nuovo in modo da avere una seconda serie di istantanee. Confronta le tue istantanee prima e dopo per vedere se qualcosa è cambiato.

Step 7: Esegui Ghost Inspector o Usetrace di nuovo per confermare che il sito funziona correttamente

Anche in questo caso, puoi usare il tuo strumento automatico per eseguire un altro test e assicurarti che tutto funzioni come dovrebbe. A questo punto, puoi anche eseguire qualsiasi altro controllo manuale (o automatico) per altre funzionalità sul tuo sito, come i moduli di contatto.

Se hai affrontato e risolto qualsiasi problema prima durante l’aggiornamento del sito di staging, come il codice dei plugin in conflitto e il tuo codice personalizzato, non dovrebbero esserci troppi problemi (se ce ne sono) da risolvere in questa fase.

Step 8: Fai un controllo visivo finale

Hai quasi finito. L’unica cosa rimasta da fare è ricontrollare la tua lista di URL critici e la funzionalità per assicurarti che tutto funzioni.

Hai bisogno di un hosting veloce, affidabile e completamente sicuro per il tuo sito di e-commerce? Kinsta fornisce tutto questo e un supporto di classe mondiale 24/7 da esperti di WooCommerce. Controlla i nostri piani

Se tutto sembra a posto, ecco fatto! Il tuo WooCommerce aggiornato è ora live.

Iniziare con WP Boom

WP Boom è uno strumento di test visivo e di confronto costruito per WordPress. Una volta impostato, è possibile confrontare gli screenshot prima e dopo l’aggiornamento del sito, e ricevere avvisi ogni volta che gli aggiornamenti automatici causano cambiamenti visivi ai tuoi siti:

wp boom 1

WP Boom

Per iniziare con WP Boom, registrati per un account gratuito. Dopo aver inserito la tua email e la tua password, apparirà un modale che ti chiederà di collegare un nuovo sito:

wpboom new site

Il modulo di iscrizione a WP Boom

Una volta inseriti i dettagli e cliccato su Create Site, WP Boom si metterà al lavoro per scattare la prima istantanea del tuo sito. Questo richiederà un minuto o due, a seconda di quante pagine contiene il tuo sito:

wpboom first snapshot

Un’istantanea di WP Boom

Quando questo processo è finito, la pagina verrà aggiornata. Quando clicchi sul nome del tuo sito, vedrai una panoramica della tua istantanea, compresa l’ora in cui è stata scattata e quante pagine c’erano sul tuo sito:

wpboom latest snapshot

Un’ultima istantanea di WP Boom

Quando sei pronto a scattare una seconda istantanea, torna semplicemente alla dashboard di WP Boom, seleziona il sito che vuoi scattare, e clicca su Snapshot Selected Sites.

Alcune altre belle caratteristiche che WP Boom include sono la possibilità di programmare istantanee settimanali e rapporti via e-mail che dettagliano qualsiasi cambiamento visivo sul tuo sito. Questo è utile se si gestisce una tonnellata di siti e si hanno aggiornamenti automatici in atto.

Strumenti di test automatizzati: Ghost Inspector e Usetrace

È importante testare e assicurarsi che la funzionalità di tutto il tuo sito WooCommerce funzioni correttamente dopo aver effettuato gli aggiornamenti, non solo il processo di checkout.

Dopo tutto, se un cliente compila un modulo di contatto o cerca di utilizzare la live chat e queste funzionalità sono rotte, come fai a saperlo se non le hai testate?

E’ facile eseguire dei test manuali: basta cliccare attraverso il tuo sito, compilando i moduli e utilizzando la finestra della chat dal vivo.

Per aiutare ad automatizzare questo processo, puoi prima mettere insieme una lista di funzionalità critiche, così come le istruzioni su come eseguire manualmente i test (es, “Aprire il sito, passare alla pagina dei contatti, compilare il modulo, ecc.) Questo ti assicurerà di non perdere nulla ogni volta che farai un test manuale.

Se preferisci automatizzare questo processo, vorresti avere più controllo sui tuoi test automatici, o hai un sito o una funzionalità altamente personalizzati, ti consigliamo di controllare Ghost Inspector e/o UseTrace.

Entrambe sono ottime opzioni se non hai familiarità con PHP e non vuoi perdere tempo con script e codice. Queste opzioni offrono caratteristiche simili per automatizzare i test di verifica.

In definitiva, quale opzione sceglierete dipenderà dal fatto che vogliate usare un’estensione di Chrome o uno strumento online per registrare i vostri test. In alternativa, se sei uno sviluppatore e ti piace sporcarti le mani, Codeception è un’ottima scelta per gli sviluppatori.

Inizio con Ghost Inspector

Ghost Inspector è uno strumento che puoi usare per automatizzare i test del tuo sito WooCommerce e assicurarti che funzioni correttamente. La parte migliore è che non hai bisogno di alcuna esperienza di programmazione o di test per usarlo.

Ghost Inspector funziona aggiungendo un’estensione al tuo browser Chrome o Firefox. Poi l’estensione registra il tuo sito ed esegue automaticamente i test.

Per iniziare, visita il sito web di Ghost Inspector e clicca su Start Your Free Trial. Inserisci le tue informazioni nel modulo e poi seleziona Create Account:

ghost inspector account

La pagina di registrazione di Ghost Inspector

Questo ti reindirizzerà ad una pagina di benvenuto. In fondo, clicca sul pulsante Installa il registratore di test:

install test recorder

Installazione del registratore di test Ghost Inspector

Questo aprirà il Chrome Web Store in una nuova scheda del browser. Seleziona Aggiungi a Chrome:

ghost inspector extension

Aggiungimento dell’estensione Ghost Inspector Chrome

L’estensione Ghost Inspector verrà aggiunta automaticamente al tuo browser, apparendo nell’angolo in alto a destra. La prima volta che fai clic su di essa, ti chiederà di accedere utilizzando le tue credenziali:

ghost inspector login

Accedere all’estensione Ghost Inspector Chrome

Rinfresca il tuo browser. Quando sei pronto ad eseguire un test, visita il tuo sito WooCommerce (assicurandoti di essere disconnesso), e poi clicca sull’estensione del browser.

Nel menu a discesa, seleziona l’opzione “Crea un nuovo test”, seguita dal pulsante Start Recording:

ghostinspector start recording

Il pulsante ‘start recording’ di Ghost Inspector

Nel corso del tuo test, Ghost Inspector registrerà tutte le tue azioni. Quando hai finito, clicca nuovamente sull’estensione, seguita da I’m Finished Recording:

ghostinspector finished recording

Il pulsante ‘registrazione finita’ di Ghost Inspector

Puoi quindi dare un nome e salvare il tuo test. Se selezioni Visualizza il mio test, ti porterà al cruscotto di Ghost Inspector:

ghost inspector dashboard

Il cruscotto di Ghost Inspector

Qui puoi visualizzare tutti i dettagli del test. Vedrai una lista dei passi coinvolti e avrai la possibilità di modificarli. Ti dirà se il test è passato e, in caso contrario, quali passi richiedono la tua attenzione. Per informazioni più dettagliate, controlla la documentazione di Ghost Inspector.

Iniziare con Usetrace

Se vuoi usare uno strumento di test automatico che non sia specifico per un solo browser, potresti scegliere Usetrace. Con questo strumento, si creano “tracce” registrando i flussi di lavoro attraverso l’editor online Usetrace. Poi puoi usarle per testare automaticamente il tuo sito.

Per iniziare, visita il sito di Usetrace e clicca su Sign Up e Start Testing Now. Dopo aver creato un account, sarai reindirizzato alla dashboard di Usetrace. Seleziona Inizia creando una nuova traccia:

usetrace create new

Il cruscotto Usetrace

Nella finestra a sinistra ci sono i tuoi passi e le impostazioni della traccia. A destra c’è il sito che stai testando. Per iniziare, clicca su Record Steps:

usetrace record steps

Registrazione dei passi di tracciamento

Il programma inizierà a registrare le interazioni del tuo sito. Ogni volta che fai un’azione, come aggiungere un articolo al tuo carrello o compilare un modulo di contatto, aggiungerà un punto di controllo ai passi di traccia sulla sinistra.

Quando hai finito, clicca sul pulsante Save Steps:

usetrace save steps

Un test Usetrace

Per eseguire l’intera traccia per confermare che tutto funziona, seleziona Run Trace in basso a sinistra:

usetrace run trace

Il pulsante Run Trace in Usetrace

Dopo il completamento, dovresti vedere un messaggio di successo:

usetrace success message

Un messaggio di successo Usetrace

Puoi cliccare su Details per saperne di più su ogni passo o selezionare OK se hai finito. Per una guida e istruzioni più dettagliate, non esitare a consultare la documentazione di Usetrace.

Le parole ‘aggiornamento del sito WooCommerce’ ti rendono nervoso? 😅 Impara come completare il processo in modo facile e sicuro con questa guida! Click to Tweet

Sommario

Con gli strumenti giusti, un po’ di tempo di preparazione e una solida lista di controllo, non dovresti avere problemi a testare e implementare gli aggiornamenti di WooCommerce. Al fine di rimuovere l’ansia intorno all’aggiornamento di WooCommerce, è importante demistificare il processo, cosa che abbiamo fatto qui. Speriamo che questa guida abbia fornito una solida base per mantenere il vostro sito WooCommerce aggiornato.

Dovremmo anche sottolineare che è importante testare anche le email transazionali del vostro negozio, ma questo è un viaggio completamente diverso.

Ora, torniamo a voi: Usate strumenti di visualizzazione o screenshot quando aggiornate WooCommerce e WordPress? Quali altri strumenti e flussi di lavoro utilizzate per gli aggiornamenti? Condivideteli con noi nei commenti qui sotto!

Se vi è piaciuto questo articolo, allora amerete la piattaforma di hosting WordPress di Kinsta. Metti il turbo al tuo sito web e ottieni supporto 24/7 dal nostro team veterano di WordPress. La nostra infrastruttura alimentata da Google Cloud si concentra sulla scalabilità automatica, le prestazioni e la sicurezza. Lasciate che vi mostriamo la differenza Kinsta! Guardate i nostri piani