Os melhores temas WooCommerce: 7 dicas para mais vendas e usabilidade

Michael Firnkes Última atualização em 20.10.2020
12 min.
WooCommerce Theme
Última atualização em 20.10.2020

Um bom web design para WooCommerce é extremamente importante. Ele decide se os teus visitantes permanecem na loja online e se realmente efetuam a compra. A que deves prestar atenção ao escolher o tema WooCommerce? E quais são os temas mais importantes? O nosso guia tem as respostas.

Um tema para WordPress ou WooCommerce é uma espécie de modelo de design. Ele determina a aparência do teu portal. Não é tão fácil escolher o tema certo para a loja online. Ou, como agência, aconselhar os clientes sobre um modelo específico. Esta publicação orienta-te passo a passo na seleção.

Dica

Você não está procurando Theme para WooCommerce, mas para o próprio WordPress ? Então leia adicionalmente a nossa contribuição para WordPress Themes de Jörg Fiedler . Para iniciantes em WooCommerce este tutorial é adequado.

Existem basicamente duas opções ao usar temas:

  1. Podes desenvolver um tema totalmente independente e, assim, um design.
  2. Você compra um tema pré-fabricado e adapta-lo às tuas necessidades, por exemplo, adaptando as cores à aparência de tua marca, substituindo o logotipo e os gráficos de fundo, etc.

A primeira opção torna a sua loja distinta - mas para isso você também precisa de web designers muito bons ou uma agência adequada. Os custos para isso podem ir para a faixa dos cinco dígitos médios, se você confiar na qualidade. Por outro lado, também existem modelos de alta qualidade no ambiente WooCommerce que são suficientemente flexíveis. E você pode usá-los especialmente para o início da sua loja online. Mais sobre isso mais tarde.

Indicações sobre a escolha do tema

Muitas vezes, só percebes após um relançamento que o novo tema não foi uma escolha tão boa. Não consegues personalizar o design como desejas? Faltam atualizações importantes e, por isso, partes da loja virtual já não funcionam? E o suporte deixa muito a desejar? Se a receita do teu portal depender disso, pode ser muito chato.

Produtos individuais
Não só as funcionalidades da tua loja são importantes, mas também o design

Por isso, é ainda mais importante testar um Theme com bastante antecedência. E por todos os meios no seu próprio sistema de testes. Você só pode confiar nas especificações do fabricante e nas páginas de demonstração de forma limitada: Em combinação com o seu Plugins para WordPress e WooCommerce , não é raro que surjam problemas que não eram visíveis de antemão.

Dica

Existem inúmeros Plugins para WooCommerce, para todos os tipos de fins. Mesmo aqui é difícil estimar a qualidade. Nosso artigo Plugins para WooCommerce apresenta as ferramentas que você precisa para projetos comuns de lojas.

Aqui estão as dicas mais importantes para encontrares um fornecedor ou tema adequado:

Compatibilidade com WooCommerce

Certifica-te de que o teu tema é otimizado para WooCommerce. Apenas esses temas garantem que os elementos específicos da loja sejam exibidos corretamente. Por exemplo, a visão geral do produto, as informações adicionais, o carrinho de compras ou o processo de compra ou check-out. Os modelos desenvolvidos especialmente para WooCommerce também garantem a compatibilidade com novas versões do software da loja. Uma vez que o WooCommerce muda os seus processos aqui de tempos a tempos, terias de mudar isso laboriosamente todas as vezes com um tema WordPress puro.

Idealmente, deves-te decidir por um fornecedor que seja especializado em WooCommerce. Isto geralmente permite que alterações relevantes fluam para os teus produtos mais rapidamente. Ele também conhece melhor as extensões típicas do WooCommerce, caso causem problemas de interação com o design. Vou apresentar-te alguns temas especiais para o sistema de loja.

Otimização para dispositivos móveis

Agora é uma necessidade absoluta que o teu tema seja otimizado para diferentes dispositivos móveis. Só então terá uma aparência igualmente boa no desktop, tablet e smartphone. E só então elementos importantes como a navegação na loja ou o carrinho de compras funcionam.

Em muitas lojas online, 80% ou mais das chamadas do site são feitas por meio de dispositivos móveis. Usando o Google Analytics e ferramentas semelhantes, podes ver o quão alto é essa percentagem para o teu próprio portal. Com um tema que não foi desenvolvido adequadamente, vais irritar e perder 80% do teu público-alvo. Além disso, o Google pune impiedosamente aqueles portais que se descuidam com a otimização para dispositivos móveis.

Todo fabricante Theme agora identifica seus produtos como móveis otimizados ou responsivos. Mas há grandes diferenças na qualidade - como os dispositivos finais individuais são realmente suportados individualmente? No ami.responsivedesign.is você pode encontrar uma ferramenta online com a qual você pode verificar como um website é exibido em diferentes formatos:

WooCommerce mobile-optimised
O teu site deve funcionar em todos os dispositivos

No entanto, este é apenas um primeiro ponto de referência para a tua pesquisa. Ela não substitui a revisão ao vivo feita por ti, em diferentes dispositivos e em diferentes navegadores (Chrome, Firefox, Edge, Safari). Também deves verificar manualmente a função dos botões, menus, caixas de seleção, formulários, controles deslizantes, etc.

Dica

Para verificar o seu Themes e Plugins , você precisa de um sistema de teste separado. Ou um ambiente chamado Staging para WordPress . Veja o nosso guia sobre ambiente de teste e backups.

Tema pago ou gratuito

Existem também temas para WooCommerce que estão disponíveis gratuitamente. Se operas uma loja online, fá-lo profissionalmente. É por isso que deves também escolher um tema profissional, especialmente se não souberes o que fazer tecnicamente para que possas corrigir o código-fonte se necessário.

Os custos anuais da licença são controláveis, normalmente são inferiores a 100 euros. No artigo Vantagens do WooCommerce, vou dizer-lhe quanto custa uma típica loja WooCommerce no total. Aqui estão as razões que falam a favor de um pro-Theme :

  • São, por regra, mantidos mais vezes. Isto é especialmente importante nas atualizações de WordPress e WooCommerce.
  • Com os modelos gratuitos, pode acontecer rapidamente que os desenvolvedores não possam mais desenvolvê-los. Depois tens de ser tu mesmo a fazer isso ou mudar de tema. Este risco é menor se optares por soluções pagas.
  • Com bons temas profissionais, tens um suporte abrangente. Certifica-te de que isso é feito na tua língua materna e durante o horário de expediente.
  • Uma qualidade muito boa do código fonte deve ser uma questão natural para um profissional Theme . Isto garante a segurança e o bom desempenho. Infelizmente, nem sempre é esse o caso. Freelancers ou agências no ambiente WordPress podem avaliar a qualidade para você.

No geral, as soluções profissionais minimizam o risco do teu negócio. No entanto, verifica os fornecedores de temas profissionais, nem todos funcionam igualmente bem. Pergunta a outros operadores de lojas quais os desenvolvedores com quem tiveram boas experiências.

Nota

A documentação é a figura de proa de cada tema. Lê-a cuidadosamente antes de iniciares. O manual não diz apenas se o produto é fácil de configurar e personalizar. A qualidade das instruções também diz algo indiretamente sobre o próprio fornecedor.

Líder ou perdedor?

Os modelos populares - que são comprados ou descarregados com frequência - têm uma vantagem: eles são mais intensamente acompanhados e assistidos pelos seus desenvolvedores. Além disso, nos fóruns e na comunidade será mais provável que encontres respostas a perguntas sobre um tema mais popular. Se deixares a tecnologia para uma agência, ela pode-se familiarizar mais rapidamente com um tema com o qualt tenha mais experiência. Mesmo que os desenvolvedores já não possam ou não queiram manter o teu tema por mais tempo, com um modelo lucrativo, a hipótese de outros assumirem o suporte é significativamente maior.

Por outro lado, há projetos que você encontrará a cada segundo na loja WooCommerce. A sua loja deve ser baseada no layout e aparência estrutural de lojas muito conhecidas e de grandes lojas da web. Então os seus clientes encontrarão o seu caminho o mais rápido possível. Isto também é chamado de efeito Amazonas.

E, no entanto, depende de elementos de design individuais que são inconfundíveis. Então, com sorte, na segunda vez que a tua loja for chamada ou acessada, os teus visitantes saberão imediatamente: “Já estive aqui antes” - um pré-requisito importante para gerar clientes regulares. Um layout memorável, com argumentos de venda exclusivos, torna o teu marketing online muito mais eficiente.

Dica

Neste contexto, dá uma olhada aos teus principais concorrentes. Como são as suas lojas online? Qual o tema que usam? Aqui o perigo de confusão seria particularmente fatal.

O mais tardar quando a tua loja crescer, deves considerar o desenvolvimento do teu próprio tema e design. Se isto for bem feito, eles ajustar-se-ão particularmente bem à tua marca, especialmente no que diz respeito ao layout, cor, tipografia, mundo do produto e imagens. Isto pode impulsionar significativamente a conversão (a proporção de vendas geradas pelas visitas às páginas).

A minha recomendação: Contrata profissionais para isto. Esta é a estratégia mais cara, mas mais sustentável. Com um bom suporte, é ainda mais rentável a longo prazo.

Gama de funcionalidades para WooCommerce

A maioria das funcionalidades da tua loja online será assumida pelo WooCommerce. O tema só garante a aparência certa. No entanto, alguns fabricantes de modelos contam com componentes adicionais. Por exemplo, os seus produtos contêm:

  • Drag & Drop PageBuilders, com os quais você pode mudar a aparência da loja com um clique do mouse. Mas tenha cuidado: tais PageBuilders também têm algumas desvantagens.
  • Slideshows integrados para apresentação de produtos ou os chamados mega menus que contêm ícones, imagens e outros elementos. Ou blocos de construção mais abrangentes para avaliação dos clientes do que aqueles que o WooCommerce fornece como padrão.
  • Listas de desejos que os teus visitantes podem usar para memorizar produtos individuais e guardá-los para compras posteriores.
  • Widgets próprios para preencher a barra lateral, o cabeçalho ou o rodapé com conteúdo de acordo com as tuas ideias e visão. Funcionalidades de filtragem ou pesquisa avançadas para facilitar aos teus clientes a seleção e classificação dos produtos.
  • Um design de fácil utilização, mas ao mesmo tempo legalmente compatível com as áreas de “caixa” e “conta do cliente”.
  • Um mini carrinho de compras que é exibido em todas as páginas, por exemplo, no menu da tua loja online. Presta também atenção aos requisitos legais do teu país.

No post do blogWooCommerce , vou falar mais sobre os regulamentos legais na Alemanha e na Europa. A versão standard de WooCommerce foi concebida para o mercado dos EUA.

Produtos agrupados
Na Alemanha, bem como noutros países, são obrigatórias certas informações sobre o produto

Não deves usar um tema que contenha inúmeras funcionalidades das quais não precisas. Porque alguns destes pequenos ajudantes prejudicam o desempenho da tua loja. Os construtores de páginas, em particular, são controversos aqui: eles parecem chiques e permitem flexibilidade. Mas se eles não forem desenvolvidos corretamente, retardam o teu sistema. Se quiseres saber mais sobre construtores de páginas para WooCommerce, lê os artigos:

Temas "filho" WooCommerce

Idealmente, o teu tema suporta os chamados temas filho. Isto significa que vários sub-designs podem ser implementados com base num mesmo tema. Isto é especialmente importante se pretenderes operar várias lojas online com um design ligeiramente diferente, sem usares, a cada vez, um novo tema.

Para agências: Mesmo que você queira distribuir modelos individuais baseados em um Themes existente, você deve prestar atenção a este recurso. Um CSS bem estruturado também é muito útil neste contexto. Um tutorial em WordPress Criança Themes pode ser encontrado no blog do Marco Linke.

Certifica-te também de que o teu tema está otimizado para o “novo” editor Gutenberg do WordPress. Isto também terá um papel cada vez mais importante para o WooCommerce. Se o tema oferece os próprios blocos de Gutenberg, deves ter cuidado. Os conteúdos poderão já não funcionar ao mudares para outro tema.

Dica

Ainda não usas o editor de Gutenberg? Então dê uma olhada no nosso e-book especial em Gutenberg. Mostra-lhe em seis passos como usar o editor para o seu negócio e para a sua loja.

Licença e âmbito do fornecimento

Se te decidires por um tema pago, deves ficar atento aos custos. Como já mencionado, estes geralmente não são muito elevados. No entanto, verifica os seguintes pontos:

  • Qual é a duração da licença do tema? Ela aplica-se indefinidamente, mesmo que tu próprio desenvolvas os arquivos, ou precisa ser renovada após um determinado período?
  • Podes tu próprio expandir o tema? Normalmente isto é garantido no ambiente de código aberto do WordPress. Esclarece a questão de qualquer maneira.
  • Por quanto tempo recebes updates e suporte? São garantidos determinados tempos de suporte e resposta?
  • A licença é válida apenas para um domínio ou para vários? Isto é importante se precisares de temas filho para mais lojas.
  • Se mudares o teu domínio ou projeto, a licença permanece válida?

Igualmente importante: as imagens de fundo, etc. do Themes estão incluídas no escopo? Estes podem ser usados livremente? Quem tem os direitos sobre eles? Você recebe os arquivos em formatos reutilizáveis, por exemplo, para o Photoshop? Aqui você deve definitivamente esclarecer os direitos de imagem para minimizar o risco de um aviso.

Você trabalha numa agência ou como freelancer? Então você deve prestar especial atenção na medida em que você está autorizado a usar Theme . E quem tem a licença no final e até que ponto. Afinal, você está dependente de entregar o projeto aos seus clientes da maneira mais tranqüila possível após o desenvolvimento. Veja as nossas dicas de eficiência e funcionamento de WordPress e WooCommerce.

Os temas mais importantes para WooCommerce

Existem vários temas e fornecedores para WooCommerce que são bem conhecidos no cenário WordPress. Para estes, podes facilmente encontrar suporte através de freelancers ou de uma agência. No entanto, presta atenção às desvantagens descritas acima que esses modelos amplamente usados ​​têm. Apenas aqui algumas "bandeiras":

Flatsome para WooCommerce

Flatsome é um dos mais populares Themes para WooCommerce. De acordo com os desenvolvedores, é o mais vendido para as lojas WordPress de sempre. Flatsome também é muito popular nos países de língua alemã, embora o apoio seja fornecido em inglês.

Nos fóruns WooCommerce mais importantes, são frequentemente respondidas perguntas simples sobre o tema. Para tarefas maiores, precisas ainda de desenvolvedores externos.

tema WooCommerce “Flatsome”
Flatsome para WooCommerce é usado em muitas lojas online

Na comunidade, Flatsome não é totalmente sem controvérsia. Uns elogiam-no, outros rejeitam-no como sendo demasiado grande. Por um lado, o construtor de páginas da Flatsome é muito flexível. Ele entrega inúmeros elementos fora da caixa, sem que você precise de mais Plugins . Por exemplo, várias camadas de conteúdo, deslizadores, uma lista de desejos, pesquisa ao vivo, caixas, filtros de produtos, etc.

Por outro lado, isto rapidamente torna o teu sistema confuso. Se inserires o teu conteúdo em áreas especiais do construtor de páginas que somente ele disponibiliza, será muito mais difícil mudar para um tema diferente. Não há garantia de segurança futura.

Com um sistema de módulos de construção de homepage como o Flatsome, podes clicar num design que difere significativamente da aparência original - sem muito conhecimento de programação. Isto compensa o uso generalizado do tema. No entanto, este processo pode rapidamente fazer com que a tua loja pareça inconsistente e “confusa”. Vale sempre a pena, portanto, contratar freelancers ou uma agência que esteja familiarizada com web design.

Storefront do WooCommerce

WooCommerce também tem o seu próprio funcionário Theme: Storefront. Conselhos semelhantes aos do "Flatsome" aplicam-se ao pacote Storefront. É uma ferramenta abrangente, mas que quer ser criada de forma ponderada. Uma primeira loja com Storefront é rapidamente criada. Mas o diabo está nos detalhes. Se você quiser aproveitar todas as funções do Themes e seus add-ons, você tem que conhecer o seu caminho.

Especialmente porque o modelo precisa de uma configuração adequada e imagens adequadas. Porque a versão básica parece muito simples e manuseável - poder-se-ia também dizer aborrecida:

WooCommerce fachada da loja Theme
Muito simples: O tema Storefront do WooCommerce

A grande vantagem do pacote: ele vem dos próprios fabricantes do WooCommerce, por isso, a equipa de desenvolvimento costuma estar atenta a uma boa compatibilidade. Quando uma nova versão do software da loja aparece, geralmente segue-se logo a seguir um update do Storefront.

Por padrão, nem Storefront nem Flatsome são adequados para uso no mercado de língua alemã. Você também deve verificar isso para outros países da UE. No entanto, as ferramentas mencionadas no nosso artigo Certeza Legal para WooCommerce funcionam em conjunto com o mais importante Themes . No entanto, esclareça isto com antecedência, caso contrário, rapidamente se tornará caro.

Existem inúmeras extensões para Storefront, do WooCommerce, mas também de fornecedores terceiros. Por exemplo, para os seguintes fins:

  • Um componente chamado “Powerpack” que precisas para adaptar graficamente diferentes áreas da loja online com um clique do rato
  • Espaço interno de publicidade de produtos e landingpages
  • Mega Menus
  • Tabelas de preços e classificações ampliadas de clientes
  • Ligação a redes sociais

Muitos destes têm custos associados. Mesmo aqueles com serviços gerenciáveis. Deves ficar atento às tuas despesas. Elas rapidamente acrescentam a uma boa soma por pacote. Porque assim os custos de funcionamento já não são necessariamente muito menores do que com um tema desenvolvido pelo próprio.

Tema Atomion WooCommerce para a Alemanha, Áustria e Suíça

Atomion é umatomion menor e ainda bastante novo Theme. Nós o incluímos porque é um dos poucos modelos WooCommerce para o mercado da Alemanha, Áustria e Suíça (D/A/CH). Isto significa: O apoio é consistentemente de língua alemã e em horários de apoio em alemão. O design é claro e estruturado, para que o foco esteja nos seus produtos:

Alemão WooCommerce Theme
O tema Atomion WooCommerce

Por trás do Atomion está a MarketPress, o fabricante do mercado alemão e do mercado B2B. Se estás à procura de um pacote completo que leve em conta os requisitos legais restritivos dos países mencionados, vale a pena dares uma olhada no tema. Porque, de acordo com os desenvolvedores, todos os três componentes estão coordenados entre si.

O tema WooCommerce oferece, entre outras coisas:

  • Apoio do do editor Gutenberg do WordPress
  • Um customizador para adaptar o design a vários lugares
  • Sistemas integrados para avaliações de clientes e uma lista de desejos
  • Um mini cesto de compras, que também deve estar em conformidade com a legislação
  • Função de pré-carregamento opcional (a tua loja não será exibida até estar totalmente carregada)
  • Uma função de busca otimizada para WooCommerce

Uma área de blogue totalmente projetada também está incluída - além da loja online. Deves prestar sempre atenção a isto com todos os temas.

Nota

A promoção dos teus produtos através de conteúdo apropriado (chamado marketing de conteúdo em linguagem técnica) está-se a tornar cada vez mais importante. Muitas lojas online novas e mais pequenas vendem em grande parte a partir do seu blogue, porque a marca da loja ainda não é suficientemente conhecida pelo Google e pelos potenciais visitantes.

Tema Astra

Astra não é uma compra puraTheme. Você também pode implementar outros projetos com ele. No entanto, é utilizado com bastante frequência no ambiente de WooCommerce . Os criadores apresentam alguns deles no seu portal.

Astra WooCommerce Theme
O tema Astra está disponível para teste em Wordpress.org

Os desenvolvedores do Astra oferecem uma versão de avaliação gratuita. Devias mesmo experimentar: Alguns donos de lojas se dão bem com Theme , outros acham que não é adequado para os seus propósitos. Além disso, os modelos de design pré-fabricados não atendem a todos os gostos.

Testar especialmente adicional Plugins para segurança legal, se você usá-lo. Alguns não suportam Themes, que não foi 100% concebido para WooCommerce .

Temas WooCommerce no TemplateMonster

Também no nosso parceiro TemplateMonster você pode encontrar inúmeros modelos para WooCommerce. Por exemplo, o multifuncional WooCommerce Theme Woostroid. Tem características excitantes como um "LookBook". Isso permite que seus compradores naveguem por diferentes produtos que são exibidos em um gráfico:

templatemonster woocommerce
O LookBook do tema Woostroid para WooCommerce

Woostroid contém Elementor O site WordPress permite a criação de vários layouts sem qualquer conhecimento de programação. Inclui 25 módulos de conteúdo e uma grelha de layout flexível para personalizar o aspecto das páginas existentes. O Woostroid não foi concebido principalmente para o mercado de língua alemã, por isso também deve ser experimentado com antecedência.

Conclusão

Você devetestar uma seleção mais restrita de Themes bem antes de decidir pelo seu favorito. Utilize os dados ao vivo da sua loja e responda por si mesmo às seguintes perguntas:

  • O design combina com os meus produtos, especialmente com as imagens dos produtos?
  • O Theme é suficientemente rápido? Veja as nossas dicas de otimização de desempenho.
  • A tua loja online é fácil de usar? Os elementos centrais são fáceis de entender?
  • O carrinho de compras funciona em todos os sistemas (Chrome, Firefox, Edge, Safari, Android)?
  • A optimização móvel está implementada em todos os dispositivos principais?

O ideal é permitir que os teus clientes importantes ou amigos experimentem o design da tua nova loja. Esta é a única maneira de descobrir as fraquezas centrais que afetam a tua conversão.

Você pode encontrar mais dicas em WooCommerce em nosso e-book de 70+ páginas WooCommerce para profissionais. É destinado a freelancers, agências, profissionais do WP, mas também a iniciantes.

Você tem perguntas sobre WooCommerce? Esteja à vontade para usar a função de comentários. Você quer ser informado sobre notícias e tutoriais sobre o sistema da loja? Depois siga-nos no Twitter, Facebook ou através da nossa newsletter.

O Michael é responsável pelas áreas de conteúdo e saúde mental na RAIDBOXES. Desde 2007 que ele é bastante ativo nas comunidades de bloggers e WordPress. Entre outras coisas, como co-organizador de eventos WordPress, autor de livros e formador de blogues corporativos. Ele gosta muito de escrever em blogues, tanto a nível profissional como pessoal. O Michael trabalha e escreve remotamente a partir da ensolarada cidade de Friburgo.

Artigos relacionados

Comentários sobre este artigo

Escreve um comentário

O teu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com *.