Pontos-chave
- O Shoptimizer destaca-se pela velocidade e desempenho, garantindo um carregamento rápido das páginas com CSS minimizado, CSS essencial e alojamento otimizado.
- Funcionalidades focadas na conversão, como temporizadores de contagem decrescente, símbolos de confiança, carrinho deslizante e barras fixas, ajudam a aumentar as vendas e o envolvimento dos utilizadores.
- Experiência de utilizador melhorada com um processo de checkout sem distrações, páginas de produtos e categorias bem estruturadas e integração com o Elementor para conteúdo dinâmico.
- O apoio de confiança e as atualizações frequentes da CommerceGurus fazem do Shoptimizer uma escolha segura tanto para proprietários de lojas WooCommerce novatos como para os mais experientes.
Encontrar o tema certo para o WooCommerce não é fácil.
Com tantas opções por onde escolher, e cada uma delas com centenas de opções de temas, pode ser difícil resumir o que é realmente importante. Eis o que eu gosto no tema Shoptimizer para o WooCommerce, da CommerceGurus. Oferece uma excelente combinação de velocidade, funcionalidades de conversão e experiência.
O Shoptimizer é um tema premium do WooCommerce com um objetivo claro: vender mais. Está em desenvolvimento ativo desde 2014 e a versão atual foi concebida para o WordPress moderno.
O que o distingue não é uma única funcionalidade chamativa. É o facto de cada configuração predefinida ter sido escolhida para reduzir os obstáculos e incentivar o comprador a avançar com a compra. Além disso, o CommerceKit, o plugin complementar incluído no pacote, adiciona 13 módulos de conversão.
- Testes de desempenho do Shoptimizer
- Velocidade
- Funcionalidades de conversão
- Produto único
- CommerceKit: O motor de conversão
- Carrinho deslizante
- Página do carrinho
- Finalizar compra
- Melhorar o conteúdo das páginas de categorias para otimizar o SEO
- Resultados de pesquisa sugeridos
- Mega menu com produtos
- Utiliza o construtor de páginas Elementor
- WordPress moderno e experiência do utilizador
- E pronto!
Testes de desempenho do Shoptimizer
A seguir, apresentamos as configurações do servidor e da aplicação.
Configurações do servidor Cloudways
- Servidor Cloudways: Vultr – Alta frequência
- RAM: 4 GB
- Disco SSD: 128 GB
- Largura de banda: 3 TB
- Processador: 2 núcleos
- Localização do servidor: Vale do Silício
- Sistema operativo: Debian 12
- NGINX: 1.28
- Varnish: 7.7
- Apache: 2.4.65
- Base de dados: MariaDB 10.11
- PHP-FPM: 8.3
Configurações da aplicação
Criei dez publicações no blogue e adicionei dez produtos ao site de teste.
- Versão do WordPress: 7.0.1
- CDN: Cloudways CDN
- SSL: Lets Encrypt
- Versão do Shoptimizer: 2.9.5
Plugins instalados
- Formulário de Contacto 7
- Rank Math SEO
- Breeze Cache
- WooCommerce
- Cloudways – Proteção contra bots do WordPress
- Elementor PageBuilder
- CommerceGurus Commercekit
- Importação de demonstração com um clique
Teste do Loader.io
- Páginas testadas: 3
- Tipo de teste: Manter a carga do cliente
- Clientes: 0 a 1000
- Duração: 5 minutos
- Resultado do teste:
Teste GTmetrix
Velocidade
A velocidade está a tornar-se o novo campo de batalha no comércio eletrónico e um atraso de apenas alguns milissegundos significa encomendas perdidas. Na verdade, o Google agora também considera a velocidade das páginas móveis como um fator de classificação nos seus resultados de pesquisa móvel, por isso, um site lento também pode prejudicar o teu tráfego.
O tema Shoptimizer inclui CSS minimizado para um carregamento super-rápido das páginas. Também inclui CSS crítico, pelo que os conteúdos essenciais na parte superior da página são apresentados quase instantaneamente.
O resultado prático são excelentes pontuações nos Core Web Vitals — o LCP (Largest Contentful Paint), o INP (Interaction to Next Paint) e o CLS (Cumulative Layout Shift) — que o Google realmente tem em conta no ranking.
Combina o Shoptimizer com um bom serviço de alojamento e uma camada de cache e é realista esperar pontuações de desempenho quase perfeitas no Lighthouse numa loja bem configurada.
Funcionalidades de conversão
A velocidade é fundamental, mas um tema que realmente ajuda a transformar utilizadores em clientes é o que o torna especial. A CommerceGurus dedicou muito tempo a aplicar a investigação sobre comércio eletrónico do Baymard Institute em áreas-chave de cada página. O Baymard analisa os maiores sites de comércio eletrónico do mundo e passa imensas horas a estudar as melhores práticas para descobrir o que funciona quando se trata de conversões.
Vamos dar uma olhadela na página de um único produto do Shoptimizer como exemplo das funcionalidades de conversão do tema.
Aumenta o desempenho e as conversões da tua loja num instante
Otimiza a tua loja WooCommerce com a hospedagem ultrarrápida da Cloudways e um tema de alta conversão como o Shoptimizer.
Produto único
- Banner do cabeçalho: Podes exibir cupões de desconto ou ofertas especiais neste local de destaque — a primeira coisa que um comprador vê, ideal para dar visibilidade a uma promoção em toda a loja ou ao valor mínimo para envio gratuito, sem sobrecarregar a página do produto.
- Imagem principal grande: O CommerceKit inclui vários layouts de galeria de produtos, incluindo esta opção em grelha, que também pode exibir vídeos com reprodução automática incorporados (são suportados YouTube, Vimeo, Wistia, mp4 e webm). O Shoptimizer faz um excelente trabalho ao destacar as imagens do WooCommerce, dando às tuas fotografias e vídeos o espaço necessário para vender o produto.
- Emblemas de produto: Etiquetasapelativas como «Promoção», «Novo», «Stock limitado» ou o teu próprio texto personalizado, que chamam a atenção para os produtos certos e podem ser aplicadas automaticamente (por exemplo, os novos produtos ficam com o emblema sem precisares de fazer nada manualmente).
- Avaliação em destaque: Podes incluir uma avaliação em destaque bem visível logo abaixo da galeria de produtos, promovendo a tua prova social mais forte exatamente onde um comprador indeciso está a olhar, em vez de a esconder numa secção mais abaixo na página.
- Amostras de atributos: as variações , como cor e tamanho, são apresentadas como amostras visuais — cores, botões ou etiquetas — em vez de um simples menu suspenso. É mais rápido de usar, tem um aspeto mais sofisticado e as amostras também podem aparecer nas páginas de listagem, para que os compradores escolham uma variante antes mesmo de chegarem à página de detalhes do produto (PDP).
- Lista de desejos: Os compradores podem guardar produtos para mais tarde com um único clique, o que dá às pessoas que ainda não estão prontas para comprar hoje um motivo para voltarem e dá-te uma ideia do que está em alta.
- Guia de tamanhos: Podes adicionar um guia de tamanhos personalizável por produto ou por categoria, que aparece numa janela sobreposta simples. Escolher o tamanho certo logo à partida é uma das formas mais eficazes de reduzir as devoluções.
- Uma chamada à ação forte: O botão «Adicionar ao carrinho» é em negrito, tem um contraste elevado e é impossível de ignorar. Quanto mais destacado estiver este sinal crucial de compra na página do produto, melhor — o Shoptimizer considera-o o elemento mais importante do ecrã.
- Funcionalidades expansíveis: As especificações e detalhes mais extensos podem ser organizados em secções expansíveis (em acordeão), para que a página continue a ser fácil de percorrer, ao mesmo tempo que oferece aos compradores mais atentos aos detalhes tudo o que precisam.
- Combina bem com: Uma área de vendas cruzadas bem organizada que sugere produtos complementares, incentivando cestos de compras maiores e aumentando o valor médio da encomenda sem parecer insistente.
- Separadores fixos: À medida que o comprador vai descendo a página, os separadores do produto (Descrição, Avaliações, Informações adicionais) permanecem acessíveis, pelo que navegar numa página de produto longa nunca implica ter de voltar a subir.
- Um layout bonito para a descrição do produto: a área da descrição é composta com cuidado — espaçamento generoso, hierarquia clara e comprimento de linha adequado — para que o texto do teu produto seja realmente lido, em vez de apenas folheado e abandonado.
Como podes ver, esta página importante foi cuidadosamente pensada e aplica muitas das melhores práticas do setor em matéria de páginas de produtos.
Outros elementos desta página incluem uma barra fixa que mantém o nome do produto, o preço e o botão «Comprar agora» sempre visíveis no ecrã, mesmo quando estás a percorrer a página. Além disso, a área principal de descrição do produto pode utilizar o construtor de páginas Elementor. Usar esta ferramenta poderosa permite aos proprietários das lojas criar áreas de conteúdo verdadeiramente dinâmicas com imagens e vídeos para destacar os seus produtos.
CommerceKit: O motor de conversão
O plugin de otimização de conversões CommerceKit vem incluído gratuitamente em todas as licenças do Shoptimizer. É como se tivesses 1 000 horas de vantagem na criação de uma loja WooCommerce incrível. Inclui:
- Galerias de produtos: 8 layouts de galeria otimizados para conversão com vídeo de reprodução automática embutido (YouTube, Vimeo, Wistia, mp4, webm).
Amostras de atributos. Amostras de cores, botões e rótulos para produtos variáveis, tanto nas páginas de produto como nas de listagem. - Galeria de atributos: as galerias atualizam-se automaticamente à medida que o cliente seleciona uma variação (por exemplo, mostram a camisa vermelha quando se escolhe «Vermelho»).
- Oferta adicional: Ofertas de upsell com um clique, apresentadas antes do checkout para aumentar o valor médio da encomenda com análises.
- Pesquisa Ajax: Resultados de pesquisa quase instantâneos, com análises integradas que monitorizam termos populares e pesquisas sem resultados, para que possas corrigir lacunas no teu catálogo.
- Contagens regressivas: Temporizadores de urgência/FOMO nas páginas de produtos e no momento do checkout.
- Notificação de envio gratuito: Uma barra de progresso do carrinho que incentiva os compradores a adicionarem mais artigos para atingirem o valor mínimo para envio gratuito.
- Botão «Adicionar ao carrinho» fixo: Um botão «Adicionar ao carrinho» fixo e sempre visível no telemóvel.
- Emblemas de produto: Emblemas promocionais e de «novo produto», aplicados automaticamente.
- Guias de tamanhos: Guias de tamanhos personalizáveis, atribuídas por categoria ou por produto para reduzir as devoluções.
- Medidor de stock: Um indicador visual de escassez do tipo «restam apenas X».
- Listas de espera: Notificações de esgotamento com integração com o Klaviyo e o Omnisend e dupla confirmação de subscrição em conformidade com o RGPD.
- Listas de desejos: Permite que os compradores guardem produtos para mais tarde com um único clique, dando aos compradores hesitantes um motivo para voltarem e a ti uma ideia do que está em alta.
Um destaque aqui é a pesquisa Ajax com análises — a maioria das ferramentas de pesquisa instantânea limita-se a mostrar resultados; o CommerceKit diz-te o que as pessoas estão a procurar e, mais importante ainda, o que procuram e não encontram. Isso é uma vantagem genuína de merchandising, não só um pormenor de experiência do utilizador.
Como todos os módulos são opcionais, podes gerir uma loja simples só com a pesquisa e amostras de cores, ou ativar o conjunto completo de funcionalidades de urgência e vendas adicionais para uma loja promocional de alta velocidade. É o mesmo plugin em ambos os casos.
Carrinho deslizante
Adicionar um produto não interrompe o fluxo de navegação deles. Em vez disso, uma gaveta deslizante aparece lateralmente, confirma a adição e permite que eles continuem a fazer compras sem interrupções.
É uma pequena interação que elimina um grande motivo de abandono e que vem repleta de ferramentas de conversão próprias:
- Barra de progresso de notificação de envio gratuito: Uma barra de progresso em tempo real mostra o quanto o comprador está perto do valor mínimo para envio gratuito («Faltam-te 12 $ para o envio gratuito»), uma das formas mais fiáveis de aumentar o valor do carrinho.
- Seletor de quantidade para cada produto: Os compradores podem ajustar a quantidade de cada artigo diretamente na gaveta — sem precisares de recarregar a página nem de ires para uma página separada do carrinho —, pelo que aumentar uma encomenda é só dar um toque.
- Carrossel de ofertas adicionais: Um carrossel de ofertas de upsell/cross-sell aparece mesmo dentro do carrinho, permitindo que os compradores adicionem produtos complementares com um clique, no momento exato em que já estão decididos a comprar — um aumento comprovado no valor médio da encomenda.
- HTML personalizado abaixo do botão de finalização da compra: Podes inserir o teu próprio código HTML por baixo do botão de finalização da compra — ícones de cartões de crédito, selos de confiança, uma garantia de devolução ou selos de segurança — para tranquilizar os compradores mesmo no momento da decisão.
Página do carrinho
A página do carrinho está bem concebida, com muitas funcionalidades úteis que a diferenciam da experiência padrão do WooCommerce.
- Barra de progresso. Vais saber sempre em que ponto do processo de compra te encontras e que não terás de preencher várias páginas.
- Uma chamada à ação forte. Mais uma vez, o botão «Avançar para o checkout» está bem destacado para incentivar os visitantes a passarem à etapa seguinte.
- Símbolos de confiança. Estes mostram aos clientes que a segurança é de extrema importância.
- Mostrar avaliações recentes neste espaço dá aos utilizadores a confiança de que estão a fazer a escolha certa.
Finalizar a compra
O processo de checkout do Shoptimizer também é um pouco mais original do que o habitual. Tem uma opção de layout «sem distrações» que elimina, bem, todas as distrações. O cabeçalho, a navegação e o rodapé desaparecem, pelo que toda a atenção do utilizador fica concentrada em concluir o processo de encomenda.
Por baixo do botão de chamada à ação, há símbolos de confiança, bem como espaço para testemunhos, para ajudar a incentivar o cliente a concluir esta etapa.
Melhorar o conteúdo das páginas de categorias para otimizar o SEO
O Shoptimizer tem um campo adicional para a descrição das categorias, logo abaixo dos produtos.
Uma área que sempre foi bastante subutilizada no WooCommerce são as páginas de categorias. Por natureza, tendem a mostrar apenas um loop de produtos, mas, se olharmos para os grandes nomes do setor, vemos que muitas vezes incluem também conteúdo rico em palavras-chave. O Shoptimizer inclui um campo adicional para o conteúdo da categoria, logo abaixo dos produtos, para que possas criar conteúdo específico para cada categoria. Isto traz enormes benefícios no que diz respeito ao SEO destas páginas.
Resultados de pesquisa sugeridos
A funcionalidade de resultados de pesquisa no cabeçalho é bacana e bem visível. Os resultados aparecem logo após digitares alguns caracteres, o que permite que o visitante aceda diretamente à imagem do produto, sem ter de passar pela página de resultados.
Mega Menu com Produtos
Há um mega menu elegante, ideal para lojas com muitas categorias para mostrar. Também podes incluir códigos de atalho de produtos individuais e destacar produtos dentro de uma categoria que queiras que o visitante descubra primeiro.
Usa o Construtor de Páginas Elementor
O Shoptimizer usa o popular construtor de páginas Elementor para as páginas principais.
Isto não é propriamente uma funcionalidade de conversão, mas a integração com o construtor de páginas Elementor, que é super popular, torna a criação de páginas com um aspeto único uma tarefa simples. Também podes simplesmente usar a página inicial de demonstração, juntamente com todas as páginas principais incluídas na instalação de dados de demonstração com um clique.
WordPress moderno e experiência do utilizador
O Shoptimizer tem acompanhado a evolução do WordPress:
- Editor de blocos e theme.json: controlos de estilo nativos do editor de blocos, para que possas criar e dar estilo às páginas de conteúdo com o Gutenberg — sem precisares de ficar preso a um construtor de páginas específico. (Continua a funcionar bem com o Elementor, se for esse o teu fluxo de trabalho.)
- Mega-menu com imagens de produtos para lojas com catálogos extensos.
- Importação de demonstração com um clique para teres um ponto de partida bem acabado em poucos minutos.
- Páginas de categorias otimizadas para SEO, com áreas de descrição dedicadas acima e abaixo da grelha de produtos.
- Suporte completo a RTL e modelos prontos para tradução.
Outro fator a ter em conta na escolha do WooCommerce é a experiência em desenvolvimento. A CommerceGurus tem vindo a criar temas para o WordPress e o WooCommerce há anos, tendo começado na ThemeForest em 2014. Atualmente, o foco é principalmente o comércio eletrónico e eles trazem um vasto conhecimento e experiência que podem ser inestimáveis para os proprietários de lojas mais inexperientes.
O blogue CommerceGurus inclui guias completos sobre temas como dropshipping, avaliações, alojamento web e conversões. É especialmente direcionado para quem quer vender e está a dar os primeiros passos neste mundo.
O apoio deles é incrivelmente rápido. As respostas são frequentemente enviadas em menos de uma hora, apesar de dizerem que pode demorar até 24 horas, de segunda a sexta-feira. Além disso, vais lidar diretamente com os programadores, o Colm e o Simon. Não há uma equipa de apoio externa. Os criadores conhecem o tema de cor e salteado, por isso não ficas a dar voltas à procura de uma resposta.
A terminar!
O Shoptimizer sempre foi rápido. O que mudou desde as primeiras versões é que agora o foco está na conversão, impulsionado pelo CommerceKit — amostras, produtos adicionais, listas de desejos, listas de espera, pesquisa Ajax baseada em análises, temporizadores de urgência e muito mais —, integrado num tema cujas predefinições estão todas otimizadas para vender.
Se queres um tema WooCommerce que tenha um bom desempenho nos Core Web Vitals e que te ofereça um conjunto de ferramentas de conversão genuíno e opcional por módulo, sem teres de juntar cinco plugins diferentes, o Shoptimizer é uma das melhores opções disponíveis.
Dá uma vista de olhos na demonstração do tema para experimentares o Shoptimizer por ti próprio. Dá uma vista de olhos no webinar da Cloudways sobre como encontrar o WordPress mais rápido.
Nota: Este artigo foi publicado em colaboração com a CommerceGurus.
P1: O Shoptimizer é mesmo rápido?
O Shoptimizer apresenta consistentemente bons resultados em testes de velocidade realizados por terceiros, e os nossos próprios testes de desempenho no GTmetrix e no Loader.io, num servidor Vultr High Frequency, confirmaram isso. Dito isto, nenhum tema é rápido por si só. O tema vem com CSS minificado, CSS crítico e código simplificado, o que te dá um bom ponto de partida — mas a hospedagem, o cache, os tamanhos das imagens e o conjunto de plugins que usas vão determinar os resultados finais. O Shoptimizer elimina o tema como gargalo; o resto depende da tua configuração.
P2: Preciso do CommerceKit ou o tema por si só é suficiente?
O CommerceKit vem incluído gratuitamente em todas as licenças do Shoptimizer, por isso não há nada extra para comprar. Cada um dos seus 13 módulos é opcional. Podes gerir uma loja simples, ativando apenas a pesquisa Ajax e as amostras de atributos, ou ativar o conjunto completo de funcionalidades de urgência e vendas adicionais. O tema funciona sem ele, mas a maioria das funcionalidades de conversão descritas nesta análise provêm do CommerceKit.
P3: O Shoptimizer funciona com o Elementor e com o editor de blocos?
Com ambos. O Shoptimizer integra-se com o Elementor nas páginas principais, incluindo a área de descrição do produto, e também suporta a personalização nativa do editor de blocos através do ficheiro theme.json. Não ficas limitado a nenhum dos dois fluxos de trabalho.
P4: O Shoptimizer fica mais lento se eu usar um construtor de páginas?
Qualquer construtor de páginas aumenta o peso — isso aplica-se a todos os temas. A vantagem do Shoptimizer é que o seu próprio peso é reduzido, pelo que tens mais margem para aproveitar. Se a velocidade for a tua prioridade, usa o editor de blocos para as páginas de conteúdo e reserva o Elementor para os layouts que realmente precisam dele.
P5: Como é que o Shoptimizer ajuda no SEO?
O principal benefício direto é o campo adicional de descrição da categoria, que aparece por baixo da grelha de produtos, e que te permite publicar conteúdo rico em palavras-chave nas páginas de categorias que, de outra forma, seriam apenas uma lista simples de produtos. Para além disso, o benefício para o SEO é indireto, mas real: pontuações elevadas no Core Web Vitals são um fator de classificação, e o Shoptimizer foi concebido para as atingir.
P6: O Shoptimizer funciona no Cloudways?
Sim. Os testes de desempenho deste artigo foram realizados no Cloudways, utilizando um servidor Vultr High Frequency com cache Breeze e o CDN do Cloudways. É a combinação do tema com um alojamento bem configurado que dá origem aos resultados que vês acima.
P7: A pesquisa sobre conversão do Baymard está integrada no tema?
Sim — e esta é a parte que é difícil de replicar. Em vez de deixar a otimização da conversão a cargo do dono da loja, a CommerceGurus concebeu as predefinições da página de produto, do carrinho e do checkout do Shoptimizer com base nas conclusões do Baymard Institute, que estuda a usabilidade do checkout e das páginas de produto nos maiores sites de comércio eletrónico do mundo. Coisas como informações de envio bem visíveis, um processo de finalização de compra sem distrações e um botão «Adicionar ao carrinho» de alto contraste não são escolhas de estilo — são predefinições baseadas em investigação. Beneficias desse trabalho sem teres de ler os estudos nem configurar nada, porque já está integrado na forma como o tema é fornecido.
P8: Quem desenvolve e dá suporte ao Shoptimizer?
A CommerceGurus, da Irlanda, desenvolve temas para o WordPress e o WooCommerce desde 2014. O suporte é dado diretamente pelos programadores, sendo que as respostas costumam chegar bem antes do prazo de 24 horas indicado, nos dias úteis.
P9: O Shoptimizer é adequado para principiantes?
Sim. A importação da demonstração com um clique dá-te um ponto de partida completo e bem trabalhado em poucos minutos, e as predefinições sensatas significam que não precisas de perceber a teoria da conversão para tirares partido dele.
Mansoor Ahmed Khan
Estou no marketing de conteúdo desde 2014 e ainda me divirto a criar histórias que ressoam com o público-alvo e geram resultados. Na Cloudways by DigitalOcean (uma empresa líder de alojamento na nuvem, aliás!), lidero uma equipa de sonho de criadores de conteúdos. Juntos, fazemos brainstorming, escrevemos e produzimos conteúdos fantásticos em todos os canais: blogues, redes sociais, e-mails, o que quiseres! Podes contactar-me em [email protected].
