Atualizar sua loja WooCommerce é algo sério, pois você pode quebrar algumas funcionalidades que podem afetar negativamente seus resultados ou simplesmente como seu site funciona.

Há quatro escolas de pensamento entre os proprietários de lojas quando as atualizações do WooCommerce rolam por aí:

  • O Cowboy: Estes donos de lojas batem “update” sem pensar duas vezes. Em seguida, suas lojas caem ao seu redor.
  • O saco de batata: Aqueles que simplesmente ignoram as atualizações por completo, tratando-as como se não existissem.
  • O gato assustador: Estes donos de lojas têm tantos plugins e temas ultrapassados porque estão aterrorizados com o que vai acontecer se tentarem uma atualização.
  • O Maverick: Finalmente, estes são os proprietários de lojas que executam backups regulares, testam novos lançamentos do WooCommerce em um site de teste, e depois atualizam seu site de produção (ao vivo) sem problemas.

Idealmente, todos deveriam ser um Maverick. Felizmente, não é difícil ser um! Com as ferramentas certas no lugar, uma sólida lista de verificação de testes e alguma automação, você pode começar a manter seu site WooCommerce atualizado e sempre funcionando sem problemas.

Neste post, vamos fazer uma atualização segura do início ao fim do WooCommerce, incluindo quais ferramentas usar e uma grande lista de testes e atualizações.

E lembre-se, seu objetivo final é aumentar a receita de sua loja. Portanto, não deixe de baixar nosso ebook gratuito, 10 maneiras de impulsionar suas conversões de página de produtos WooCommerce.

Pronto para começar? Vamos fazer isso, então!

Invista um pouco de tempo agora para economizar muito tempo (e ansiedade) depois

Antes de mergulharmos, as melhores práticas nos dizem que você nunca deve atualizar seu site, especialmente o WooCommerce, sem antes testar completamente qualquer novo lançamento. Isso vale para lançamentos maiores, menores e de remendos – não importa.

Você tem que estar disposto a gastar um pouco de tempo agora para economizar muito tempo depois.

Você não precisa apertar o botão “atualizar” de imediato. Dê a si mesmo algum tempo e certifique-se de entender que mudanças serão feitas e, mais importante ainda, como elas podem impactar tudo o mais em seu site. Basta ler sobre as novas funcionalidades disponíveis na versão do WooCommerce que você deseja atualizar para ajudá-lo a entender o que você precisa se preparar.

Para colocar as coisas em perspectiva, e entender como as coisas podem quebrar facilmente, pense por um segundo do ponto de vista de um desenvolvedor plugin ou tema: desde o núcleo do WooCommerce, assim como o núcleo do WordPress, é preciso ser retrocompatível. Agora, pense no número de plugins que você – ou o site de seu cliente – está usando. Qual a probabilidade de uma atualização do WooCommerce quebrar alguma funcionalidade? Bem, eu acho que você já sabe a resposta: extremamente provável.

É por isso que, logo após um anúncio de atualização do WooCommerce, é sempre bom rever os changelogs e os fóruns de suporte do WordPress.org antes de atualizar o WooCommerce. Se alguma vez houvesse um problema com uma atualização, 99% das vezes alguém se depararia com o problema primeiro, poupando uma tonelada de tempo e incomodando você mesmo a lidar com o problema.

Também não é incomum se abster de mover a atualização do WooCommerce imediatamente para seu site e esperar que os autores do plugin/tema liberem suas próprias atualizações para produtos relacionados ao WooCommerce antes que você possa atualizar seu site também. Portanto, ser paciente e reservar um tempo para verificar a compatibilidade pode realmente valer a pena.

Começando com sua atualização do WooCommerce

Há quatro etapas essenciais ao se aproximar das atualizações do WooCommerce, cada uma com suas próprias etapas definidas. Prometemos que depois de passar por tudo uma vez, tudo fica mais rápido e fácil a cada vez! Nós o acompanharemos através de cada uma das quatro etapas seguintes de atualização do WooCommerce:

Atualização do WooCommerce: Obtendo as ferramentas certas

Sejamos realistas: testar manualmente o WooCommerce é entediante e demorado. É por estas razões que tantas pessoas simplesmente não o fazem ou, quando o fazem, não testam corretamente e perdem erros em seus sites.

Felizmente, existem ferramentas que podem ajudar a acelerar o processo de teste e torná-lo menos chato. Após inúmeras vezes testar as atualizações do WooCommerce ao longo dos anos, estas são as ferramentas que recomendamos. Vamos dar uma olhada mais de perto em cada uma delas.

Ambiente de teste

Isto não é negociável. Você nunca deve atualizar seu site de produção imediatamente após um novo lançamento do WooCommerce.

Os sites de teste oferecem um ambiente de teste seguro onde você está livre para quebrar as coisas (geralmente sem repercussões). Lá, você pode executar atualizações do WooCommerce, testar novas versões e ver como seu site pode reagir antes de atualizar seu site de produção.

Se você não tiver um site de teste, Kinsta pode ajudá-lo – oferecemos um ambiente de encenação gratuito com cada site, assim como até cinco Ambientes de teste Premium, se um não for suficiente.

Ferramentas de comparação visual

Como você sabe se seu site mudou após uma atualização do WooCommerce? Se você executar um site grande com dezenas de páginas, rastrear pequenas mudanças na formatação ou mesmo widgets que pararam de ser exibidos pode levar tempo.

Com uma ferramenta de comparação visual como WP Boom, que vamos usar para este tutorial, você pode tirar uma foto de seu site, clicar em “update” e depois tirar uma segunda foto para que você possa ver rapidamente o que mudou:

wp boom
WP Boom

É importante ressaltar que uma mudança visual não significa necessariamente que alguma funcionalidade tenha quebrado em seu site, apenas que ela poderia estar quebrada.

Ferramentas de teste de ponta-a-ponta

Enquanto as ferramentas de comparação visual podem ajudá-lo a detectar rapidamente mudanças na formatação e design de seu site, as ferramentas de teste de ponta a ponta vão mais longe. Elas testam a funcionalidade real de seu site e oferecem mais certeza quando algo não está funcionando.

Clicar em seu site para concluir os testes, como adicionar um item ao carrinho e fazer o check-out, leva tempo. Estas tarefas envelhecem muito rapidamente quando você já testou as atualizações do WooCommerce cem vezes antes.

Com ferramentas de teste de ponta a ponta, você pode automatizar este processo para que ele seja feito automaticamente para você.

Com o desligamento do Robot Ninja, vamos mostrar a você como usar duas ferramentas diferentes neste tutorial.

O primeiro é o Ghost Inspector:

ghost inspector
Ghost Inspector

A segunda ferramenta de teste de ponta a ponta que você pode experimentar é o Usetrace:

usetrace website
Usetrace

Esta é outra ferramenta de teste automatizado de ponta a ponta para o WooCommerce, que você pode usar tanto em ambientes de testes quanto de produção (ao vivo). Mais adiante, neste artigo, veremos como configurar ambos. O WooCommerce também tem alguns testes E2E que você pode executar se você for mais um desenvolvedor.

Ferramentas de Backup

Você deve estar fazendo backups regulares de seu site. Se você estiver interessado em backups de banco de dados, recomendamos o WP Migrate DB Pro, ou simplesmente usar o WP-CLI para executar exportações rápidas.

Se você estiver com Kinsta, fornecemos backups diários automáticos, pontos de backup manual, e retenção de backup para todos os nossos planos:

Cópias de segurança MyKinsta
Cópias de segurança MyKinsta

Uma vez que você tenha as ferramentas certas no lugar, é hora de fazer alguma preparação.

Atualização do WooCommerce: Preparação (Uma lista de verificação em 7 etapas)

Se você quiser que sua atualização do WooCommerce corra bem, você precisa fazer alguma preparação. Há um pouco de trabalho envolvido, mas depois de ter se preparado uma vez, é mais fácil preencher os espaços em branco e fazê-lo mais rapidamente da próxima vez que você atualizar. Abaixo estão as sete etapas de preparação que recomendamos.

Passo 1: Re-Familiarize-se com o site que você está atualizando

Se você não tem certeza de como seu site deve funcionar (ou seja, se é um site de um novo cliente), tome algumas notas. Isto ajudará a aliviar parte da ansiedade que você pode sentir se ficar confuso sobre como o site funciona após uma atualização (isto acontece com mais freqüência do que você poderia esperar).

Também recomendo fazer uma lista de URLs críticas e a funcionalidade de seu site (e clientes). Isto deve incluir páginas importantes em seu site, como sua casa, categoria e produto, “minha conta”, carrinho e páginas de checkout.

Passo 2: Verifique se seus backups são atuais

Se seus backups não estiverem atualizados, agora é a hora de executar outro backup. Familiarize-se novamente com sua ferramenta de backup. Mais importante ainda, verifique se ela está funcionando corretamente e certifique-se de que você sabe como reverter para uma foto anterior de seu site.

Passo 3: Preparar a WP Boom

Leva apenas um minuto para configurar esta ferramenta. Se sua memória e anotações não forem grandes (todos nós podemos cometer erros), WP Boom pode ajudar a preencher as lacunas com screenshots de seu site. Pense nelas como as fotos “anteriores” nas promoções de emagrecimento.

Você vai querer começar tirando sua primeira foto do site, para que você tenha um registro visual de base de sua pré atualização do site de teste.

Normalmente não será capaz de tirar screenshots da caixa (você precisa de alguns produtos em seu carrinho) e páginas protegidas, mas é aí que uma das próximas ferramentas pode ajudar.

Nota: Acompanharemos você em como montar e usar o WP Boom mais tarde neste posto.

Passo 4: Configure sua ferramenta de teste automatizado

Se você estivesse testando o WooCommerce manualmente, esta é a parte onde você faria uma lista de cenários de teste: ou seja, abra seu site, adicione um produto ao carrinho, vá ao checkout, insira informações de pagamento, etc.

Felizmente, tanto o Inspetor Fantasma quanto a Usetrace podem fazer tudo isso automaticamente para você. Explicaremos como montar estas duas ferramentas em um instante.

Passo 5: Identifique quaisquer outras partes de seu site que você deseja testar

O próximo passo é identificar quaisquer outras partes de seu site que você queira testar, com base na lista de URLs críticas e funcionalidades que você criou anteriormente. Isto pode ser funcionalidade como formulários de contato e pop-ups, ou elementos como slideshows e galerias.

Você pode testar estas coisas manualmente, ou se você tiver uma mente mais técnica, você pode tentar automatizar esta etapa também.

Passo 6: Verifique o que há de novo na versão do WooCommerce Você está atualizando para

Também é uma boa idéia ver quais novas atualizações e características estão disponíveis na versão do WooCommerce para a qual você está atualizando. Mais especificamente, verifique se seus plugins e tema são compatíveis com ele.

Mais uma vez, é melhor passar algum tempo agora para poupar tempo e ansiedade depois. Recomendamos verificar os anúncios de lançamento no WooCommerce.com, os registros de mudanças, os problemas do GitHub e os fóruns de suporte do WordPress.

Passo 7: Clone seu site de produção (ao vivo) para seu ambiente de teste

Se você estiver usando quaisquer plugins que apresentem um modo de teste, como o WooCommerce Subscriptions, ligue-os ou simplesmente desabilite-os. Da mesma forma, você vai querer desativar os e-mails.

Em seguida, verifique novamente para garantir que seu ambiente de teste imite o mais próximo possível seu ambiente de produção (ao vivo). Sugerimos também ativar o modo de depuração do WordPress neste ponto, para ajudar na resolução de problemas no caminho.

Importante: depois de mover seu site para teste, você não quer perder nenhum pedido que possa vir a ser feito. Para evitar isto, nossa recomendação seria colocar sua loja WooCommerce no modo de manutenção. Isto garantirá que nenhum pedido seja feito enquanto você estiver realizando atualizações e testes.

Atualização do WooCommerce: Atualizando e testando seu ambiente de teste (Uma lista de verificação em 7 etapas)

Agora que você está preparado e pronto para ir, aí vem a parte divertida: atualizar seu ambiente de teste. O impressionante sobre os ambientes de teste é que não importa se seu site quebra, porque é apenas uma cópia. Vamos dar uma olhada nas etapas envolvidas nesta parte do processo.

Passo 1: Tire um instantâneo de seu site com WP Boom

A primeira coisa que você vai querer fazer é tirar uma foto do seu site com o WP Boom. Isto lhe dará um registro visual de base de seu site de teste, pré-apresentação.

Passo 2: Execute sua ferramenta de teste e certifique-se de que seus testes estão sendo aprovados

Como mencionamos anteriormente, você pode usar uma ferramenta de teste de ponta a ponta como o Ghost Inspector ou o Usetrace para automatizar seus testes. Mais adiante, neste artigo, vamos lhe mostrar como você pode realizar um teste usando ambas as ferramentas e verificar se os testes estão passando.

Passo 3: Atualize seus Plugins e Tema

Na fase de preparação, mencionamos verificar se seus plugins e tema são compatíveis com a última versão do WooCommerce que você está atualizando. Se você notou que seus plugins ou tema estão desatualizados e não são mais compatíveis com a última versão do WooCommerce, agora é o momento de atualizá-los para uma versão compatível.

Passo 4: Atualize o WooCommerce em seu site de teste

Uma vez que você tenha atualizado seus plugins e temas, certificando-se de que não haverá problemas de compatibilidade, você está pronto para atualizar seu site de teste para a última versão do WooCommerce. A atualização de seu site de teste permite que você identifique quaisquer erros potenciais a serem resolvidos antes de mover a atualização do WooCommerce para seu site de produção (ao vivo).

Passo 5: Verifique se há erros em seus registros

Depois de atualizar seus plugins, tema e WooCommerce, é inteligente verificar seus logs para procurar por quaisquer erros resultantes destas atualizações. Faça uma verificação rápida para garantir que você ainda possa acessar sua página inicial e área administrativa.

Se você receber uma tela branca da morte ou estiver preso em alguma outra situação irrecuperável, agora é um bom momento para reverter a uma foto anterior de seu site. Você mesmo pode resolver seus problemas ou procurar ajuda.

Passo 6: Tirar um segundo instantâneo para comparar as mudanças

Se tudo estiver indo bem até agora, corra WP Boom novamente e obtenha um segundo instantâneo. Compare seus instantâneos antes e depois para ver o que mudou.

O que é ótimo no WP Boom é que ele lhe dirá o quanto seu site mudou desde seu último instantâneo.

Por exemplo, pode haver uma mudança visual de 7% entre seus dois conjuntos de instantâneos. Embora isto não signifique necessariamente que seu site esteja quebrado, pode significar que você precise ajustar alguns estilos.

Passo 7: Executar novamente o Ghost Inspector ou Usetrace para garantir que tudo funcione corretamente

Em seguida, faça outro teste usando o Ghost Inspector ou o Usetrace (ou qualquer outra ferramenta de teste ponta a ponta que você tenha escolhido) para garantir que seu fluxo de caixa esteja em condições adequadas de funcionamento. Você também pode realizar verificações manuais ou automatizadas para qualquer outra funcionalidade em seu site, tais como os formulários de contato.

Se alguma coisa não estiver funcionando como você esperaria, agora é o momento de relatar e/ou consertar.

Se você tiver código personalizado rodando em seu site (ou seja, código que não é mantido por um desenvolvedor de plugin/extensão de terceiros), você precisará corrigi-lo e certificar-se de que as correções sejam aplicadas ao seu site de produção (ao vivo) antes ou depois de executar a atualização (dependendo do problema).

O controle de versões, como ter seu site em Git, pode ajudá-lo a gerenciar melhor as mudanças. Onde você reportar bugs dependerá dos plugins que você estiver usando e de seus arranjos de suporte. A partir daqui, você terá que esperar por novas versões de seus plugins/tema e então tentar o processo novamente, ou trabalhar nos consertos e atualizar seu código.

A boa notícia é que seu site de produção (ao vivo) não está quebrado, seus clientes ainda poderão fazer compras. Além disso, você pode reservar um tempo para repetir o processo tanto quanto for necessário, até que você se sinta à vontade para que tudo funcione como esperado.

Atualização do WooCommerce: Atualizando e testando seu site de produção (ao vivo) (Uma lista de verificação em 8 etapas)

Uma vez que você tenha atualizado seu site de teste e o tenha funcionando sem problemas, com qualquer funcionalidade quebrada corrigida e todos os bugs corrigidos, você está pronto para atualizar seu site de produção (ao vivo).

Vamos dar uma olhada nos passos envolvidos na atualização de seu site de WooCommerce ao vivo, muitos dos quais serão semelhantes aos que você executou durante os testes de seu site de teste.

Passo 1: Back Up Up Your Live Site

O primeiro passo é fazer um backup de seu site de produção (ao vivo). É importante garantir que você não perca este passo. Se você é um usuário Kinsta, você tem uma variedade de opções de backup para escolher. No entanto, você também pode usar um plugin de backup.

Passo 2: Tire mais um retrato de seu site

A seguir, você vai querer tirar outra foto de seu site com o WP Boom. Isto lhe fornece um registro visual da base do seu site de produção (ao vivo), pré-apresentação.

Passo 3: Execute o Inspetor Fantasma ou Usetrace e certifique-se de que seus testes estão passando

Mais uma vez, você pode usar o Ghost Inspector ou o Usetrace para isso, dependendo se você deseja usar uma extensão Chrome ou uma ferramenta on-line para registrar seus testes. Isto fornece outra linha de base para a pré atualização de seu site.

Passo 4: Sincronizar e Impulsionar suas Mudanças para produção (ao vivo)

Em seguida, dependendo de como funcionam seus ambientes de teste e de produção (ao vivo), você pode simplesmente precisar sincronizar as mudanças entre os ambientes de teste e de produção (ao vivo). Alternativamente, você pode ter que executar a atualização de seus plugins e códigos novamente.

Se você estiver com Kinsta, você pode mover as mudanças para produção (ao vivo) com um clique:

A opção MyKinsta push staging to live
A opção MyKinsta push staging to live

Lembre-se de tirar sua loja WooCommerce do modo de manutenção primeiro.

Passo 5: Verifique se há erros em seus registros

Uma vez concluída a sincronização da atualização, verifique novamente seus registros de erros para quaisquer problemas que possam ter ocorrido como resultado. Verifique se você ainda pode acessar a página inicial e a área administrativa.

Assim como no ambiente de teste, se você receber uma tela branca de morte ou encontrar outra situação irrecuperável, é melhor retornar a uma foto anterior de seu site e fazer algumas tentativas de solução de problemas ou pedir ajuda.

Passo 6: Tirar outra foto com o WP Boom

Em seguida, execute o WP Boom novamente para ter um segundo conjunto de instantâneos. Compare seus instantâneos antes e depois para ver se algo mudou.

Passo 7: Executar novamente o Ghost Inspector ou Usetrace para confirmar que o site funciona corretamente

Mais uma vez, você pode usar sua ferramenta automatizada para executar outro teste e ter certeza de que tudo está funcionando como deveria. Neste ponto, você também pode realizar qualquer outra verificação manual (ou automatizada) para outras funcionalidades em seu site, tais como formulários de contato.

Se você tratou e corrigiu qualquer problema antes enquanto atualizava seu ambiente de testes, como código de plugin conflitante e seu próprio código personalizado, não deve haver muitos problemas (se houver) para corrigir nesta fase.

Passo 8: Fazer uma verificação visual final

Você está quase terminando. A única coisa que falta fazer é verificar novamente sua lista de URLs críticas e funcionalidade para ter certeza de que tudo está funcionando.

Se tudo parece bem, é tudo! Seu WooCommerce atualizado está agora ao vivo.

Começando com WP Boom

WP Boom é uma ferramenta de teste visual e comparação construída para WordPress. Uma vez configurado, você pode comparar screenshots antes e depois de atualizar seu site, e receber alertas sempre que as atualizações automáticas causarem mudanças visuais em seus sites:

wp boom 1
WP Boom

Para começar com o WP Boom, inscreva-se para uma conta gratuita. Após digitar seu e-mail e senha, um modal irá aparecer pedindo que você conecte um novo site:

O formulário de inscrição no WP Boom
O formulário de inscrição no WP Boom

Uma vez que você digite os detalhes e clique em Create Site, WP Boom começará a trabalhar tirando a primeira foto de seu site. Isto levará um ou dois minutos, dependendo de quantas páginas seu site contém:

Um instantâneo do WP Boom
Um instantâneo do WP Boom

Quando este processo estiver concluído, a página será atualizada. Quando você clicar no nome de seu site, você verá uma visão geral de sua foto, incluindo o tempo em que ela foi tirada e quantas páginas estavam em seu site:

Um último instantâneo do WP Boom
Um último instantâneo do WP Boom

Quando você estiver pronto para tirar uma segunda foto, basta retornar ao painel do WP Boom, selecionar o site que você deseja fotografar e clicar em Snapshot Selected Sites.

Algumas outras características legais que o WP Boom inclui são a capacidade de agendar snapshots semanais e relatórios por e-mail que detalham qualquer mudança visual em seu site. Isto é útil se você administra uma tonelada de sites e tem atualizações automáticas no local.

Ferramentas de teste automatizado: Ghost Inspector e Usetrace

É importante testar e garantir que a funcionalidade em todo o seu site WooCommerce esteja funcionando corretamente após fazer as atualizações, não apenas seu processo de checkout.

Afinal de contas, se um cliente preenche um formulário de contato ou tenta usar o bate-papo ao vivo e essas peças de funcionalidade estão quebradas, como você saberá se ainda não as testou?

É fácil executar testes manuais: basta clicar em seu site, preencher formulários e usar sua janela de bate-papo ao vivo.

Para ajudar a automatizar este processo, você pode primeiro elaborar uma lista de funcionalidades críticas, assim como instruções de como realizar testes manualmente (ou seja, “Abrir site, navegar para página de contato, preencher formulário, etc.”). Isto garantirá que você não perca nada sempre que fizer um teste manual.

Se você prefere automatizar este processo, gostaria de ter mais controle sobre seus testes automatizados, ou ter um site ou funcionalidade altamente customizada, recomendamos verificar o Ghost Inspector e/ou UseTrace.

Ambas são ótimas opções se você não está familiarizado com PHP e não quer mexer com scripts e códigos. Estas opções oferecem recursos similares para automatizar seus testes de checkout.

Em última análise, qual opção você escolherá dependerá se você quer usar uma extensão Chrome ou uma ferramenta on-line para registrar seus testes. Alternativamente, se você é um desenvolvedor e gosta de sujar suas mãos, o Codeception é uma ótima opção para desenvolvedores.

Começando com o Ghost Inspector

O Ghost Inspector é uma ferramenta que você pode usar para automatizar os testes de seu site WooCommerce e garantir que ele esteja funcionando corretamente. A melhor parte é que você não precisa de nenhuma experiência em programação ou testes para usá-lo.

O Ghost Inspector trabalha adicionando uma extensão Firefox ou Chrome ao seu navegador. Então a extensão registra seu site e automaticamente executa os testes.

Para começar, visite o site do Inspetor Fantasma e clique em Start Your Free Trial. Digite suas informações no formulário e, em seguida, selecione Criar Conta:

A página de inscrição do Ghost Inspector
A página de inscrição do Ghost Inspector

Isto irá redirecioná-lo para uma página de boas-vindas. Na parte inferior, clique no botão Instalar Gravador de Testes:

Instalação do gravador de teste do Ghost Inspector
Instalação do gravador de teste do Ghost Inspector

Isto abrirá a Loja Web Chrome em uma nova aba do navegador. Selecione Adicionar ao Chrome:

Adicionando a extensão do Ghost Inspector Chrome
Adicionando a extensão do Ghost Inspector Chrome

A extensão Ghost Inspector será automaticamente adicionada ao seu navegador, aparecendo no canto superior direito. Na primeira vez que você clicar nele, ele lhe pedirá para fazer o login usando suas credenciais:

Login para a extensão Ghost Inspector Chrome
Login para a extensão Ghost Inspector Chrome

Refresque seu navegador. Quando estiver pronto para executar um teste, visite seu site WooCommerce (certificando-se de estar logado), e depois clique na extensão do navegador.

No menu suspenso, selecione a opção “Criar um novo teste”, seguida pelo botão Iniciar Gravação:

O botão 'começar a gravar' do Ghost Inspector
O botão ‘começar a gravar’ do Ghost Inspector

À medida que você percorre e testa seu site, o Inspetor Fantasma registrará todas as suas ações. Quando terminar, clique novamente na extensão, seguida de I’m Finished Recording:

O botão 'gravação terminada do Ghost Inspector
O botão ‘gravação terminada do Ghost Inspector

Você pode então nomear e salvar seu teste. Se você selecionar View My Test, ele o levará para o painel do Inspetor Fantasma:

O painel do Ghost Inspector
O painel do Ghost Inspector

Aqui você pode ver todos os detalhes do teste. Você verá uma lista das etapas envolvidas e terá a opção de editá-las. Ele lhe dirá se o teste passou e, se não, quais etapas requerem sua atenção. Para obter informações mais detalhadas, consulte a documentação do Inspetor Fantasma.

Começando com o Usetrace

Se você quiser usar uma ferramenta de teste automatizada que não seja específica para nenhum navegador, você pode querer ir com a Usetrace. Com esta ferramenta, você cria ‘traços’ ao registrar seus fluxos de trabalho através do editor on-line Usetrace. Então, você pode usá-los para testar automaticamente seu site.

Para começar, visite o site da Usetrace e clique em Sign Up and Start Testing Now (Inscreva-se e comece a testar agora). Após criar uma conta, você será redirecionado para o painel de controle da Usetrace. Selecione Start, criando um novo traço:

O painel do Usetrace
O painel do Usetrace

Na janela à esquerda estão seus passos e configurações de rastreamento. À direita está o site que você está testando. Para começar, clique em Record Steps (Passos de Registro):

Etapas de registro de traços
Etapas de registro de traços

O programa começará a gravar as interações de seu site. Cada vez que você tomar uma ação, como adicionar um item ao seu carrinho ou preencher um formulário de contato, ele adicionará um ponto de verificação às etapas de rastreamento à esquerda.

Quando terminar, clique no botão Save Steps (Salvar etapas):

Um teste Usetrace
Um teste Usetrace

Para percorrer todo o traçado para confirmar que tudo funciona, selecione Run Trace no canto inferior esquerdo:

O botão Run Trace no Usetrace
O botão Run Trace no Usetrace

Após a conclusão, você deve ver uma mensagem de sucesso:

Uma mensagem de sucesso Usetrace
Uma mensagem de sucesso Usetrace

Você pode clicar em Detalhes para saber mais sobre cada passo ou selecionar OK se já tiver terminado. Para orientação e instruções mais detalhadas, sinta-se à vontade para consultar a documentação do Usetrace.

Resumo

Com as ferramentas certas, algum tempo de preparação e uma sólida lista de verificação no local, você não deve ter problemas para testar e implementar atualizações do WooCommerce. Para remover a ansiedade em torno da atualização do WooCommerce, é importante desmistificar o processo, o que já fizemos aqui. Esperamos que este guia tenha fornecido uma base sólida para manter seu site WooCommerce atualizado.

Devemos destacar também que é importante testar os e-mails transacionais de sua loja também, mas isso é uma jornada totalmente diferente.

Agora, de volta para você: Você usa ferramentas de visualização ou captura de tela ao atualizar o WooCommerce e o WordPress? Que outras ferramentas e fluxos de trabalho você usa para atualizações? Compartilhe-as conosco nos comentários abaixo!

Matteo Duò Kinsta

Editor-chefe da Kinsta e consultor de marketing de conteúdo para desenvolvedores de plugins do WordPress. Conecte-se com Matteo no Twitter.