Um site WooCommerce tem necessidades diferentes e únicas em comparação com outros tipos de sites. Para começar, a quantidade de tempo que a loja está online é um dos aspectos mais importantes a considerar. Ele quase precisa ser uma obsessão para um dono de loja experiente.

Um site de teste de WooCommerce é uma tática para ajudar você a manter sua loja de eCommerce no ar, ao mesmo tempo em que a aprimora e atualiza.

Em um sentido geral, um site de teste é uma cópia do seu site de produção que não é acessível ao público. Isto é uma simplificação excessiva, mas se você pensar desta forma, você começará a ver o que ele pode fazer por você. Com um site de teste no local, você pode realizar atualizações, testar escolhas de design e trabalhar no seu site sem impactar a loja ao vivo.

Neste artigo, vamos mostrar a você tudo o que você precisa saber sobre um site de teste WooCommerce. No final, você saberá se é certo para você, e como colocar algo em prática.

O que é site de teste?

Um site de teste é uma forma de hospedar seu site de produção, sem mostrá-lo ao público. Isto parece contraintuitivo até que você entenda que você fará mudanças em um ambiente de teste antes de mover para a sua instância de produção. Considere-o uma cópia do seu site que você usará como um banco de testes, antes de publicar as boas mudanças.

É este conceito que é importante para todo o processo. Você não quer fazer mudanças no seu site de produção na maioria dos casos. Isso porque qualquer um desses ajustes pode causar um problema, e nesse ponto seu site não funciona corretamente ou deixa de funcionar completamente, interrompendo seus usuários e vendas.

O processo geral será clonar os arquivos do seu site junto com o seu banco de dados. Isto irá para outro servidor, seu ambiente de desenvolvimento local, ou ambos, dependendo do seu fluxo de trabalho (mais sobre isso mais tarde). Uma vez concluído seu trabalho, você pode passar por estas etapas novamente para progredir – de uma instalação local para seu servidor de teste, ou de teste para a produção.

Durante todo o tempo, seu site de produção permanece em seu antigo estado de funcionamento, sem sofrer os efeitos de suas mudanças. É claro, uma vez que você empurre essas mudanças do seu ambiente de teste para o seu servidor de produção, isto irá atualizar o seu site.

No geral, o ambiente de teste é uma segurança contra problemas com o seu site enquanto você faz mudanças. Uma vez que você determine que essas mudanças estão prontas, você pode enviá-las para o seu site de produção.

Você precisa de um site de teste WooCommerce?

Nós admitimos que isto pode parecer um fluxo de trabalho complicado, especialmente dado que a maioria dos proprietários de sites são novos no conceito de desenvolvimento local. Entretanto, o site de teste para o WooCommerce faz bom sentido para os negócios por uma grande razão: tempo de atividade.

The Kinsta Uptime webpage, showing a collection of green squares, denoting a full day of uptime.
A página Uptime da Kinsta.

O uso público do eCommerce está crescendo e vai ser quase subíquido no futuro. Além do mais, os mercados de eCommerce mais populares abrangem todo o globo. Isto significa que você precisará estar preparado para lidar com um fluxo quase constante de tráfego.

Em outras palavras, você vai querer manter o tempo de atividade do seu site.

Um site de teste WooCommerce permite que você mantenha seu site vivo enquanto você testa com segurança as mudanças. Ele oferece uma miríade de benefícios:

  • Você tem muito tempo para trabalhar nos aspectos do seu site que você precisa, sem se preocupar com o tempo de inatividade.
  • Um site de teste WooCommerce nunca afetará seu servidor de produção, então você tem proteção contra erros.
  • Você pode testar designs e atualizações de Interface de Usuário (UI) sem impactar o usuário final.
  • Se você tem uma equipe de desenvolvimento, há uma divisão natural do trabalho aqui. Eles podem trabalhar no design e funcionalidade do seu site em paz enquanto você se concentra em maximizar sua produtividade usando um design comprovado.

Há muito mais positivos para um site de teste WooCommerce, e todos eles serão exclusivos para a sua própria configuração. Em qualquer caso, se você dividir seu site e seu desenvolvimento entre sites locais, de teste e de produção, você manterá seu tempo de atividade alto e seus lucros entrando em cena.

Quando usar um site de teste WooCommerce

Nós já abordamos alguns dos casos de uso para um site de teste WooCommerce, mas vale a pena dar-lhe mais detalhes sobre algumas situações específicas.

Na superfície, simples atualizações e ajustes no seu site não parecem ser o melhor uso para um site de teste WooCommerce. Afinal de contas, configurar isso requer alguma reflexão, e muitas vezes é mais simples fazer essas mudanças no seu site de produção. Entretanto, nós argumentaríamos que mudanças básicas são a melhor razão para usar um site de teste.

Isto porque uma atualização do núcleo, tema e plugin do WordPress pode afetar um site tanto quanto a Tela Branca da Morte (WSoD) ou outros erros. Estes tipos de atualizações ainda fazem alterações em seus arquivos e, se houver uma incompatibilidade, você terá um site offline.

A tela MyKinsta Plugins e Temas
A tela de Plugins e Temas do MyKinsta.

No caso de atualizações de núcleo que dão errado, os danos podem ser irreversíveis. Isto é obviamente mais desastroso do que um erro corrigível, mas mesmo com este último, você terá algum trabalho a fazer. Por exemplo:

  1. Você precisará entrar no servidor do seu site através do Secure File Transfer Protocol (SFTP).
  2. Em seguida, você vai querer encontrar o tema ou plugin ofensivo, que muitas vezes envolve desabilitar tudo e realizar verificações individuais.
  3. A partir daí, você vai querer ordenar a funcionalidade que o tema ou plugin lhe dá. No caso do primeiro, seu site parecerá quebrado com toda a probabilidade, enquanto o segundo pode causar o desaparecimento de alguma funcionalidade essencial.

Embora seja uma das questões mais simples de corrigir, um tema ou incompatibilidade de plugin ainda fornece uma dor de cabeça. O mais importante é que ela introduz o tempo de inatividade, o que terá um efeito de repercussão na sua renda e números de tráfego.

Você também pode estender isto para instalações plugin e temáticas. É claro, instalações e atualizações são ações diferentes, mas ambas estão preocupadas em mudar e adicionar arquivos. Como tal, não é difícil entender como instalar um novo plugin ou tema em um site de teste WooCommerce irá permitir que você teste a nova adição para bugs e incompatibilidades antes de entrar no ar.

Na verdade, quando se trata de instalações de temas, você só fará isso realmente se você estiver procurando redesenhar seu site. Este é um caso de uso central para um site de teste, e argumentaríamos que redesigns são uma das únicas situações que você pode considerar utilizar a técnica.

Como você pode ver, um site de teste WooCommerce é mais do que um ambiente de design de caixa de areia.

Usando o site de teste como um backup

Alguns usuários também afirmarão que se você copiar um site completo de produção para um ambiente de teste, isto também constitui um backup completo do seu site. A verdade aqui é mais complicada.

Por um lado, sim, todo o seu site está disponível dentro de um ambiente diferente, caso o pior aconteça. No entanto, este “backup” é apenas um instantâneo do seu site em um momento muito mais antigo no tempo.

A página de backups Ambientais dentro do MyKinsta.
A página de backups Ambientais dentro do MyKinsta.

Seria preciso uma sorte incrível para que seu site fosse colocado em produção pouco antes de ser atingido por um erro. Além disso, se você usar o ambiente de teste, não estará sempre usando o banco de dados mais recente, pois nem sempre é necessária uma atualização para a aplicação. Na verdade, a maior parte dos processos de testes forçam o banco de dados para passar de teste para a produção porque os dados estarão sempre desatualizados.

Isto é especialmente verdade para sites de WooCommerce, onde você pode experimentar várias vendas por minuto. Imagine uma situação em que você pega um site para testar e depois quer mover para a produção após algum tempo, apenas para limpar várias centenas de pedidos.

Opções para um site de teste WooCommerce

Muitas empresas, provedores de hospedagem e desenvolvedores reconhecem que o site de teste em geral é importante para a maioria dos proprietários de sites. Como tal, há muitas maneiras de encenar seu site, e todas elas serão familiares se você usar o WordPress:

  • Seu provedor de hospedagem pode ter maneiras de configurar um site de teste, embora nem todas o façam. Esta é uma boa opção, porque você não precisará navegar para outro painel de controle e interface.
  • Existem plugins WordPress, tais como WP Stagecoach e WP Staging. Muitos conselhos sugerem plugins como o Duplicador, mas isto não pode replicar a mesma funcionalidade que uma solução de teste pode.
  • Há também a opção de configurar um site de teste manual. Este vai ser um esforço técnico e você vai precisar de muita experiência para conseguir isso. Pode não ser a melhor opção para a maioria, mas será a mais poderosa.

É sempre uma boa ideia verificar primeiro o que você já pode alcançar com suas ferramentas e software atuais. Como tal, seu host é o primeiro lugar que você deve procurar.

Por que considerar empresas de hospedagem com ambiente de teste integrada

Apesar dos benefícios de uma abordagem manual – é poderosa, adaptável às suas necessidades e sob seu controle, provavelmente não é a melhor solução. Nós acreditamos que seu host oferece a combinação certa de recursos, funcionalidade, usabilidade e muito mais para ajudá-lo a configurar um site de teste WooCommerce.

Há muitos benefícios em usar o seu host:

  • Você não precisa se preocupar em conectar sua solução de teste ao seu servidor, porque ele já faz parte do ecossistema.
  • Seu host sabe como configurar servidores, então eles serão os especialistas no que faz um bom servidor de teste.
  • E mais, você pode replicar melhor seu servidor de produção usando a infraestrutura do seu host. Em muitos casos, esses servidores terão as mesmas especificações, software e otimização.
  • Não haverá um painel ou interface extra para o conteúdo, o que é importante do ponto de vista da usabilidade. Muitos hosts oferecem uma opção de teste fácil, com a capacidade de escolher o que você envia e move entre os servidores também.

Porque acreditamos tanto no poder de um site de teste, Kinsta tem a sua própria solução para montar isto com a menor quantidade de confusão possível. Na próxima seção, vamos dar uma olhada no que ela oferece.

Porque Kinsta é o provedor de hospedagem perfeito para um site de teste WooCommerce

Entre as muitas características que a Kinsta oferece está a disponibilização robusta e integrada para cada instalação WordPress – isto inclui os sites WooCommerce. Na verdade, Kinsta tem [site-count env=”staging”] sites de teste em uso que estão sempre crescendo!

Você obtém uma solução completa aqui. Isso inclui a capacidade de configurar, atualizar, excluir e gerenciar seu ambiente de teste. Há um número mínimo de cliques entre você e um site de teste e leva apenas segundos para mover e puxar dados e arquivos entre seus ambientes de produção e de teste.

E mais, você pode criar um fluxo de trabalho completo se você incluir o DevKinsta como parte do seu processo.

The logo for DevKinsta, showing a purple and caucasian hand in front of a computer showing the Kinsta logo.
A logo DevKinsta

DevKinsta é uma ferramenta gratuita que permite que você mova os sites locais que você desenvolve para um ambiente de teste. Isto significa que você pode trabalhar sem desperdiçar nenhum dos recursos do seu servidor, e então testar essas mudanças no seu servidor de teste.

Nós temos muitas informações sobre como um site de teste da Kinsta funciona dentro de nossa base de conhecimento. No entanto, vamos mostrar a você algumas das bases em todo o resto do artigo.

A Kinsta também permite que você tire proveito do seu complemento de Ambientes de Teste Premium, o que lhe permite adicionar até 5 Ambientes de Teste Premium ao seu site WordPress. Um Ambiente de Teste Premium é ideal para testes ou desenvolvimento de sites com recursos intensivos, como um site WooCommerce.

Como configurar um site de teste WooCommerce (Usando Kinsta e DevKinsta)

Nas próximas seções, mostraremos a você como configurar um site de teste WooCommerce usando tanto a funcionalidade da Kinsta como o DevKinsta como um ambiente local.

Entretanto, antes de abrir os painéis de controle, é uma boa ideia planejar como você gostaria que seu processo fluísse.

1. Planeje o seu fluxo de trabalho

Este é um assunto que abordamos em outra parte do artigo, mas o site de teste de WooCommerce não é apenas sobre hospedagem em um servidor diferente para testar as mudanças. Considere isso como uma abordagem completa para o desenvolvimento do seu site. Por causa disso, você vai querer decidir sobre este fluxo de trabalho antes de fazer qualquer outra coisa.

Nossa opinião é de adotar uma abordagem em três frentes para o seu fluxo de trabalho de desenvolvimento:

  • Local: Você trabalhará em seu site dentro de um ambiente sandboxed em seu próprio computador, o que oferece muito tempo e nenhuma pressão. No entanto, você não obterá frequentemente a paridade completa entre sua configuração local e o servidor de produção.
  • Teste: Isto oferecerá um ambiente online para testar as mudanças que você fizer em sua configuração local, em um servidor que represente melhor seu site de produção.
  • Produção (No ar): Este é (naturalmente) seu site voltado para o público, o que significa que é o mais importante a preservar enquanto você realiza mudanças e atualizações de design.

Este fluxo de trabalho permite que você trabalhe em seu próprio ritmo, sem atingir nenhum recurso de hospedagem, e então escalar o site à medida que você se aproxima de um projeto em nível de produção. No entanto, além disso, você também vai querer considerar alguns dos seguintes aspectos:

  • Sincronização do banco de dados: Esta é uma das maiores considerações a serem feitas com um site de teste WooCommerce. Você frequentemente moverá um banco de dados em tempo real para o seu ambiente local e de teste, mas não irá mover esse banco de dados de volta em sua totalidade. Esta é a diferença entre uma boa solução de teste e uma ferramenta de migração.
  • Sincronização de arquivos: De forma similar ao seu banco de dados, você vai querer considerar como sincronizar os arquivos que você trabalha de volta ao seu site de produção. Pode ser que você não empurre tudo, apenas os arquivos alterados. Entretanto, não há nada de errado com uma sincronização completa se isso fizer sentido.

Para alguns desenvolvedores, Git é um importante intermediário para o processo de um site de teste. Na verdade, Git é fantástico para hospedar seu tema e os arquivos do site usando uma abordagem “push-to-deploy”. Isso permite que você trabalhe em um servidor local, empurre os arquivos para Git e configure uma macro ou script para implantar esses arquivos para o servidor de staging ou live.

Se você tem a capacidade de nunca tocar em um de seus servidores, você tem menos espaço para “danos” à medida que você avança em cada etapa do fluxo de trabalho. Este é mais um benefício de um site de teste, em nossa opinião.

2. Configure o ambiente de teste

Nós podemos manter esta seção curta, porque permitir um site de teste dentro da Kinsta é tão simples! Há três passos gerais que você vai querer seguir aqui. Primeiro, entre no seu painel do MyKinsta e siga para o site que você quer encenar:

O painel MyKinsta, mostrando os detalhes básicos de um site.
O painel MyKinsta, mostrando os detalhes básicos de um site.

A seguir, mude o ambiente de Live para Staging. Você faz isso a partir do menu suspenso no canto superior direito da tela

O menu de ações de Meio Ambiente
O menu de ações de Meio Ambiente

Uma vez que você clique no botão para implementar o ambiente de teste, Kinsta trabalhará sua magia e montará as coisas. Você provavelmente terá que esperar cerca de 15 minutos antes que tudo esteja pronto para ir ao ar. No entanto, você também encontrará a sua porta de configurações Secure Sockets Layers (SSL), o que lhe poupa um passo extra.

3. Faça mudanças no site de teste WooCommerce

A funcionalidade de teste da Kinsta é fantástica e funciona com quase todos os ambientes de desenvolvimento. Entretanto, se você optar por usar o aplicativo DevKinsta, você pode acessar algumas funcionalidades extras (e legais) para tornar sua experiência de um site de teste WooCommerce mais fácil.

Você vai querer começar com o processo de importação para a DevKinsta. Isto é uma brisa quando você clicar no botão Adicionar site – você escolherá Importar da Kinsta a partir das opções disponíveis:

The DevKinsta Create new Site screen, showing three options: New WordPress site, Import from Kinsta, and Custom site, in front of a macOS desktop background image.
A tela Criar novo Site

Você sabe o que fazer a partir deste ponto: Desenvolva seu site!

É claro que qualquer tarefa que você escolha realizar enquanto trabalha dentro da DevKinsta está bem por nós, mas quando você estiver pronto, você vai querer levar essas mudanças de volta ao seu ambiente de teste.

4. Movendo as mudanças do ambiente de teste para a produção

Assim como importar seu site para o DevKinsta, mover essas mudanças de volta para o seu servidor é um estalo. Se você clicar no painel de informações do site dentro do DevKinsta, você verá o botão Mover para teste:

Parece muito simples, mas isso é tudo que você precisa fazer para levar seu site de volta ao seu servidor novamente. No entanto, você vai querer checar mais algumas tarefas antes de mover essas mudanças para a produção.

Primeiro, realize um teste completo do seu site agora que ele está no servidor. Isto irá detectar quaisquer incompatibilidades que o seu ambiente local não tenha destacado.

Quando você terminar isso, é hora de fazer suas mudanças para produção.

Você fará isso a partir do painel do MyKinsta. Com o seu ambiente de teste na tela, olhe para o lado direito. Você verá um menu suspenso Ações do Ambiente. Se você selecionar Mover para produção a partir deste menu, o óbvio acontece:

A opção Push to Live dentro do menu de ação Ambiente
A opção Mover para produção dentro do menu de Ações do Ambiente

Há muito mais que você pode fazer com a excelente funcionalidade de teste da Kinsta, e nós cobrimos tudo o que você precisa saber – incluindo nosso recurso de Push Seletivo – sobre a nossa base de conhecimento.

Resumo

O tempo de atividade do site é importante – sem dúvida mais importante para os sites de WooCommerce do que qualquer outra característica que você considerará. Como tal, você vai querer encontrar maneiras de aumentar esse tempo de atividade o máximo possível a fim de maximizar o tempo que você tem para vender aos clientes. O site de teste WooCommerce é uma das melhores maneiras de encontrar esse tempo de atividade extra, ao mesmo tempo em que você pode escalar, expandir, redesenhar e otimizar a sua loja.

Ao longo deste artigo, discutimos o site de teste WooCommerce e porque você iria querer implementá-lo. Embora existam muitas maneiras de configurar isso, usar seu host é sem dúvida a melhor opção. Kinsta oferece tanto a teste padrão quanto os Ambientes de Teste Premium que se conectam com o ambiente DevKinsta local. Isto significa que você pode manter todo o ecossistema do seu site dentro dos aplicativos baseados na Kinsta, e se beneficiar do alto tempo de atividade para iniciar.

Você acha que um site de teste WooCommerce pode beneficiar o seu negócio e, se sim, como você acha que isso o ajudará? Informe-nos na seção de comentários abaixo!

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.