Resumindo: Como Exibir Produtos em Destaque no WooCommerce
Produtos em destaque no WooCommerce são produtos que você marca manualmente com um ícone de estrela no seu painel. Uma vez definidos, você pode exibi-los em qualquer lugar da sua loja usando os três métodos abordados aqui.
- Marcar produtos como em destaque: Clique no ícone de estrela ao lado de qualquer produto em Produtos » Todos os Produtos.
- SeedProd (recomendado): Arraste o bloco de Produtos em Destaque para a sua página da loja para ter controle total do design.
- Editor de blocos: Adicione o bloco de Produtos em Destaque do WooCommerce a qualquer página ou barra lateral.
- Shortcode: Cole
[featured_products]em qualquer página ou postagem do editor clássico. - Melhores produtos para destacar: Top de vendas, novidades ou itens de alta margem que você deseja que os compradores encontrem primeiro.
Produtos em destaque no WooCommerce são produtos que você marca manualmente como “Em Destaque” no seu painel. Uma vez marcados, você pode exibi-los em seções dedicadas na sua página da loja, página inicial ou barra lateral usando um bloco, shortcode ou um plugin como o SeedProd. Leva cerca de 2 minutos para configurar.
Com produtos em destaque, você pode colocar seus melhores itens na frente dos compradores imediatamente. Isso significa mais visibilidade para os produtos que importam e mais chances de fazer uma venda.
Muitos proprietários de lojas destacam seus melhores produtos na página inicial para que os visitantes os vejam imediatamente.
Neste artigo, mostrarei 3 maneiras simples de adicionar produtos em destaque à sua loja WooCommerce.
O Que São Produtos em Destaque no WooCommerce?
Um produto em destaque é aquele que você marca manualmente no WooCommerce para destacá-lo. Uma vez que você define um produto como “Em Destaque”, você pode exibi-lo em seções especiais no seu site, separado do seu catálogo regular.
Os melhores produtos para destacar geralmente são seus top de vendas, novidades ou itens de alta margem. Muitos proprietários de lojas alternam produtos em destaque sazonalmente, destacando equipamentos de inverno em dezembro ou itens de volta às aulas em agosto.
Por exemplo, os compradores podem filtrar sua loja para mostrar apenas itens em destaque. Isso facilita a localização dos seus melhores produtos sem ter que rolar por tudo.
Destacar produtos também é uma forma de recomendações de produtos WooCommerce, direcionando os compradores para seus best-sellers e escolhas sazonais.
Como Adicionar Produtos em Destaque no WooCommerce
Antes de poder exibir produtos em destaque, você precisa marcá-los no WooCommerce primeiro. Você pode fazer isso editando qualquer produto existente.
Para adicionar a configuração de “Produto em Destaque” a um produto existente, vá para Produtos » Todos os Produtos na sua área de administrador do WordPress. Em seguida, passe o mouse sobre um produto e clique na opção Editar.
Em seguida, localize o painel “Publicar” no lado direito do editor do WordPress. A partir daí, clique em Editar ao lado do título “Visibilidade do Catálogo”.
Agora você pode marcar a caixa de seleção “Este é um produto em destaque” e selecionar OK. Agora clique em Atualizar para salvar suas alterações.
Repita este processo para cada produto que você deseja definir como em destaque. Para agilizar, você pode clicar na opção Edição Rápida e encontrar a caixa de seleção “Produto em Destaque” nesse painel.
Alternativamente, você pode clicar no ícone de estrela ao lado de cada produto para destacá-lo.
Não tem certeza de quais itens exibir? Comece com seus mais vendidos ou ofertas sazonais. Esses costumam ser os melhores produtos para destacar no WooCommerce.
Depois de escolher seus produtos em destaque, você estará pronto para exibi-los em suas páginas de produtos.
Depois de marcar seus produtos como em destaque, aqui estão três maneiras de exibi-los em sua loja.
Método 1: Exiba Produtos em Destaque do WooCommerce com o SeedProd
Este primeiro método usa o SeedProd para exibir vários produtos em destaque em sua loja ao mesmo tempo.
SeedProd é um dos melhores construtores de sites WordPress com mais de 1 milhão de usuários. Ele permite que você crie qualquer tipo de site com seu poderoso construtor de arrastar e soltar, sem necessidade de codificação.
Você pode criar um tema WordPress personalizado com o fácil construtor de temas WordPress, construir uma loja online inteira com sua integração WooCommerce e usar o poderoso construtor de páginas para criar landing pages de alta conversão.
O SeedProd vem com blocos e seções para personalizar todas as partes do seu site.
Os proprietários de lojas podem exibir dados de produtos em tempo real em qualquer lugar de seu site. As flexíveis grades de produtos facilitam a criação de layouts personalizados sem código.
Veja como usar o SeedProd para exibir seus produtos em destaque do WooCommerce.
Passo 1. Instale e Ative o SeedProd
Comece instalando e ativando o SeedProd em seu site WordPress.
Observação: Você precisará do plano Elite do SeedProd para acessar os recursos WooCommerce do SeedProd.
Você pode seguir este guia sobre como instalar um plugin do WordPress se precisar de ajuda.
Após ativar o SeedProd, vá para SeedProd » Configurações e insira sua chave de licença do SeedProd.
Você pode encontrar a chave de licença na seção “Downloads” do painel da sua conta no site do SeedProd.
Após inserir sua chave de licença, clique no botão Verificar Chave para armazenar as informações da sua conta.
Etapa 2. Crie um Tema WooCommerce
Em seguida, configure sua loja WooCommerce. O SeedProd oferece duas maneiras de fazer isso:
Tema WooCommerce Pré-construído
Você pode criar um tema WooCommerce completo importando um modelo de tema WooCommerce pronto. O SeedProd cria todas as suas páginas de loja automaticamente.
Partes Individuais do Tema
Ou construa cada parte de sua loja, uma de cada vez, usando o botão Modelos de Tema.
Usaremos o tema pré-construído para este guia, pois ele configura tudo em um clique.
Para criar um novo tema WooCommerce, vá para SeedProd » Theme Builder e clique no botão Themes.
Isso abre a biblioteca de temas do SeedProd. Cada tema é compatível com dispositivos móveis e você pode editar o design no construtor de arrastar e soltar.
Passe o mouse sobre qualquer design e clique na marca de seleção para importá-lo. Estamos usando o "WooCommerce Starter Theme" aqui.
Após importar, você verá todos os modelos que compõem seu site. Você pode editar cada um no construtor do SeedProd.
Mostraremos como fazer isso personalizando a página da Loja.
Etapa 3. Adicionar a Grade de Produtos em Destaque do WooCommerce
Nesta etapa, você editará a página da Loja e adicionará uma grade de produtos que exibe apenas seus produtos em destaque.
Encontre o modelo da página da Loja no construtor de temas e clique em Edit Design.
O construtor de páginas do SeedProd é super fácil de usar. Há blocos e seções à esquerda e uma visualização ao vivo à direita.
Clique em qualquer elemento para editar suas configurações. Clique em um produto para abrir o painel Grade de Produtos, onde você pode:
- Alterar o número de colunas
- Exibir produtos por tipo e exibir produtos WooCommerce por categoria para layouts de produtos mais focados
- Mostrar paginação
- Alterar a ordem dos produtos
Você pode personalizar fontes, tamanhos de fonte, cores, espaçamento e muito mais na guia Avançado.
Adicionar conteúdo é igualmente fácil. Arraste um bloco do painel esquerdo e solte-o na página.
É assim que você adicionará produtos em destaque à sua página da loja.
Primeiro, role para baixo até o painel de blocos do WooCommerce na barra lateral esquerda. Em seguida, encontre o bloco Featured Products e arraste-o para sua página.
Clique no bloco para abrir suas configurações. Ele filtra seus produtos por status de Destaque automaticamente.
Tudo o que resta é personalizar a grade de produtos para atender às suas necessidades.
Você pode destacar produtos em destaque alterando a cor do selo, a borda da imagem ou adicionando um título acima da grade.
Quando estiver satisfeito com o layout, clique no botão verde Save. Você pode repetir este processo para personalizar o restante do seu tema, incluindo:
- Arquivos de Produto
- Página do Produto
- Cabeçalho e Rodapé
- Página do Blog
- Barra lateral
- Página inicial
Etapa 4. Publicar seu tema WooCommerce
Depois de terminar de configurar seus produtos em destaque, você está pronto para publicar.
Para fazer isso, vá para SeedProd » Theme Builder e ative o controle deslizante Enable SeedProd Theme para a posição "On".
É isso!
Agora você pode visualizar sua loja e ver seus produtos em destaque ao vivo.
Método 2: Use o Widget de Produtos em Destaque do WooCommerce
O WooCommerce tem um bloco integrado de Produtos em Destaque que você pode adicionar a qualquer página, postagem ou barra lateral da sua loja online. Nenhum plugin extra é necessário.
Ele tem menos opções do que o SeedProd, mas é rápido de configurar se você precisar apenas de uma exibição básica.
Para usar este método, crie ou edite uma página e clique no ícone de mais (+) no editor de blocos do WordPress para adicionar um novo bloco. Em seguida, digite "WooCommerce" no campo de pesquisa e clique no bloco Featured Products.
A partir daí, escolha um produto para exibir e clique em Done.
Seu produto aparece na página imediatamente. As configurações do bloco permitem que você controle:
- Descrição
- Preço
- Sobreposição
- Opacidade da Sobreposição
Você também pode arrastar produtos para um bloco de coluna para criar um layout de grade.
Clique em Publicar ou Atualizar quando terminar. Em seguida, visualize sua página para ver os produtos ao vivo.
Você pode usar o mesmo widget para exibir produtos em destaque em sua barra lateral do WooCommerce. Para fazer isso, vá para Aparência » Widgets, clique no ícone de mais em qualquer barra lateral e adicione o widget Produtos em Destaque.
Salve suas alterações e, em seguida, visite qualquer página com essa barra lateral para ver o widget.
Método 3: Use o Shortcode de Produto em Destaque do WooCommerce
O terceiro método usa um shortcode. Ele funciona no editor clássico do WordPress, ou se você quiser adicionar produtos em destaque diretamente em um modelo de tema do WordPress.
Edite ou crie uma página e cole este shortcode no editor.
[featured_products]
Quando você visualizar a página, verá todos os seus produtos em destaque em uma grade.
Você pode controlar quantos produtos mostrar e quantas colunas usar. Por exemplo:
[featured_products per_page="2" columns="2"]
Você também pode filtrar por categoria usando category="slug", alterar a ordem de classificação com orderby="date" ou orderby="popularity", e definir a direção com order="ASC" ou order="DESC".
Experimente valores diferentes até encontrar um layout que funcione. As opções são limitadas em comparação com o SeedProd, mas é a maneira mais rápida de mostrar produtos em destaque sem nenhuma configuração.
Perguntas Frequentes Sobre Produtos em Destaque do WooCommerce
Como remover o status de destaque de um produto no WooCommerce?
Vá para Produtos » Todos os Produtos no seu painel do WordPress e clique no ícone de estrela ao lado do produto para desativar o status de destaque. Você também pode usar Edição Rápida e desmarcar a caixa Produto em Destaque, depois salvar. O produto não aparecerá mais em exibições de produtos em destaque ou shortcodes.
Como exibir apenas produtos em destaque na minha página de loja do WooCommerce?
A maneira mais fácil é usar o SeedProd para personalizar sua página de loja do WooCommerce e adicionar um bloco de Produtos em Destaque que filtra automaticamente por status de destaque. Se você preferir o loop de loja padrão, precisará de um plugin ou trecho de código que filtre produtos pela marca de destaque.
Posso limitar quantos produtos em destaque são exibidos?
Sim. Com o método de shortcode, adicione per_page="4" para definir o número: [featured_products per_page="4"]. Com o bloco de grade de produtos do SeedProd, você define a contagem de produtos diretamente no painel de configurações do bloco, sem necessidade de código.
Produtos em destaque do WooCommerce aparecem automaticamente na minha página inicial?
Não. Marcar um produto como destaque apenas lhe confere esse status no WooCommerce. Você ainda precisa adicionar um bloco, shortcode ou widget a uma página para que eles sejam exibidos. A maioria dos proprietários de lojas adiciona produtos em destaque à sua página de loja ou página inicial manualmente usando um dos três métodos neste guia.
Mais Maneiras de Personalizar o WooCommerce
Quer fazer mais com sua loja WooCommerce? Aqui estão alguns guias que podem ajudar:
- Como Personalizar a Aba Informações Adicionais do WooCommerce
- Como Adicionar o Botão Ver Carrinho no WooCommerce
- Como Alterar o Título da Página da Loja no WooCommerce
- Como Criar uma Galeria de Imagens de Produtos Deslumbrante no WooCommerce
- Como Adicionar Avaliação por Estrelas às Páginas de Produto do WooCommerce
- Como Exibir Produtos Relacionados no WooCommerce
- Como Exibir Categorias e Tags de Produtos no WooCommerce
- Como Obter e Exibir Descrições de Produtos no WooCommerce
- Como Corrigir o Erro de Carrinho de Compras do WooCommerce Não Funciona
- Como Ocultar Produtos Fora de Estoque no WooCommerce
Agora você tem três maneiras de exibir produtos em destaque do WooCommerce, desde um layout totalmente personalizado até um shortcode rápido. Escolha o método que se adapta à sua loja.
Pronto para dar um visual personalizado aos seus produtos em destaque? Obtenha o SeedProd, o construtor de arrastar e soltar do WooCommerce que permite projetar toda a sua loja sem código.
Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.
