7 práticas recomendadas para atualizar sites de comércio eletrônico

Como designer freelancer ou de agência, atualizar sites WordPress pode ser muito divertido. Você pode fazer uma exploração completa da marca, modernizar um site ou explorar novas funcionalidades que certamente impressionarão seu cliente.

Mas, como você provavelmente sabe, quando as atualizações são para um site de comércio eletrônico, há várias coisas a serem consideradas antes de realmente alterar qualquer coisa.

Para ajudá-lo a lidar com essas atualizações do site e causar um tempo mínimo de inatividade ou perda de vendas, elaborei este guia inspirado nos conselhos dos Engenheiros de Felicidade do Flywheel e membros do nosso Programa de Parceiros de Agências.

Este guia irá cobrir:

1. 5 sinais de que é hora de um redesenho de comércio eletrônico (ou pelo menos atualizações significativas)
2. Por que você deve ser cauteloso ao atualizar sites de comércio eletrônico
3. Práticas recomendadas a serem seguidas para evitar tempo de inatividade ou perda de receita

5 sinais de que é hora de um redesenho de comércio eletrônico (ou pelo menos atualizações significativas)

Todos sabemos que só porque um cliente pede uma reformulação completa do site, nem sempre é a melhor solução para ele. Quando se trata de sites de comércio eletrônico, especialmente, se você não precisar reprojetá-lo, às vezes é melhor tentar fazer atualizações menores (para evitar algumas das preocupações sobre as quais falaremos na próxima seção).

Isso não significa que um redesenho está fora da mesa, no entanto. Na verdade, existem alguns ótimos cenários em que provavelmente é a decisão certa:

1. A taxa de conversão do site é baixa.
2. A taxa de rejeição do site é alta.
3. Seu cliente está recebendo reclamações de clientes sobre a funcionalidade do site.
4. O tema ou um plugin chave com o qual o site é construído não é mais suportado pelo desenvolvedor.
5. Você está lendo este artigo.

1. A taxa de conversão do site é baixa

Se o seu cliente tiver uma boa quantidade de tráfego, mas uma taxa de conversão baixa, isso pode ser um sinal de que há alguns problemas de UX ocorrendo no site. Puxe o URL e comece a clicar ao redor. Você provavelmente será capaz de perceber qual é o problema rapidamente.

Algumas perguntas que você pode se fazer:

• A navegação é fácil de seguir?
• As páginas de produtos são claras e fáceis de comprar?
• O site e o fluxo de checkout funcionam em dispositivos móveis?
• Os pop-ups e widgets são exibidos corretamente?
• É fácil visualizar o carrinho?
• É seguro inserir informações de cartão de crédito?

Embora uma reformulação do site não seja a única maneira de corrigir alguns desses problemas (e certamente não é a única maneira de aumentar a taxa de conversão), é uma maneira de resolver alguns dos problemas subjacentes, especialmente se você estiver enfrentando problemas mais de um.

2. A taxa de rejeição do site é alta

Assim como a taxa de conversão, uma alta taxa de rejeição pode sinalizar que algo no design atual do site não está ressoando com os compradores. Um dos maiores infratores: tempos de carregamento lentos.

De acordo com um estudo de 2017 do Google , à medida que o tempo de carregamento da página passa de 1 segundo para 5 segundos, a probabilidade de rejeição aumenta 90%.

Para sites de comércio eletrônico, uma alta taxa de rejeição se traduz diretamente em perda de receita. Se isso é algo que você pode consertar para seus clientes, você fornecerá a eles muito valor (e muito mais dinheiro em sua conta bancária).

Novamente, embora um redesenho não seja a única maneira de acelerar um site WordPress, pode ser necessário se o culpado parecer ser parte da tecnologia com a qual o site foi construído. Se agora parece ser o momento certo para mudar para o WooCommerce ou atualizar para uma solução de comércio eletrônico tudo-em-um, pode fazer sentido combinar todas essas alterações em uma grande atualização, em vez de implementá-las lentamente.

3. Seu cliente está recebendo reclamações de clientes sobre a funcionalidade do site

Se estiver literalmente quebrado... essa é uma boa razão para um redesenho. A experiência do usuário é fundamental para sites de comércio eletrônico, pois você precisa que o cliente final se sinta confiante para fazer coisas como inserir informações de cartão de crédito, adicionar um endereço de entrega ou fornecer outros dados pessoais ao site do cliente.

Se você ou seu cliente não estiverem testando regularmente o site, problemas funcionais podem passar despercebidos por um tempo. Felizmente, seu cliente tem clientes que não têm medo de fornecer feedback e que enviarão um e-mail ou enviarão um tíquete de suporte se os elementos do site estiverem quebrados ou confusos.

Se o seu cliente menciona receber reclamações aqui e ali, provavelmente não é grande coisa (ou pelo menos pode ser resolvido com correções de bugs pontuais). Se o seu cliente menciona muitas dessas reclamações, ou parece haver um padrão, isso é um bom sinal de que pode haver um problema maior e uma reformulação pode ser necessária.

4. O tema ou um plugin chave no site não é mais suportado pelo desenvolvedor

Este é provavelmente o motivo mais óbvio para um redesenho nesta lista e pode realmente ser responsável por baixas conversões, alta taxa de rejeição e funcionalidade quebrada. Se o site do seu cliente depende de um software que não tem mais suporte, é apenas uma questão de tempo até que seja necessário um redesenho.

Antes de tirar conclusões precipitadas sobre a descontinuação de um tema ou plugin, é uma boa ideia fazer sua pesquisa para ver o que está acontecendo. Talvez o autor do plugin ou tema tenha lançado uma atualização crítica que seu cliente perdeu, ou talvez eles tenham sido adquiridos por uma empresa diferente e haja um processo diferente de suporte.

No final, você ainda pode decidir que um redesenho com um novo tema ou plugin(s) é necessário, mas é útil estabelecer esse contexto antes de fazer alterações, para que não haja surpresas no caminho.

5. Você está lendo este artigo

Se você está aqui, acho que algo em seu intestino está lhe dizendo que atualizações significativas são, de fato, necessárias para o site de comércio eletrônico do seu cliente para que ele prospere.

Ouça seus instintos.

Embora você deva identificar o objetivo exato do redesenho, se você e seu cliente estiverem alinhados na escala de mudanças necessárias, esse é um motivo suficiente para priorizá-lo em vez de tentar se safar com pequenos patches.

Um redesenho será muito trabalhoso, mas lembre-se de que a quantidade de trabalho (e problemas potenciais) só continuará a aumentar quanto mais você adiar a resolução de quaisquer problemas subjacentes.

Então, para recapitular: embora as principais atualizações não sejam a única maneira de corrigir problemas para sites de comércio eletrônico, às vezes elas são necessárias, especialmente se a funcionalidade do site ou a experiência do usuário estiver comprometida. Se você se encontra nessa posição com o site de um cliente, há algumas coisas que você deve considerar antes de realizar qualquer uma das atualizações.

Por que você deve ser cauteloso ao atualizar sites de comércio eletrônico

Para ser claro, “cauteloso” nesse sentido não significa “não faça isso”. Web designers atualizam sites de comércio eletrônico todos os dias sem problemas, e você também pode!

Quando digo “cauteloso”, quero dizer que há algumas coisas adicionais a serem consideradas ao atualizar sites de comércio eletrônico, e você economizará muitas dores de cabeça se pensar nelas antes de colocar qualquer coisa em produção.

Tempo de inatividade significa perda de vendas e diminuição da credibilidade

O tempo de inatividade é algo que você provavelmente tenta evitar com todos os sites de seus clientes, mas para lojas de comércio eletrônico, o tempo de atividade é fundamental . Se os visitantes do site não conseguirem acessar a loja do seu cliente, literalmente não há chance de eles se tornarem clientes e isso aumenta as chances de eles levarem seus negócios para outro lugar.

Um site quebrado pode até afastar permanentemente alguns visitantes, levando-os a pensar que a loja foi invadida ou faliu.

Para não colocar pressão, mas as apostas são um pouco maiores ao trabalhar com um site de comércio eletrônico. Por isso, é melhor estar preparado antes de fazer qualquer atualização.

Sobrescrever o banco de dados corre o risco de perder pedidos no site ativo

Digamos que você esteja fazendo alterações em um ambiente de teste enquanto o site ativo está funcionando normalmente. Você atualiza seu código, testa as alterações e envia para produção quatro horas depois.

Se você substituir o banco de dados, os pedidos que aconteceram no site ativo dentro desse período de quatro horas podem ser apagados... resultando em clientes confusos e problemas de estoque para seu cliente.

Se o site deles ainda não receber muito tráfego, você pode conseguir substituir o banco de dados ileso, mas à medida que a loja do seu cliente se torna mais bem-sucedida (e a frequência dos pedidos começa a aumentar), o risco aumenta. Isso significa que seu fluxo de trabalho para realizar atualizações do site é fundamental para garantir que você não substitua nada que não queira.

Mudanças maciças podem colocar a experiência do usuário em risco

Com os sites de comércio eletrônico, ações importantes do usuário acontecem constantemente em tempo real, como adicionar produtos a um carrinho, inserir informações de cobrança, enviar pagamentos etc. Imagine que você está prestes a comprar algo quando todo o design do site em mudanças. Você confiaria?

Provavelmente não. Você clicaria em atualizar, ficaria confuso e talvez até abriria o site de um concorrente.

Na próxima seção, examinarei maneiras de evitar essa incerteza das atualizações (especialmente na escala de um redesenho). No entanto, com qualquer atualização em um site de comércio eletrônico, é uma boa ideia pensar em como as alterações serão percebidas pelos usuários atualmente no site no momento das atualizações, para garantir que você não esteja fazendo nada muito drástico (especialmente para o fluxo de checkout).

Agora que você sabe algumas coisas para manter em mente ao atualizar sites de comércio eletrônico, vamos ao que interessa!

Práticas recomendadas a serem seguidas para evitar tempo de inatividade ou perda de receita

Dependendo da escala de suas atualizações, pode ou não ser necessário seguir todas essas etapas. Meu objetivo é que você possa misturar e combinar essas práticas recomendadas para descobrir o fluxo de trabalho que funciona melhor para você e seu cliente!

1. Certifique-se de que o WordPress, o tema e os principais plugins estejam atualizados

Essa etapa sozinha resolverá todos os seus problemas de atualização? Não.

Mas, isso garantirá que você não faça grandes alterações no site apenas para saber que algo vai quebrar ou poderia ter sido consertado atualizando primeiro um plug-in.

Além disso, uma reformulação é sempre um bom momento para a limpeza do site, então abrace sua Marie Kondo interior e organize-se. Realize atualizações do WordPress, temas e plugins, arquive pedidos antigos, limpe o banco de dados e talvez até desinstale alguns desses temas ou plugins que o site não está mais usando.

(Todos nós sabemos a rapidez com que eles podem somar, especialmente se seu cliente estava gerenciando seu próprio site antes de chegar até você!)

Quando tudo estiver rodando na versão mais recente, você saberá exatamente com o que está trabalhando quando se trata desse redesenho. E quem sabe, talvez você até encurte sua lista de tarefas corrigindo um problema de funcionalidade apenas atualizando algo!

2. Considere notificar os usuários sobre a manutenção do site, para que eles saibam quando não comprar

Isso pode não parecer certo para todos os sites de comércio eletrônico, mas se seu cliente tiver uma pequena comunidade de compradores, a transparência de uma notificação sobre atualizações do site pode ser bem-vinda. A melhor parte é que não adiciona muito trabalho extra para você; você só precisa comunicar os cronogramas claramente com seu cliente, para que todos saibam exatamente quando esperar que as mudanças aconteçam.

Se o seu cliente tiver muitos clientes recorrentes, você pode sugerir que eles enviem um e-mail notificando os usuários sobre a janela de manutenção. Se o seu cliente vende para muitos novos visitantes, pode valer a pena explorar um pop-up ou um cabeçalho fixo com uma mensagem sobre quando as atualizações ocorrerão.

E por falar em “quando as atualizações ocorrerem”, se você ou seu cliente estiverem preocupados com isso, outro passo que você pode tomar é fazer as alterações durante o horário comercial “off” (como tarde da noite, se a maioria das vendas acontecer das 9 -5).

Embora essas técnicas não possam garantir que as pessoas não comprem durante a janela de atualização, elas podem ajudar a mitigar parte do risco de atividade no site enquanto você envia as alterações para a produção.

3. Crie uma página de manutenção enquanto você envia as atualizações ao vivo

Se atualizar o site de comércio eletrônico enquanto os visitantes estão ativos não é um risco que você deseja correr, uma maneira completa de interromper as compras é colocar o site no modo de manutenção.

Uma página de manutenção ou uma página “Em breve” basicamente oculta todo o conteúdo do seu site, geralmente com uma mensagem como “Atualizações estão chegando; verifique em breve!"

O benefício dessa técnica é que ela parece muito mais profissional do que um site quebrado. Em vez de ver sua reformulação em andamento (e potencialmente em um estado quebrado), os visitantes verão uma página de destino simples com contexto sobre o que está acontecendo.

A desvantagem é que os visitantes não poderão comprar enquanto você estiver com o site no modo de manutenção, por isso é melhor ativá-lo quando estiver pronto para fazer atualizações e desativá-lo assim que terminar para que seu cliente possa voltar a ganhar vendas.

Esses plugins podem ajudá-lo a colocar o site em modo de manutenção:

• Modo de manutenção WP
• Fantasia em breve e modo de manutenção
• Modo de manutenção inteligente

E, novamente, fazer atualizações fora do expediente pode ajudar a mitigar qualquer perda de receita com o redesenho.

4. Faça as alterações em um site local ou de teste primeiro e, em seguida, atualize o site ativo

Você provavelmente já ouviu falar que nunca deve fazer alterações em um site ativo e, em vez disso, deve usar um ambiente de teste ou ambiente local para testar suas atualizações antes de enviar para produção.

Ainda é uma boa ideia testar suas atualizações em um ambiente de desenvolvimento primeiro, mas você precisa ser cauteloso ao enviar automaticamente as alterações para a produção, caso esse processo sobrescreva o banco de dados do site ativo. (Como mencionei anteriormente, isso pode fazer com que os pedidos sejam perdidos, e isso não é uma dor de cabeça com a qual você deseja lidar.)

O que muitos web designers fazem, em vez disso, faz as atualizações no site ao vivo manualmente, depois de testarem o código em um ambiente de desenvolvimento correspondente. Não é o fluxo de trabalho mais suave, mas garante que seu banco de dados permaneça inalterado e ainda oferece a oportunidade de testar as coisas antes de editar a loja.

Se você nunca usou um site de teste antes, veja se isso é algo que seu host WordPress oferece. (Flywheel e WP Engine incluem um site de teste com cada plano!) Se ainda não estiver incluído em seu pacote de hospedagem, talvez seja necessário atualizar seu plano para desbloquear essa funcionalidade.

Quanto a um ambiente local, o Local é uma plataforma de desenvolvimento local gratuita com a qual você pode começar em menos de cinco minutos. Você também pode conectar sites Flywheel ou WP Engine, tornando super fácil obter uma cópia de um site de comércio eletrônico, para que você conheça os ambientes e a correspondência do banco de dados.

5. Verificação de qualidade antes e depois de enviar as alterações ao vivo

O teste é fundamental ao redesenhar um site de comércio eletrônico, e recomendo fazê-lo antes e depois de enviar suas alterações ao vivo.

Os sites de teste do Flywheel e do WP Engine, juntamente com o Local, permitem que você trabalhe em uma cópia do site ao vivo (para que você possa estar razoavelmente confiante de que, se as coisas estiverem funcionando lá, funcionarão na produção), mas ainda é inteligente confirmar tudo está funcionando conforme o esperado assim que suas alterações forem publicadas.

Afinal, você nunca quer correr o risco de forçar mudanças na produção, ir embora e depois receber um telefonema irritado de seu cliente porque algo quebrou e você não percebeu.

Você desejará testar o que estiver atualizando, é claro, e revisar todas as páginas com alterações significativas de design, mas o outro elemento dos sites de comércio eletrônico que você deseja verificar é a capacidade de fazer compras.

Estes recursos podem ajudar enquanto você testa o fluxo de checkout:

• Testando pagamentos do WooCommerce: um documento de ajuda do WooCommerce
• Lista de verificação do WooCommerce Core Testing: uma lista de verificação WooCommerce no GitHub
• Ghost Inspector: Um aplicativo para testar atualizações de sites
• Usetrace: Um sistema de teste que não requer código
• Cypress: Uma estrutura de teste de ponta a ponta JavaScript
• Puppeteer: uma biblioteca Node para controlar o Chrome pelo protocolo DevTools

6. Abrace o teste iterativo (quando puder)

Se você está se sentindo sobrecarregado com o número de alterações que precisa fazer em um site de comércio eletrônico, em algum momento vale a pena se perguntar: elas precisam acontecer de uma só vez ou podem ser divididas em várias atualizações menores?

Se você estiver trabalhando em um redesenho completo da marca e na revisão da funcionalidade, pode ser melhor colocar o modo de manutenção e tentar eliminar tudo de uma vez. No entanto, se você estiver fazendo alterações menores ou puder pensar em fases naturais para implantar as atualizações, uma boa prática é adotar alterações iterativas ao longo do tempo.

Isso tem alguns benefícios:

1. Se algo quebrar, será mais fácil rastrear o que deu errado (porque você terá menos linhas de código para classificar).
2. É menos provável que a experiência do usuário seja interrompida, pois você atualizará uma única parte do site por vez (em oposição à coisa toda).
3. Se você estiver medindo o impacto das atualizações do seu site (na velocidade do site ou nas taxas de conversão, por exemplo), poderá identificar exatamente quais alterações causaram os resultados.

Se isso o inspirar a fazer muitas pequenas alterações em vez de um redesenho completo, pode valer a pena usar um sistema de versão como o GitHub. Isso ajudará você a acompanhar quando/como o código foi alterado e também o ajudará a reverter facilmente uma atualização se algo for enviado antes de estar pronto.

7. Tenha um plano de suporte, caso algo dê errado.

Espero que, no mínimo, você tenha testado as alterações em um site de teste primeiro ou tenha criado um backup do site ativo antes de enviar novas linhas de código. Etapas como essa garantirão que você possa voltar para onde começou, no caso de algo realmente quebrar.

Na pior das hipóteses, no entanto, pode chegar um ponto em que você precisa telefonar para um amigo para obter ajuda, e é melhor ter esse plano antes de olhar para uma página da web quebrada.

Pense nos seus recursos. Se você tem um amigo no negócio que costuma consultar com perguntas, avise-o quando estiver prestes a fazer uma grande reformulação e veja se ele estará disponível durante o mesmo período de tempo, caso surja uma pergunta.

Se você estiver ativo nas comunidades do Facebook ou do Slack para web designers, considere fazer o mesmo ou até mesmo pedir conselhos antes de iniciar a atualização.

Por fim, certifique-se de saber como entrar em contato com a equipe de suporte do seu host WordPress e quaisquer temas ou plugins importantes que estão alimentando o site, especialmente se você estiver ativando um novo pela primeira vez. Os clientes do Flywheel e do WP Engine têm acesso 24 horas por dia, 7 dias por semana, aos especialistas do WordPress que estão sempre em espera caso surja um problema no servidor.

Clique aqui para saber mais sobre o suporte do Flywheel, suporte do WP Engine ou clique aqui para acessar o suporte através do painel do Flywheel.

Atualizar sites de comércio eletrônico pode ser mais difícil do que seu site tradicional, mas com essas dicas, espero que você se sinta capacitado para fazer alterações em seu site com risco mínimo de tempo de inatividade ou perda de receita! Ao seguir algumas práticas recomendadas simples, você pode diminuir drasticamente a chance de qualquer coisa quebrar, além de aumentar drasticamente o valor que seus serviços fornecem aos seus clientes.

Embora esta seja uma lista longa, não é de forma alguma exaustiva. O que mais você faz para atualizar sites de comércio eletrônico com segurança? Deixe-me saber nos comentários abaixo!

Atualize os sites de comércio eletrônico do WordPress com mais facilidade com o Flywheel

O Flywheel facilita o gerenciamento dos sites de seus clientes, graças a recursos como sites de teste gratuitos, backups automatizados gratuitos, ferramentas de colaboração gratuitas e suporte 24 horas por dia, 7 dias por semana, de especialistas do WordPress. Isso tudo em cima da nossa impressionante infraestrutura de hospedagem na nuvem, que oferece aos seus sites velocidades extremamente rápidas e segurança bloqueada.

Descubra a diferença de um parceiro de hospedagem (em vez de um provedor) hoje!