Como desbloquear o poder do WooCommerce no celular

Publicados: 2017-04-19

À medida que os fabricantes adicionam mais energia aos dispositivos móveis – e eles se tornam prontamente disponíveis em todo o mundo – nossa tendência de usá-los para tudo o que é possível aumentou drasticamente.

Por que pegar um laptop ou sentar na frente de um computador de mesa se você pode realizar a mesma tarefa no celular? Tamanhos de tela maiores e hardware aprimorado significam que eles são tão fáceis de usar para jogos, pesquisas, anotações... e compras online.

Mas um consumidor que visualiza sua loja de seu telefone é muito diferente de comprar dela. Um estudo da iAquire e da SurveyMonkey descobriu que 40% dos usuários de dispositivos móveis sairão de um site e voltarão aos resultados de pesquisa se o primeiro site que visitarem não for compatível com dispositivos móveis.

Imagine reduzir sua taxa de rejeição em 40%. Agora imagine o que manter mais desses visitantes em sua loja pode fazer por suas vendas.

Se a sua loja com WooCommerce não se adapta aos visitantes móveis, você está deixando dinheiro na mesa . Felizmente, existem algumas maneiras simples de melhorar sua loja – sem passar por uma reformulação cara – que ajudarão você a manter mais compradores em sua loja, além de melhorar potencialmente o número de compras que eles fazem.

Vamos dar uma olhada em como você pode desbloquear o poder oculto do WooCommerce para compradores móveis usando opções de design integradas, gateways de pagamento ideais e algumas extensões incríveis.

Revise sua página inicial, páginas de produtos e experiência de checkout

Design responsivo — design de site que aumenta ou diminui automaticamente seu conteúdo para corresponder ao tamanho da tela do espectador — é a primeira coisa que você geralmente ouve quando o tópico de compatibilidade com dispositivos móveis surge.

Mas há muito mais que você pode fazer para melhorar a experiência dos compradores com telas pequenas do que mudar de tema e encerrar o dia. E o WooCommerce tem opções integradas e extensões pagas que lhe darão a capacidade de melhorar seu layout e aumentar a felicidade do cliente.

Vamos levá-los um por um.

Reduza o conteúdo da sua página inicial para evitar a sobrecarga de rolagem

A página inicial da sua loja é frequentemente (mas nem sempre) onde os novos compradores aprendem pela primeira vez sobre sua empresa, o que você vende e como você é diferente de seus concorrentes.

É tentador colocar o máximo de informações possível nessa primeira página crucial, mas lembre-se de que o que parece incrível no computador pode se traduzir em rolagem infinita no celular . Gráficos e menus grandes provavelmente serão reduzidos, mas listas de produtos, blocos de texto e áreas de conteúdo widgetizadas podem ocupar muito espaço nessas telas pequenas.

Rolagem, rolagem, rolagem…

Para evitar bombardear os compradores com muitas informações, limite sua página inicial a itens de “missão crítica” . Isso pode significar um único gráfico ou controle deslizante responsivo, links para páginas de categorias de produtos e apenas um pequeno texto.

Lembre-se de que você pode direcionar facilmente os visitantes da página inicial para outro lugar: por exemplo, se você deseja destacar seus produtos mais populares, limite a listagem a 3-4, mas use um código de acesso em uma nova página para exibir quantos quiser. Isso ajudará você a economizar espaço e aumentar as vendas.

Certifique-se de que os produtos sejam facilmente acessíveis

Como acabamos de mencionar, você pode facilmente vincular novos compradores (ou visitantes recorrentes) de sua página inicial a páginas de categorias ou produtos. Mas os links da página inicial são apenas um passo para tornar os produtos facilmente acessíveis a partir de dispositivos móveis .

Os compradores móveis precisam encontrar e aprender rapidamente sobre os itens que você vende e fazê-lo da maneira que preferirem. Algumas dicas para que isso aconteça:

  • Certifique-se de que o menu da sua loja esteja vinculado a categorias e/ou páginas de produtos , e que os compradores não precisem navegar por várias telas para encontrar esses links.
  • Verifique se a pesquisa do seu site é acessível e fácil de usar em telas pequenas .
  • Também sobre o tema da pesquisa - se você vende muitos produtos, considere tentar uma extensão como o WooCommerce Product Search para "pesar" os mais populares ou importantes para que os compradores móveis não precisem vasculhar dezenas de resultados procurando algo que eles já conhece.

Mantenha o checkout o mais simples (e rápido) possível

Por fim, observe sua experiência de checkout em telas pequenas. Isso pode ser um grande fator de abandono de carrinho, especialmente se você estiver pedindo muitas informações ou o processo demorar muito.

Os compradores têm menos probabilidade de concluir o processo de pagamento se for tedioso ou demorar muito. Nada dói mais do que perder um cliente em potencial bem no final!

Se os compradores forem solicitados a preencher campos desnecessários durante a finalização da compra (por exemplo, se for solicitado um endereço de entrega quando tudo o que você vende são produtos digitais), considere usar a extensão do Editor de campos de finalização da compra para remover, adicionar ou alterar esses campos e tornar a experiência o mais tranquila possível.

Se estiver preocupado que o checkout em si esteja causando problemas, você sempre pode tentar reduzi-lo a uma única página, se estiver executando várias etapas. Você pode ler em detalhes sobre como otimizar o fluxo de checkout (e como saber qual opção é melhor para sua loja) aqui.

Você também pode pensar em como as opções de pagamento podem estar deixando o checkout mais lento . Falaremos sobre algumas opções alternativas que você pode experimentar daqui a pouco.

Utilize uma galeria de produtos compatível com dispositivos móveis

Os compradores consideram muitos fatores ao tomar uma decisão de compra, desde direitos autorais até avaliações. Como você provavelmente já sabe, as fotos ou imagens de seus produtos também influenciam muito se eles clicam ou não em “comprar”.

Se seus compradores móveis não conseguirem visualizar e explorar adequadamente as imagens de seus produtos em seus dispositivos, é menos provável que façam uma compra . Felizmente, criamos uma incrível experiência compatível com dispositivos móveis diretamente no WooCommerce a partir de nossa versão mais recente.

O WooCommerce 3.0 inclui uma nova galeria de produtos que melhora muito a experiência móvel. Com a nova galeria, as imagens agora são exibidas em seu tamanho real no celular. Além disso, os gestos de toque foram aprimorados - você pode deslizar para a direita e para a esquerda para rolar pelas imagens, beliscar para ampliar, deslizar para cima para fechar e muito mais.

A galeria atualizada é fantástica em todos os dispositivos, oferecendo zoom aprimorado e visualizações detalhadas da galeria.

Se você ainda não atualizou, pode saber mais sobre o WooCommerce 3.0 aqui.

Faça pagamentos mais rápidos e fáceis para os compradores móveis

Quando um cliente está literalmente tentando lhe dar seu dinheiro, nada deve impedi-lo . Mas, às vezes, sua escolha de processador de pagamento pode interferir nessas etapas finais, mesmo porque elas são um pouco lentas ou tediosas demais para compradores impacientes.

Depois de abordar todos os outros fatores no caminho para o carrinho, você deve facilitar o processo de pagamento para aqueles com telas pequenas. A boa notícia: você pode aceitar pagamentos móveis rápidos ou com um toque por meio de uma variedade de extensões do WooCommerce, incluindo:

  • Apple Pay — oferecido por meio do gateway de pagamento Stripe, o Apple Pay oferece pagamentos com um toque e usa informações armazenadas com segurança para tornar o pedido rápido, fácil e super seguro.
  • PayPal — A experiência móvel do PayPal é rápida, simples e confiável em muitos países . Também é super seguro, graças à autenticação de dois fatores, e os clientes podem pagar por meio de cartão ou informações bancárias armazenadas com segurança.
  • Amazon Pay — Esta extensão gratuita permite que seus clientes paguem seus pedidos usando informações já armazenadas na Amazon . Bônus: os clientes nunca saem do seu site. Bônus duplo: é compatível com as assinaturas WooCommerce.

Como alternativa, se você estiver localizado na África do Sul, onde os cartões de crédito não são amplamente usados ​​on-line, poderá receber pagamentos via SnapScan. Isso permite que os compradores usem os detalhes de pagamento armazenados para pagar pedidos móveis (ou, se comprarem pelo computador, digitalizar um código QR e pagar com o telefone).

Existem muitas opções compatíveis com dispositivos móveis por aí , e todas elas têm suas vantagens, então dê uma olhada nas opções de pagamento suportadas pelo WooCommerce e deixe-nos saber se você encontrar um novo favorito.

Extensões para uma ótima experiência de compra em tela pequena

Já mencionamos algumas extensões do WooCommerce que podem ajudar seus compradores móveis a ver os detalhes do produto com facilidade, fazer pagamentos rapidamente ou concluir o checkout com menos problemas. Mas há muitas outras maneiras de otimizar a experiência de compra em telas menores .

Use extensões para levar sua loja ao próximo nível (e deixar os compradores móveis ainda mais felizes).

Aqui estão mais algumas extensões para experimentar:

  • WooCommerce Social Login — permite que os compradores criem ou façam login em sua conta via Facebook, Twitter, etc. , eliminando a necessidade de outra senha e tornando o processo de login super rápido para clientes recorrentes
  • Amostras e fotos de variação — livre-se de menus suspensos difíceis de tocar para escolher variações de produtos e substitua-os por amostras de cores ou fotos de suas opções disponíveis
  • Mecanismo de recomendação — recomende produtos relacionados em cada página para que os clientes móveis continuem navegando sem precisar retornar às páginas de categorias ou iniciar uma nova pesquisa
  • One Page Checkout — ideal para permitir que os clientes comprem produtos instantaneamente sem sair da página , para que ninguém precise dar passos extras para fazer uma compra
  • Reactor - crie seu próprio aplicativo personalizado para sua loja para compras móveis ainda mais fáceis, além de obter recursos extras, como notificações push

Atenda seu site aos compradores de dispositivos móveis e veja as vendas dispararem

À medida que os dispositivos móveis se tornam mais poderosos e mais consumidores os usam para fazer compras on-line, você descobrirá que ter um tema responsivo não é suficiente . Felizmente, o WooCommerce tem muitas opções que o ajudarão.

Outra coisa a considerar: não há limite para como você pode alterar sua loja para atender ao que seus compradores mais gostam. Portanto, se seus clientes móveis compram mais quando você não tem cópia do produto — ou, alternativamente, tem muito — não há nada que o impeça de alterar seu design ou conteúdo para atender às necessidades deles .

Esperamos que essas ideias sejam úteis para você a longo prazo! Tem alguma dúvida sobre como aproveitar o poder do celular com o WooCommerce? Os comentários são abertos e sempre adoramos ouvir de você.

Leitura recomendada:

  • Sua loja é compatível com dispositivos móveis? Se não, aqui está o que fazer
  • Como o Apple Pay for WooCommerce facilita as compras móveis