Actualizar a sua loja WooCommerce é uma coisa séria, pois pode quebrar alguma funcionalidade que pode afectar negativamente os seus resultados ou simplesmente como o seu site funciona.

Existem quatro escolas de pensamento entre os proprietários de lojas quando as actualizações do WooCommerce se espalham:

• O Cowboy: Estes donos de lojas acertam em “actualizar” sem pensar duas vezes. Depois as suas lojas caem à sua volta.
• The Couch Potato: Aqueles que simplesmente ignoram as actualizações, tratando-os como se não existissem.
• The Scaredy-Cat: Estes donos de lojas têm tantos plugins e temas desactualizados porque estão aterrorizados com o que acontecerá se tentarem uma actualização.
• The Maverick: Finalmente, estes são os proprietários das lojas que executam backups regulares, testam novos lançamentos do WooCommerce num site de encenação, e depois actualizam o seu site ao vivo sem problemas.

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

Neste post, vamos executá-lo através de como realizar uma atualização segura do WooCommerce do início ao fim, incluindo quais ferramentas usar e uma grande lista de testes e atualizações.

Pronto para começar? Vamos fazê-lo, então!

Investe um pouco de tempo agora para poupar muito tempo (e ansiedade) depois

Antes de mergulharmos, as melhores práticas dizem-nos que nunca deve actualizar o seu site, especialmente o WooCommerce, sem antes testar exaustivamente qualquer novo lançamento. Isso vale para lançamentos maiores, menores e correções – 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’ imediatamente. Dê a si mesmo algum tempo e certifique-se de entender que mudanças serão feitas e, o mais importante, como elas podem impactar tudo o resto no seu site. Simplesmente leia as novas funcionalidades disponíveis na versão do WooCommerce que você quer atualizar para ajudá-lo a entender o que você precisa para se preparar.

Para colocar as coisas em perspectiva, e entender como as coisas podem se quebrar facilmente, pense nisso do ponto de vista de um plugin ou desenvolvedor de temas por um segundo: desde o núcleo do WooCommerce, assim como o núcleo do WordPress, você precisa ser compatível com versões anteriores. Agora, pense no número de plugins que você – ou o seu site 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, economizando uma tonelada de tempo e incomodando você mesmo a lidar com o problema.

Também não é incomum se abster de empurrar a atualização do WooCommerce imediatamente para o 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 ter tempo para verificar a compatibilidade pode realmente compensar.

Quando se trata de atualizar seu site WooCommerce, você opera como 🤠 o Cowboy, 🥔 o Couch Potato, 🙀 o Scaredy-Cat, ou 😎 o Maverick? Clique para ver que tipo de proprietário de loja você é 👇Click para Tweet

Próximos passos para começar a atualizar seu WooCommerce

Há quatro etapas essenciais ao se aproximar das atualizações do WooCommerce, cada uma com seus próprios passos definidos. Prometemos que depois de correr por tudo uma vez, fica mais rápido e fácil a cada vez! Nós o acompanharemos em cada uma das quatro etapas seguintes de atualização do WooCommerce:

Atualizando o WooCommerce: Obtendo as ferramentas certas

Sejamos francos: 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 correctamente e perdem erros nos seus sites.

Felizmente, existem ferramentas que podem ajudar a acelerar o processo de teste e torná-lo menos aborrecido de fazer. 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 em cada uma delas.

Staging Site

Isto não é negociável. Você nunca deve atualizar seu site ao vivo imediatamente após um novo lançamento do WooCommerce. Os sites de encenação fornecem um ambiente de teste onde você está livre para quebrar coisas (geralmente sem repercussões).

There, você pode executar atualizações do WooCommerce, testar novas versões, e ver como seu site pode reagir antes de atualizar seu site ao vivo. Se você não tiver um site de encenação, Kinsta pode ajudá-lo (oferecemos ambientes de encenação com um clique):

Ferramentas de comparação visual

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

Com uma ferramenta de comparação visual como o WP Boom, que vamos usar para este tutorial, pode tirar uma fotografia do seu site, carregar em “update”, e depois tirar uma segunda fotografia para que possa ver rapidamente o que foi alterado:

É importante salientar que uma mudança visual não significa necessariamente que alguma funcionalidade tenha quebrado no seu site, apenas que pode estar quebrada.

Ferramentas de teste de ponta a ponta

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

Clicking around your site to complete tests, like adding an item to cart and check out, takes time. Estas tarefas envelhecem rapidamente quando você já testou as atualizações do WooCommerce cem vezes antes.

Com ferramentas de teste end-to-end, você pode automatizar este processo para que seja feito automaticamente para você.

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

A primeira é Ghost Inspector:

A segunda ferramenta de teste end-to-end que você pode tentar é Usetrace:

Esta é outra ferramenta de teste automatizado end-to-end para o WooCommerce, que você pode usar tanto em locais de encenação como ao vivo. Vamos ver como configurar ambos mais tarde neste artigo. WooCommerce também tem alguns testes E2E que você pode executar se você for mais um desenvolvedor.

Backup Tools

Você deve estar rodando backups regulares do 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ê está com Kinsta, nós fornecemos backups diários automáticos, pontos de backup manual e retenção de backup para todos os nossos planos:

Embora você tenha as ferramentas certas, é hora de fazer alguns preparativos.

Atualizando o WooCommerce: Prepping (A 7-Step Checklist)

Se quiser que a sua actualização do WooCommerce corra suavemente, precisa de 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 na próxima atualização. Abaixo estão os sete passos de preparação que recomendamos.

Passo 1: Re-Familiarize-se com o site 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 alguma da ansiedade que você pode sentir se você ficar confuso sobre como o site funciona após uma atualização (isto acontece mais vezes do que você poderia esperar).

Eu também recomendo fazer uma lista de URLs críticas e a funcionalidade do seu site (e clientes). Isso 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 são atuais, agora é a hora de executar outro backup. Familiarize-se novamente com a sua ferramenta de backup. Mais importante, verifique se está a funcionar correctamente, e certifique-se que sabe como reverter para uma imagem anterior do seu site.

Passo 3: Configurar WP Boom

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

Você vai querer começar por tirar a sua primeira foto do site, para que você tenha um registo visual de base da sua pré actualização do site.

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

Nota: Nós o guiaremos através de como configurar e usar o WP Boom mais tarde neste post.

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: isto é.., abra o seu site, adicione um produto ao carrinho, vá ao checkout, introduza informações de pagamento, etc.

Felizmente, tanto o Ghost Inspector como a Usetrace podem fazer tudo isto automaticamente para si. Explicaremos como configurar ambas as ferramentas em um pouco.

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

O próximo passo é identificar quaisquer outras partes do seu site que você deseja 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ê estiver mais tecnicamente preparado, você pode tentar automatizar este passo também.

Passo 6: Confira 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 funcionalidades estão disponíveis na versão do WooCommerce para a qual você está atualizando. Mais especificamente, verifique se os seus plugins e tema são compatíveis com ele.

Again, é melhor passar algum tempo agora para poupar algum tempo e ansiedade mais tarde. Recomendamos verificar os anúncios de lançamento no WooCommerce.com, os registros de mudanças, problemas com o GitHub e os fóruns de suporte ao WordPress.

Passo 7: Clone seu site ao vivo para seu ambiente de encenação

Se você estiver usando algum plugin que tenha um modo de encenação, como Assinaturas do WooCommerce, ligue-o ou simplesmente desabilite-o. Da mesma forma, você vai querer desativar os e-mails.

Então, verifique novamente para assegurar que o seu ambiente de encenação imite o seu site ao vivo o mais próximo possível. Sugerimos também ativar o modo de depuração do WordPress neste ponto, para ajudar na resolução de problemas.

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

Updating WooCommerce: Atualizando e testando seu site de encenação (A 7-Step Checklist)

Aqui vem a parte divertida: atualizando seu site de encenação. O impressionante sobre a encenação de sites é que não importa se o seu site quebra, porque é apenas uma cópia. Vamos dar uma olhada nos passos envolvidos nesta parte do processo.

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

A primeira coisa que você vai querer fazer é tirar um instantâneo do seu site com WP Boom. Isso lhe dará um registro visual de base do seu site de testes, pré-atualização.

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

Como mencionamos anteriormente, você pode usar uma ferramenta de testes de ponta a ponta como o Ghost Inspector ou o Usetrace para automatizar seus testes. Mais adiante, neste artigo, nós vamos guiá-lo através de como você pode executar um teste usando ambas as ferramentas, e verificar se os testes estão passando.

Passo 3: Atualizar seus Plugins e Tema

Na fase de preparação, nós 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 é a hora de atualizá-los para uma versão compatível.

Passo 4: Atualize o WooCommerce no seu site de preparação

Após atualizar seus plugins e temas, certificando-se de que não haverá problemas de compatibilidade, você está pronto para atualizar seu site de preparação para a última versão do WooCommerce. Atualizar seu site de encenação permite que você identifique qualquer erro potencial para resolver antes de empurrar a atualização do WooCommerce para seu site ao vivo.

Passo 5: Verifique Seus Logs para Erros

Após atualizar seus plugins, tema e WooCommerce, é inteligente verificar seus logs para procurar por quaisquer erros resultantes dessas 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ê conseguir uma tela branca de morte ou estiver preso em alguma outra situação irrecuperável, agora é uma boa hora para reverter para uma foto anterior do seu site. Você mesmo pode fazer alguma solução de problemas ou procurar ajuda.

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

Se tudo estiver indo bem até agora, execute 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 o seu site mudou desde o seu último instantâneo.

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