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

Michael Firnkes Actualizado 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

Não estás à procura de um tema para WooCommerce, mas para o próprio WordPress? Então lê a nossa publicação adicional sobre temas WordPress de Jörg Fiedlero, um guia adequado a principiantes em Woocommerce.

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 tua loja única - mas também precisa de um bom web designer ou uma agência adequada. Os custos disso podem rondar os cinco dígitos se fores exigente em relação à qualidade. Por outro lado, também existem modelos de alta qualidade no ambiente WooCommerce que são flexíveis o suficiente e que podes usar especialmente para iniciar a tua loja online. Falaremos 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

Isto faz com que seja ainda mais importante testar um tema com bastante antecedência. E é definitivamente no teu próprio sistema de teste. Só podes confiar nas especificações do fabricante e nas páginas de demonstração até certo ponto: na interação com os teus plugins para WordPress e WooCommerce, muitas vezes surgem problemas que não eram visíveis anteriormente.

Dica

Há inúmeros plugins para WooCommerce para todos os tipos de fins. Também é difícil estimar a qualidade. O nosso artigo plugins para WooCommerce apresenta-te as ferramentas de que necessitas para projetos comuns de loja.

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.

Cada fabricante de tema identifica agora os seus produtos como otimizados para dispositivos móveis ou responsivos. Mas há grandes diferenças na qualidade - até que ponto os dispositivos finais individuais são realmente suportados individualmente? Em ami.responsivedesign.is encontras uma ferramenta online com a qual podes verificar aproximadamente como um site é exibido em diferentes formatos:

WooCommerce móvel optimizado
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

Precisas de um sistema de teste separado para verificar o teu tema e os teus plugins. Ou um chamado ambiente de teste para WordPress. Vê nosso guia sobre o assunto 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 da licença anual são razoáveis, normalmente são inferiores a 100 €. Quanto custa uma típica loja WooCommerce no total, dir-te-ei no artigo Vantagens do WooCommerce. Aqui estão as razões para escolheres um tema profissional:

  • 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 coisa natural para um tema profissional. Isto garante segurança e bom desempenho. Infelizmente, nem sempre é este o caso. Freelancers ou agências no ambiente WordPress pode avaliar por ti a qualidade.

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, existem designs que tu sentes que encontras em cada duas loja de WooCommerce. A tua loja deve-se basear no layout e na aparência estrutural de grandes e conhecidas lojas online. Então, os teus clientes encontrarão o seu caminho o mais rápido possível. Isto também é chamado de Efeito Amazon.

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:

  • Construtor de páginas Drag & Drop, com o qual podes mudar a aparência da loja com um clique do rato. Mas tem cuidado: tais construtores de páginas também têm algumas desvantagens.
  • Controles deslizantes 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.

Vou-te falar mais sobre os regulamentos legais na Alemanha e na Europa na publicação do blog Tornar o WooCommerce legalmente seguro, uma vez que o WooCommerceo standard está voltado 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: Também deves prestar atenção a este recurso se quiseres vender modelos individuais com base num tema existente. Um CSS bem estruturado também é muito útil neste contexto. As instruções para os temas filho do WordPress podem ser encontradas 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 Gutenberg? Então dá uma olhada no nosso E-Book especial sobre Gutenberg . Ele mostra-te em seis passos como usares o editor para o teu negócio e para a tua 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 tema estão incluídas no âmbito do fornecimento? Elas podem ser usadas livremente? Quem detém os seus direitos? Recebes os arquivos em formatos reutilizáveis, por exemplo, para Photoshop? Aqui deves definitivamente esclarecer os direitos de imagem, a fim de minimizares risco de uma advertência .

Trabalhas numa agência ou como freelancer? Então presta atenção especial até que ponto estás autorizado a usar o tema. E quem no final tem a licença e qual a abrangência. Porque tu tens de entregar o projeto aos teus clientes da maneira mais tranquila possível após o seu desenvolvimento. Vê as nossas dicas sobre Eficiência e operação do 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 temas mais conhecidos para WooCommerce. De acordo com os desenvolvedores, é o mais vendido para as lojas WordPress. Flatsome também é muito popular nos países de língua alemã, embora o suporte 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

Flatsome não é um pouco controverso na comunidade. Uns elogiam-no, outros rejeitam-no por ser demasiado grande. Por um lado, o Construtor de páginas do Flatsome é muito flexível. Oferece inúmeros elementos prontos para uso, sem a necessidade de plugins adicionais. Por exemplo, vários níveis de conteúdo, controles deslizantes, 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 kit 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

O WooCommerce também tem o seu próprio tema oficial: Storefront. Para o pacote do Storefront, aplicam-se indicações semelhantes às do "Flatsome". É uma ferramenta abrangente, mas que precisa de ser configurada de uma forma bem pensada. Uma primeira loja com Storefront pode ser criada rapidamente, mas o problema está nos detalhes. Se quiseres usar todas as funcionalidades do tema e dos add-ons, tens de estar familiarizado com ele.

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 Storefront 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.

Nem o Storefront nem o Flatsome são inerentemente adequados para uso no mercado de língua alemã. Deves também verificar isto para outros países da UE. No entanto, as ferramentas mencionadas no nosso artigo Segurança jurídica para WooCommerce trabalham em conjunto com os temas mais importantes. No entanto, esclareça isso 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 é um tema menor e ainda bastante novo. Nós incluímo-lo, porque é um dos poucos modelos WooCommerce para o mercado na Alemanha, Áustria e Suíça (D/A/CH). Isto significa: O suporte é prestado em alemão e durante o horário de suporte alemão. O design é claro e estruturado para que o foco esteja nos teus produtos:

Alemão WooCommerceTheme
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 blog 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 blog, porque a marca da loja ainda não é suficientemente conhecida pelo Google e pelos potenciais visitantes.

Tema Astra

Astra não é apenas um tema de compras. Também podes usá-lo para implementar outros projetos. No entanto, ele é usado com bastante frequência no ambiente WooCommerce. Os fabricantes apresentam alguns deles no seu portal.

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

Os desenvolvedores do Astra oferecem uma versão de teste gratuita . Definitivamente, deves experimentá-la: Alguns proprietários de lojas dão-se bem com o tema, outros acham que não é adequado para os seus propósitos. Também os modelos de design já prontos não agradam a todos.

Acima de tudo, testa os plugins adicionais sobre segurança jurídicase os usares. Alguns não oferecem suporte a temas que não sejam 100% concebidos para WooCommerce.

Temas WooCommerce no TemplateMonster

Também encontrarás vários modelos para WooCommerce no nosso parceiro TemplateMonster, por exemplo, o multifuncional Tema Woostroid para WooCommerce. Possui funcionalidades interessantes, como um "LookBook". Com ele os teus compradores podem navegar por vários produtos produtos, que são mostrados num gráfico:

templatemonster WooCommerce
O LookBook do tema Woostroid para WooCommerce

O Woostroid contém o Elementor, um construtor de páginas WordPress que te permite criar diferentes layouts sem conhecimentos de programação. Inclui 25 módulos de conteúdo e uma grelha de layout flexível para personalizares a aparência das páginas existentes. O Woostroid não foi primariamente concebido para o mercado de língua alemã, por isso deves experimentá-lo antes de comprar.

Conclusão

Deves testar bemuma lista de temas antes de decidires sobre o teu favorito. Usa os dados ao vivo da tua loja e responde às seguintes perguntas:

  • O design combina com os meus produtos, especialmente com as imagens dos produtos?
  • O tema é suficientemente rápido? Vê as nossas indicações sobre Otimização do 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 otimização para dispositivos móveis disponível é consistente para todos os dispositivos finais importantes?

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.

Podes encontrar mais dicas sobre WooCommerce no nosso e-book de mais de 70 páginas WooCommerce para profissionais. É destinado a freelancers, agências, profissionais do WP, mas também a principiantes.

Tens perguntas sobre WooCommerce? Usa a função de comentários. Queres ser informado das novidades e instruções relativas ao sistema da loja? Então segue-nos no Twitter, Facebook ou através da nossa Newsletter.

Na RAIDBOXES o Michael é responsável pelas áreas de conteúdo e saúde mental. Ele está ativo na comunidade de bloggers e WordPress desde 2007, entre outras coisas, como coorganizador de eventos WordPress eventos, autor de livros e formador de blogs corporativos. Ele adora blogar, não só a título profissional como também particular. O Michael trabalha e escreve remotamente a partir da solarenga 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 * .