BrightPlugins_Logo_Horizontal

Chegou a Black Friday! 30% de desconto em todos os nossos plug-ins Pro

cupom: black-friday-30off
Compre agora
Teste de plug-ins do WordPress e do WooCommerce na preparação
,

Teste de plug-ins do WordPress e do WooCommerce na preparação

Conteúdo

Saiba mais sobre o teste de plug-ins do WordPress e do WooCommerce no Staging. O site de comércio eletrônico médio ganha cerca de US$ 330.000 por mês até o final do primeiro ano, mas um erro durante uma atualização ou instalação de plug-in pode custar sua fatia do bolo do comércio eletrônico. Felizmente, você pode evitar isso se testar seus plug-ins do WordPress e do WooCommerce na preparação.

Este artigo explica o processo de criação de um site de preparação para testar seus plug-ins do WordPress e do WooCommerce, para que você possa evitar erros dispendiosos. Ele abordará:

  • O que é preparação
  • Por que você deve testar os plug-ins do WordPress e do WooCommerce na preparação
  • Como testar corretamente os plug-ins do WordPress e do WooCommerce
  • As ferramentas que você precisa para testar seus plug-ins do WordPress e do WooCommerce
  • Lista de verificação para testar plug-ins e atualizações do WordPress e do WooCommerce
  • O papel dos scripts automatizados nas atualizações e instalações de plugins do WordPress e do WooCommerce

Teste de plug-ins do WordPress e do WooCommerce na preparação

O que é preparação?

No WordPress, staging refere-se a um clone off-line que você projeta do seu site WordPress para testar. É uma excelente ferramenta para testar seu site e plug-ins sem afetar o que os visitantes do site veem.

O clone off-line serve como seu site de teste e um site de backup. O momento do backup e da clonagem depende do tamanho do site, mas os plugins oferecem uma solução simples. Em apenas alguns segundos, você pode criar um clone do seu site, para que possa realizar atualizações e instalar plugins do WooCommerce sem esforço.

Teste de site por meio de testes

Por que devo testar os plug-ins do WordPress e do WooCommerce na preparação?

A preparação é essencial quando você atualiza seu site, pois ela pode evitar que o site seja atualizado:

  • Quebrando
  • Tornando-se indisponível
  • Trabalhar em alguns dispositivos e não em outros (ou seja, trabalhar em dispositivos Apple, mas não no Android, ou trabalhar em laptops, mas não em tablets).
  • Perda de acessibilidade de páginas essenciais (como a página de checkout, avaliações de produtos ou formulários de contato)
  • Perda de acessibilidade do menu móvel
  • Perda do rodapé do site
  • Exibição da horrível "Tela Branca da Morte" (WSOD) - um fenômeno que envolve o seu site mostrando apenas uma tela branca em branco.

Há muitas maneiras de o lançamento de atualizações em seu website dar errado e, se você tiver um alto volume de tráfego e não souber que o site não está funcionando corretamente, poderá perder muitas vendas! O lançamento de atualizações é uma tarefa que pode deixá-lo louco se você não a abordar com um plano em mente.

Para evitar todo esse incômodo, teste suas atualizações e plug-ins antes de publicá-los. Você terá muitos benefícios com os testes, incluindo:

  • Um site com bom funcionamento
  • Um site rápido e seguro
  • A confiança dos visitantes de seu site.

Staging-how-to

Como testar adequadamente os plug-ins do WordPress e do WooCommerce

O desenvolvimento de sites é um jogo de longo prazo. Durante a vida útil do seu site, você provavelmente lançará várias atualizações e plug-ins novos, o que pode se tornar monótono. Alguns podem até dizer que isso é irritante, mas você pode evitar a monotonia irritante usando as ferramentas certas e uma lista de verificação de todas as etapas que devem ser seguidas antes e depois de uma atualização.

*Lembre-se de não atualizar seu site WordPress em uma sexta-feira. Você evitará muitos problemas e caos em potencial no fim de semana.

As ferramentas de que você precisa para testar seus plug-ins do WordPress e do WooCommerce:

  • Ferramentas de captura de tela de página inteira: Use uma ferramenta de captura de tela de página inteira antes e depois de instalar o plug-in ou a atualização.
  • Site de teste: Esse é seu site clonado.
  • Teste automatizado de scripts: As ferramentas de teste automatizado de scripts testam automaticamente vários scripts em todo o site depois que a atualização ou o plug-in é instalado para garantir que tudo funcione como deveria.
  • Ferramentas de comparação de capturas de tela: As ferramentas de comparação de capturas de tela permitem comparar o antes e o depois das capturas de tela feitas, para que você possa identificar inconsistências.

3 ferramentas de captura de tela para simplificar seu trabalho

Broswerstack-logo-image

 Ferramenta de captura de tela do Browserstack

A ferramenta de captura de tela do Browserstack facilita a geração de capturas de tela com o clique de um botão. Tudo o que você precisa é selecionar os tipos de dispositivos e navegadores (até 25) nos quais deseja verificar seus URLs para usar a ferramenta. A ferramenta faz o resto.

Testingbot-screenshot-logo-image

Ferramenta de captura de tela do TestingBot

A ferramenta de captura de tela do TestingBot permite que você escolha entre mais de 3.200 combinações de navegadores e dispositivos para testar. A ferramenta oferece comparação de capturas de tela, compilações beta e de desenvolvimento e uma ferramenta de depuração nativa.

crossbroswertesting-logo-image

Ferramenta de captura de tela CrossBrowserTesting

A ferramenta de captura de tela do CrossBrowserTesting permite que você faça capturas de tela usando o aplicativo da Web ou sua API. Ao usar a API, você pode fazer várias capturas de tela ao mesmo tempo em todos os seus URLs.

Lista de verificação para testar plug-ins e atualizações do WordPress e do WooCommerce

Antes da instalação/atualização

1. Liste todos os seus plug-ins e temas premium que não são atualizados automaticamente.

2. Visite o site onde você comprou seus plug-ins e temas e procure a versão mais atual do item.

3. Liste os URLs que você testará após a atualização. Inclua seus modelos de tipo de postagem personalizados, modelos do WordPress e as páginas principais do seu site (como a página de contato, a página inicial, as páginas de produtos, as páginas de categorias e a página de checkout).

4. Liste os cenários para teste. Por exemplo, um usuário pode fazer login, ir para a página de produtos e depois para a página de checkout. Você deve testar todos os cenários relevantes para o seu site.

5. Crie uma lista de scripts de teste para testar os cenários.

Em seu site de preparação

1. Duplique todo o seu site em um ambiente de teste, garantindo que o MySQL e o PHP sejam os mesmos em ambos os sites. Dependendo do seu provedor de hospedagem, você pode ter a criação de teste com um clique. Alguns provedores de hospedagem que oferecem criação de teste com um clique são WPEngine, SiteGround e GetFlyWheel.

2. Verifique se o site de teste corresponde ao site original. Você pode fazer isso dando uma olhada no site.

3. Faça capturas de tela de todos os seus URLs usando a ferramenta de captura de tela de página inteira. Certifique-se de obter capturas de tela de todos os sistemas, como Chrome, Firefox, Safari, Edge, Android e iPhone. Existem algumas ferramentas para simplificar esse processo.

4. Atualize o seguinte:

      • Arquivos de tema e plug-in
      • Arquivos principais do WordPress
      • Todos os itens que não são atualizados automaticamente.

5. Faça capturas de tela do site de teste atualizado. Mais uma vez, faça capturas de tela de todos os URLs e sistemas.

6. Use sua ferramenta de comparação de capturas de tela para comparar as capturas de tela anteriores da etapa 3 e as capturas de tela posteriores da etapa 5.

7. Execute os scripts de teste que você listou anteriormente. Certifique-se de que os formulários, o checkout e outras partes vitais do seu site estejam funcionando sem problemas.

Em seu site ativo

1. Faça um backup do site ativo.

2. Crie capturas de tela de todos os URLs.

3. Atualize o site ativo.

4. Verifique se tudo está atualizado no backend. Clique em atualizar para ver se houve falha na atualização de algum item do site.

5. Limpe o cache do seu site ativo.

6. Crie suas capturas de tela.

7. Compare as capturas de tela da etapa dois com as da etapa seis.

8. Execute os scripts de teste que você listou anteriormente.

9. Verifique seu site com uma rápida verificação visual.

10. Dê um tapinha em suas costas!

Automated-Scripts-staging

O papel dos scripts automatizados nas atualizações e instalações de plugins do WordPress e do WooCommerce

Os scripts automatizados simplificam o teste do seu site WordPress, mas há outras opções. A primeira é fazer a verificação manualmente. A outra é contratar um desenvolvedor.

A criação de um script de teste pode ser demorada, mas é um processo bastante simples reutilizar o script depois de criado. Aqui estão as vantagens dos scripts de teste em relação aos testes manuais:

  • Os scripts de teste eliminam o erro humano.
  • Eles economizam seu tempo de duas maneiras:
    1. Ao executar scripts longos, você pode deixar o script lidar com a verificação enquanto se concentra no que os scripts não podem fazer.
    2. Você pode testar até 2 dispositivos e 4 navegadores ao mesmo tempo.

A principal conclusão é que testar seus plug-ins do WordPress e do WooCommerce na preparação pode salvá-lo de uma catástrofe. O processo é relativamente simples e, munido dessa lista de verificação, você tem tudo o que precisa para fazer uma atualização bem-sucedida.

Seja fornecendo as etapas necessárias para instalar seus plug-ins em massa ou realizando a manutenção do WordPress ou do WooCommerce, temos o compromisso de ajudá-lo a prosperar no comércio eletrônico. Se quiser que gerenciemos seu WordPress para que você possa se concentrar nos aspectos principais do seu negócio, entre em contato conosco hoje mesmo e teremos prazer em ajudar!

Está gostando deste artigo?
Compartilhe-o nas mídias sociais!

Dê uma olhada em outra postagem do blog!

BrightPlugins_Logo_Horizontal
Assine nosso boletim informativo

Assine

Esse campo é para fins de validação e deve ser deixado inalterado.
Copyright © 2024 Todos os direitos reservados à Bright Plugins
seta para a esquerdaseta para a direita linkedin facebook pinterest youtube rss twitter instagram em branco no facebook rss-blank em branco no linkedin pinterest youtube twitter instagram