Aquele momento em que você clica em "publicar" em um novo produto é uma sensação incrível. Você preparou algo novo para o seu público e está pronto para compartilhá-lo.
A próxima etapa é garantir que ele seja visto. Um novo produto escondido na página dez de sua loja não ajuda ninguém.
Um espaço dedicado às novidades ajuda os clientes fiéis a explorar as novidades sem ter que vasculhar todo o restante. Descobri que as ferramentas integradas do WooCommerce atendem à maior parte das necessidades, e para criar uma página personalizada, o SeedProd facilita bastante o processo.
Vou mostrar-lhe agora duas maneiras de exibir novos produtos no WooCommerce. Escolha a que melhor se adapta à configuração da sua loja.
Resumo: Como exibir novos produtos no WooCommerce
Existem duas maneiras de mostrar novos produtos na sua loja WooCommerce: desde uma página totalmente personalizada até um bloco integrado.
- Crie uma página de novos produtos com o SeedProd – Crie uma página personalizada de novidades com sua marca, filtros e CTAs usando o editor visual do SeedProd.
- Use o bloco ou o shortcode de coleção de produtos do WooCommerce – Insira uma grade de produtos recentes em qualquer página, postagem ou área de widget existente sem plugins adicionais.
2 maneiras de exibir novos produtos no WooCommerce
Aqui estão três métodos, começando pelo mais personalizável e terminando pelo mais rápido.
Primeiro, você aprenderá a criar uma página dedicada a novos produtos com o SeedProd, um construtor de sites WordPress do tipo arrastar e soltar usado por mais de 1 milhão de sites. Em seguida, você aprenderá a usar o bloco “Coleção de produtos” integrado ao WooCommerce e os códigos de atalho para adicionar uma seção de novidades em qualquer lugar da sua loja.
Vamos mergulhar de cabeça!
Método 1: usar o SeedProd para criar uma nova página de produtos no WooCommerce
O primeiro método utiliza o SeedProd para criar uma página dedicada a novos produtos para sua loja WooCommerce.
Com o SeedProd, você pode criar uma página dedicada às novidades do WooCommerce, desenvolver páginas de destino de alta conversão para produtos individuais e até mesmo criar uma página “Em breve” no WooCommerce antes do lançamento de um produto. Ele inclui vários blocos do WooCommerce que permitem importar produtos e personalizar a forma como eles são exibidos.
Você também pode usar o SeedProd para criar uma loja WooCommerce completa sem precisar programar.
1. Instale o plug-in SeedProd
A primeira etapa é instalar o plug-in SeedProd.
Para obter ajuda com isso, consulte este guia passo a passo sobre como instalar um plug-in no WordPress.
Observação: existe uma versão gratuita do SeedProd, mas você precisará do plano Elite para ter acesso aos recursos avançados do WooCommerce.
Depois de ativar o plugin, acesse SeedProd » Configurações e insira sua chave de licença. Você encontrará essa informação na área da sua conta no site da SeedProd.
2. Escolha um modelo para sua página de novos produtos
Acesse SeedProd » Modelos. Escolha entre centenas de modelos de páginas de destino prontos para usar como ponto de partida e, em seguida, filtre por categoria para encontrar um que se adapte à sua loja.
Quando encontrar o modelo desejado, passe o mouse sobre ele e clique no ícone de marca de seleção. Para este guia, estou usando o modelo de página de agradecimento de comércio eletrônico.
Dê um nome à sua página e clique em “Salvar e começar a editar a página”.
3. Arraste o bloco Recent Products (Produtos recentes)
Seu modelo será aberto no editor visual do SeedProd. Você verá blocos e seções no lado esquerdo para arrastar para a sua página, e uma visualização em tempo real à direita.
No painel esquerdo, vá até a seção WooCommerce. Encontre o bloco “Produtos recentes” e arraste-o para a sua página.
Clique no bloco para abrir suas configurações. No painel de configurações, você pode:
- Escolha o número de colunas do produto
- Ativar paginação de produtos
- Mostrar quantidades de itens para gestão de estoque
- Adicionar um menu suspenso de filtro
- Limitar o número de produtos exibidos
Você também pode alterar o tipo de consulta de “produtos recentes” para “destaque”, “promoção”, “mais vendidos”, “mais bem avaliados” ou uma consulta personalizada.
A guia “Avançado” oferece ainda mais opções de personalização, incluindo a tipografia da descrição do produto, a fonte do preço, a cor do selo de promoção, os estilos dos botões e o espaçamento.
Depois de terminar de adicionar seus produtos, clique em Salvar.
4. Personalizar o design e o layout da página
Depois de adicionar os produtos, personalize a página para que ela reflita a identidade da sua marca. Comece removendo o conteúdo de demonstração: passe o mouse sobre qualquer bloco e clique no ícone da lixeira para excluí-lo.
Clique em qualquer título ou bloco de texto para editá-lo diretamente. Você também pode adicionar uma imagem de fundo a qualquer seção clicando na seção, escolhendo um estilo de fundo e selecionando uma foto da sua biblioteca de mídia ou da biblioteca de fotos gratuitas.
Quando estiver satisfeito com o design, clique em Salvar.
5. Visualizar e publicar sua página de novos produtos
Antes de publicar, verifique a visualização para dispositivos móveis. Clique no ícone de celular na barra de navegação inferior e ajuste o layout para telas menores, por exemplo, reduzindo o número de colunas de produtos ou facilitando o toque nos botões.
Quando sua página estiver com boa aparência no celular, clique na seta do menu suspenso ao lado do botão “Salvar” e clique em “Publicar”.
A página de novidades já está no ar. A partir daqui, você pode adicioná-la ao menu de navegação do WordPress para que os visitantes possam ver facilmente seus produtos mais recentes.
Com o SeedProd, você pode continuar personalizando para melhorar as conversões, incluindo adicionar breves descrições de produtos, exibir produtos com variantes, alterar a cor do botão de chamada à ação, mostrar o carrinho de compras e adicionar títulos animados.
Método 2: Mostrar novos produtos no WooCommerce sem um plug-in
Se você deseja exibir novos produtos nas páginas existentes do WooCommerce ou nas postagens do WordPress, não precisa de um plugin separado. O WooCommerce inclui um bloco de “Coleção de produtos” e códigos de atalho integrados que você pode usar para adicionar uma seção de novidades em qualquer lugar da sua loja online.
Use o bloco "Coleção de produtos" no Gutenberg
As versões mais recentes do WooCommerce (8.0 e superiores) utilizam o bloco “Coleção de produtos ”. O WooCommerce introduziu essa funcionalidade para substituir os blocos antigos, incluindo o “Produtos mais recentes”, por uma opção mais flexível. Se você estiver usando uma versão mais antiga, procure por “Produtos mais recentes”.
Para adicioná-la, edite qualquer postagem ou página da sua loja e clique no ícone +. Procure por “Coleção de produtos” e clique para adicioná-la.
Dentro do bloco, clique em “Escolher coleção” e selecione a opção “Novidades ”.
Nas opções do bloco à direita, você pode escolher o número de produtos a exibir por página, definir o número de colunas, filtrar produtos em promoção, verificar o status do estoque e muito mais.
Quando estiver satisfeito com o resultado, clique em Atualizar ou Publicar.
Adicionar novos produtos com um shortcode do WooCommerce
Se você estiver usando o editor clássico do WordPress, use o [recent_products] código de atalho. Cole-o em qualquer página, postagem ou widget para exibir uma grade com os produtos publicados recentemente.
Você pode controlar o número de produtos e colunas usando parâmetros: [recent_products limit="4" columns="4"].
Atualize ou publique a página, e seus visitantes verão seus produtos mais recentes em destaque nela.
Mostrar novos produtos em sua barra lateral com um shortcode
Você pode usar o mesmo código de atalho para exibir novos produtos na barra lateral do WordPress.
Ir para Appearance " Widgets, insira um novo bloco de parágrafo, cole o [recent_products] código de atalho e clique Salvar.
Visualize sua loja e seus novos produtos aparecerão na barra lateral em todas as páginas.
Perguntas frequentes
Como faço para mostrar apenas novos produtos no WooCommerce?
Para criar uma página dedicada às novidades, use o bloco “Produtos recentes” do SeedProd. Para incluir uma seção em uma página já existente, use o bloco “Coleção de produtos” (WooCommerce 8+) ou o [recent_products] shortcode. Ambos os métodos permitem controlar exatamente onde os novos produtos aparecem, sem alterar o layout principal da loja.
Qual é o shortcode para novos produtos no WooCommerce?
O shortcode do WooCommerce para exibir novos produtos é [recent_products]. Adicionar limit="4" para controlar quantos produtos são exibidos, e columns="2" para definir o layout em grade. Você também pode adicionar orderby="date" para tornar a ordenação por data explícita.
Posso adicionar uma página "New Arrivals" ao WooCommerce?
Sim. Com o SeedProd, você pode criar uma página “Novidades” totalmente personalizada usando o bloco “Produtos recentes” e, em seguida, adicionar a página ao seu menu de navegação. É uma boa maneira de aumentar a visibilidade dos seus produtos mais recentes sem sobrecarregar a página principal da loja.
Como faço para mostrar novos produtos do WooCommerce na minha barra lateral?
Cole o [recent_products] em um widget da barra lateral. Ir para Appearance " Widgets, adicione um bloco de parágrafo e insira o código de atalho. Seus produtos mais recentes aparecerão na barra lateral da sua loja.
Por quanto tempo os produtos permanecem "novos" no WooCommerce?
O WooCommerce não possui um temporizador integrado para as etiquetas “novidades”. O [recent_products] O shortcode e o bloco "Coleção de produtos" exibem os produtos ordenados por data de publicação; assim, os produtos mais antigos são naturalmente deslocados para baixo à medida que você adiciona novos. Se precisar controlar quais produtos aparecem como “novos”, ajuste o limit parâmetro ou usar uma categoria de produto específica para novidades.
Qual método você deve usar?
Se você deseja ter controle total sobre o design e o layout, o SeedProd é a melhor opção. Você pode criar uma página de novos produtos totalmente personalizada no WooCommerce, adicionar elementos de conversão, como CTAs e filtros de produtos, e definir o estilo visual de tudo sem precisar mexer no código.
Se você precisar de uma seção rápida em uma página ou barra lateral existente, o bloco Coleção de produtos ou [recent_products] Os shortcodes funcionam bem sem a necessidade de plugins adicionais.
Quer continuar aprimorando sua loja WooCommerce? Confira estes tutoriais a seguir:
- Como proteger seu site WooCommerce
- Como ocultar produtos fora de estoque no WooCommerce
- Personalize a guia "Additional Information" (Informações adicionais) no WooCommerce
- Como corrigir o problema de não funcionamento do WooCommerce View Cart
- Como alterar o título da página da loja no WooCommerce
- Melhore sua galeria de imagens de produtos no WooCommerce
- Como adicionar classificações de estrelas a produtos do WooCommerce
- Como controlar os produtos relacionados no WooCommerce
Se você gostou deste artigo, siga-nos no YouTube, no Twitter e no Facebook para ter acesso a mais conteúdos úteis para o crescimento do seu negócio.
