Imagine que está a ver uma peça de teatro: vê uma produção polida, mas nos bastidores, o elenco e a equipa técnica investiram centenas de horas em audições, ensaios de texto, ensaios gerais e muito mais. Tudo o que vê é o resultado de uma preparação cuidadosa.
De forma semelhante, no web development, um site de teste funciona como um "ensaio geral" para o site real. Em vez de publicar atualizações diretamente num site em funcionamento, os programadores usam um site de teste para experimentar opções e fazer revisões até estarem prontos para mostrar o seu trabalho a uma audiência real.
Saiba mais sobre os benefícios de usar um site de teste para a sua loja de e-commerce, incluindo como criar um site de teste na Shopify.
O que é um site de teste?
Um site de teste é um ambiente privado de experimentação onde pode rever atualizações ou redesigns sem afetar o site em funcionamento. Simula uma versão real de um site para que os programadores e partes interessadas possam usá-lo como se fossem um utilizador ativo.
O principal objetivo de um ambiente de teste é detetar falhas e fazer revisões ou correções. Normalmente, as partes interessadas, como as equipas de marketing ou executivas, estão envolvidas no processo de teste para dar feedback. Após as partes interessadas terem revisto minuciosamente o site de teste e o seu contributo ter sido considerado, as atualizações são publicadas no ambiente de produção.
Uma atualização crítica, como uma secção de imagens de produtos nova, pode prejudicar as conversões se o site não funcionar adequadamente como resultado da alteração. Simular a experiência do utilizador (desde navegar até à página do produto até adicionar artigos ao carrinho) é uma forma de descobrir e corrigir erros antes de impactarem os clientes reais.
Sites de desenvolvimento vs. teste vs. produção
O web development ocorre em 3 ambientes principais: desenvolvimento, teste e produção. Primeiro, o código é escrito num site de desenvolvimento, depois é transferido para um site de teste para avaliação de qualidade, e finalmente, o site de produção é atualizado para todos os utilizadores.
Site de desenvolvimento
O site de desenvolvimento é um ambiente experimental onde os programadores escrevem o código e dão vida às suas ideias. É normalmente um ambiente local acessível apenas à equipa de desenvolvimento. Esta fase envolve adicionar imagens, texto, vídeos e código para funcionalidades personalizadas, como filtros interativos de produtos. Embora alguns testes iniciais aconteçam aqui, o ambiente de desenvolvimento costuma ser rudimentar.
Site de teste
Finalizado o desenvolvimento, o código é publicado num site de teste novo. Este é o seu ensaio geral, onde todos os problemas são resolvidos como se estivesse perante uma audiência real. Os sites de teste ficam online, por norma, num domínio de teste que usa um URL como staging.onomedasuawebsite.com.
Certifique-se de que o seu site de teste não é indexável — ou seja, irá desencorajar os motores de pesquisa de o exibirem nos resultados de pesquisa. Pode fazer isto (apenas em inglês) com rapidez ao adicionar algumas linhas de código. Considere proteger o site de teste por palavra-passe se tiver informações que não quer que os clientes vejam, como uma promoção que irá fazer de futuro.
Assim que o site de teste ficar ativo, as partes interessadas reveem-no e dão feedback. O código volta então ao site de desenvolvimento, onde os programadores abordam quaisquer preocupações e transferem as alterações para o site de teste novamente. Este processo continua até todas as partes interessadas aprovarem.
Sites de produção
Um site de produção é a versão final e pública, também conhecido por ambiente de produção. É aqui que as cortinas se abrem ao público e as atualizações ficam visíveis a todos os utilizadores. Podem fazer compras, interagir com o seu conteúdo e relacionar-se com a sua marca. Assim que uma alteração se encontra em produção, todos podem aceder à mesma, razão pela qual um controlo de qualidade minucioso na fase de teste é crucial.
Porquê usar um site de teste para a sua loja de e-commerce?
Publicar uma atualização defeituosa pode irritar os clientes e prejudicar as vendas, por isso é particularmente importante para as lojas de e-commerce usar sites de teste. Um site de teste pode ajudar a:
- Testar elementos sem afetar a experiência do utilizador: experimente designs e novas funcionalidades sem degradar a experiência dos clientes.
- Detetar bugs antes do lançamento público: encontre erros como problemas no carrinho, botões ou imagens de produtos que não funcionam.
- Testar integrações sem perturbar o site: teste integrações de terceiros como APIs (interfaces de programação de aplicações) ou calculadoras de envio sem afetar o site em funcionamento.
- Colaborar com partes interessadas: convide várias equipas, designers e partes interessadas para rever e colaborar em revisões.
- Simular a experiência do utilizador: experimente o site tal como os seus clientes o irão fazer, para encontrar deficiências na experiência de compra. Esta é uma simulação mais completa do que simplesmente usar ficheiros de design interativos numa ferramenta como o Figma.
- Testar o desempenho do site: as suas atualizações estão a tornar o site mais lento? Um site de teste permite-lhe testar o impacto no desempenho técnico (que também pode impactar as classificações de pesquisa orgânica).
3 formas de criar um site de teste na Shopify
Os sites Shopify padrão não têm com um site de teste, por isso terá de criar um. Há três formas de o fazer:
1. Duplicar o seu tema
Esta é a forma mais fácil de criar um ambiente de teste com um plano Shopify dito padrão. É um processo de configuração rápido que demora apenas alguns cliques. Também não precisa de instalar aplicações de terceiros porque o seu ambiente de teste será integrado no painel de administração da Shopify.
Eis como criar um site de teste na Shopify ao duplicar o seu tema:
1. Vá a “Loja online” > “Temas” no painel de administração Shopify.
2. Em “Tema atual” > “Ações”, selecione “Duplicar”.
3. Agora tem uma cópia idêntica do seu tema em funcionamento. Edite-o livremente sem afetar em nada o site ativo. Pode clicar em “Pré-visualizar” para gerar uma instância de teste.
4. Uma vez terminado o teste, pode fazer as alterações ao seu site ativo.
Esta opção é ideal para alterações de design como ajustes de layout ou novas secções de página. No entanto, não faculta um ambiente de teste para integrações ou alterações de funcionalidade. Lembre-se que irá precisar de adicionar manualmente os elementos que já colocou no site existente.
2. Criar uma loja de desenvolvimento
Este método requer que crie uma nova conta de parceiro Shopify, que lhe permite criar uma loja completa para testes. As contas de parceiro são desenhadas para programadores, designers e agências que criam e gerem lojas para clientes. São gratuitas e dão-lhe acesso a uma loja de desenvolvimento, permitem-lhe espelhar tudo o que tem no site principal (incluindo o design e funcionalidade do site) num ambiente privado.
Eis como criar um site de teste com uma loja de desenvolvimento:
1. Inscreva-se numa conta de parceiro Shopify.
2. Vá a “Lojas” > “Criar loja”.
3. Selecione “Desenvolvimento” como o tipo de loja.
4. Nomeie-a como "teste-oseuwebsite" para a diferenciar da loja ativa.
5. Adicione produtos, instale o seu tema e configure todas as definições para espelhar a sua loja ativa.
Agora, pode simular toda a experiência do utilizador sem arriscar nada no site real. Esta é a melhor opção para alterações de funcionalidade, incluindo código personalizado ou integrações de terceiros. Embora as lojas de desenvolvimento sejam gratuitas para fazer testes, têm algumas limitações (apenas em inglês). Só pode instalar aplicações gratuitas e compatíveis com parceiros e só pode gerar etiquetas de envio de teste, por exemplo.
Se quiser testar aplicações adicionais ou criar etiquetas de envio funcionais, pode configurar uma nova loja paga num plano Básico. É como se duplicasse o seu tema, tem de copiar manualmente os elementos adicionados para o site de teste.
3. Usar uma aplicação
Algumas ferramentas de teste como a Duplify (que oferece um plano gratuito limitado) permitem-lhe criar um ambiente de teste que replica todo o seu site. Depois, pode testar páginas e produtos existentes antes de ir para a produção. A Rewind Staging é uma aplicação semelhante (com teste gratuito) que inclui cópias de segurança de temas, para poder reverter para a versão anterior caso algo corra mal. Basta ir à Loja de Aplicações Shopify e procurar aplicações de teste para começar.
Eis como criar um site de teste com a Rewind Staging:
1. Instale a Rewind Copy no seu site ativo a partir da Loja de Aplicações Shopify.
2. Escolha a sua loja ativa como “Loja de origem”.
3. Instale a Rewind Copy na sua loja de desenvolvimento.
4. Escolha a sua loja de desenvolvimento como “Loja de destino”.
5. Copie a chave da sua “Loja de origem” para a sua “Loja de destino” para associar as lojas.
6. Escolha a informação a copiar para o site de teste, para que este espelhe o seu site ativo.
7. Marque “Verificar” continuamente as alterações de copy para manter a sincronização entre as lojas.
8. Clique em “Iniciar tarefa” para começar a cópia.
Por vezes, duplicar manualmente o site pode revelar peças em falta, por isso usar uma aplicação de teste é uma forma de garantir uma cópia exata — especialmente se tiver um tema complicado.
Perguntas frequentes sobre sites de teste
Qual é a diferença entre um site de produção e um site de teste?
O teste faculta-lhe uma pré-visualização das atualizações do site. Isto ajuda os programadores a detetar bugs, testar a funcionalidade de um site e a recolher feedback das partes interessadas antes da implementação final.
Pode criar um site de teste para a Shopify?
A Shopify não tem um site de teste integrado; no entanto, pode criar um manualmente ao duplicar o seu tema, crie uma loja de desenvolvimento ou use uma aplicação como a Rewind Copy.
Como posso ativar o meu site na Shopify?
Siga estes passos para ativar o seu site atual na Shopify:
1. Altere o registo A do seu domínio de raiz e aponte-o para o endereço IP da Shopify.
2. Altere o registo CNAME para o seu domínio alojado na Shopify.
3. Ligue o seu domínio na Shopify.
4. Defina o seu domínio principal na Shopify.
5. Remova a palavra-passe da sua loja online.
