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.
Seu site deve fazer o trabalho por você, exibindo automaticamente suas últimas adições. Essa é uma parte essencial da criação de um ambiente de compras dinâmico no WooCommerce.
Não há necessidade de procurar plug-ins complicados ou trechos de código. Descobri que as ferramentas integradas, quando usadas corretamente, são incrivelmente avançadas.
Vou lhe mostrar duas maneiras simples de configurar isso agora mesmo. Você terá um sistema de apresentação de novos produtos que é elegante e fácil de gerenciar.
Por que exibir novos produtos no WooCommerce?
A exibição de novos produtos no WooCommerce ajuda os clientes em potencial a encontrar as novidades com mais facilidade. Por exemplo, os clientes regulares podem encontrar facilmente produtos que não viram antes, e os novos clientes podem saber a diferença entre o estoque antigo e o novo.
Além disso, você não precisará adicionar um emblema de "novo produto" às suas imagens. Em vez disso, você pode enviar os visitantes para uma página dedicada a novos produtos ou para áreas em seu site separadas do estoque antigo.
A vantagem disso é que mais pessoas veem as novidades de seus produtos, o que pode aumentar significativamente as vendas.
2 maneiras fáceis de mostrar novos produtos no WooCommerce
Nesta postagem, compartilharemos dois métodos diferentes para mostrar novos produtos no WooCommerce.
Primeiro, você aprenderá a criar uma nova página de produtos com um popular plug-in de página de destino. Em seguida, você aprenderá a usar o bloco e os códigos de acesso nativos do WordPress do WooCommerce para exibir as novidades em posts, páginas e widgets.
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 usa o SeedProd para criar uma nova página de produtos para sua loja WooCommerce. O SeedProd é o melhor construtor de páginas de arrastar e soltar do WordPress usado por mais de 1 milhão de sites.
Com esse plugin, você pode adicionar facilmente novos produtos às suas páginas de produtos do WooCommerce e criar páginas de destino para seus produtos a fim de melhorar suas conversões. Por exemplo, você pode criar uma página de WooCommerce em breve em apenas alguns minutos. Além disso, ele tem vários blocos de WooCommerce que permitem que você crie e personalize facilmente suas páginas de produtos.
Você também pode usar o SeedProd para criar uma loja inteira do WooCommerce sem código.
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: há uma versão gratuita do SeedProd que você pode usar, mas usaremos a versão Elite para os recursos avançados do WooCommerce.
Depois de ativar o plug-in, vá para SeedProd " Settings e insira sua chave de licença. Você encontrará essas informações na área de sua conta no site do SeedProd.
2. Escolha um modelo para sua página de novos produtos
A próxima etapa é navegar até SeedProd " Templates. Nessa página, você pode escolher entre centenas de modelos de página de destino pré-criados para usar como ponto de partida.
Você pode filtrar os modelos clicando nas guias na parte superior, que incluem:
Cada modelo é fácil de personalizar no editor visual de páginas, para que você não fique preso a um design específico.
Quando você encontrar o modelo que deseja usar, passe o mouse sobre ele e clique no ícone "Tick". Para este guia, usaremos o modelo de página de agradecimento de comércio eletrônico.
Em seguida, você precisará dar um nome à sua página e clicar no botão "Save and Start Editing the Page" (Salvar e começar a editar a página) .
3. Arraste o bloco Recent Products (Produtos recentes)
Depois de iniciar seu modelo, ele será aberto no editor de página visual do SeedProd. É aqui que você pode listar todas as últimas chegadas de produtos do WooCommerce.
A navegação no editor visual é muito fácil.
Você pode ver diferentes blocos e seções no lado esquerdo, que podem ser arrastados e soltos na sua página. E, à direita, você verá uma visualização da página ao vivo.
Sempre que adicionar conteúdo à sua página, você verá as alterações em tempo real. Isso facilita muito a visualização da página finalizada sem precisar navegar para uma tela diferente.
Para exibir novos produtos do WooCommerce, usaremos um dos blocos de página de destino do WooCommerce incorporados no SeedProd.
Portanto, no menu à esquerda, vá para a seção de blocos denominada "WooCommerce". A partir daí, encontre o bloco Recent Products e arraste-o para sua página.
Depois, você pode clicar em qualquer lugar do bloco de produtos recentes para abrir as configurações do bloco à direita.
Nesse painel, você pode:
- Escolha o número de colunas do produto
- Habilitar a paginação simples de produtos
- Mostrar contagens de itens (para gerenciamento de estoque)
- Adicionar um menu suspenso de filtro de produto
- Limitar o número de produtos exibidos
Você também pode alterar a consulta de produtos recentes para:
- Produtos em destaque
- Produtos de venda
- Produtos mais vendidos
- Produtos mais bem avaliados
- Consulta personalizada
Clicar na guia Advanced revela ainda mais maneiras de personalizar suas novas listagens de produtos.
Por exemplo, você pode personalizar a tipografia da descrição do produto, a fonte do preço normal e a cor do emblema do preço de venda.
Outras opções avançadas de personalização incluem:
- Estilos de botões e tipografia
- Sombras e bordas da imagem
- Espaçamento da margem e do preenchimento
Quando terminar de adicionar seus novos produtos, certifique-se de clicar em Save (Salvar ) para salvar suas alterações.
4. Personalizar o design e o layout da página
Depois de adicionar produtos à sua página, você pode terminar de personalizar o design de acordo com sua marca. O SeedProd oferece várias maneiras fáceis de fazer isso, mas, primeiro, começaremos removendo os elementos da página que não são necessários.
Por exemplo, o modelo de página vem com imagens e descrições de demonstração. Para removê-las, passe o mouse sobre o bloco e clique no ícone da lixeira.
Você também pode editar qualquer título ou bloco de texto clicando dentro dele e inserindo seu novo conteúdo.
Além disso, você pode criar cabeçalhos de página atraentes adicionando suas próprias imagens. Basta clicar em qualquer seção, escolher o estilo da imagem de fundo e selecionar uma foto do seu computador, da biblioteca de mídia ou de uma das centenas de fotos de banco de imagens gratuitas.
Quando estiver satisfeito com suas personalizações, clique no botão Save (Salvar ).
5. Visualizar e publicar sua página de novos produtos
Antes de publicar sua página, vamos nos certificar de que ela seja compatível com dispositivos móveis. O SeedProd tem opções de edição móvel integradas para garantir que sua página fique ótima em qualquer tela ou dispositivo.
Para verificar sua página, clique no ícone de celular na barra de navegação inferior. A partir daí, você pode ajustar sua página para garantir que ela seja exibida corretamente em telas de celular.
Por exemplo, você pode tornar seus botões maiores e mais fáceis de clicar ou reduzir as colunas de produtos.
Depois de verificar se sua página é responsiva a dispositivos móveis, clique na seta suspensa ao lado do botão Salvar e clique em Publicar.
Agora você adicionou seus produtos mais recentes a uma página exclusiva de novos produtos.
Com o SeedProd, você pode fazer quase infinitas personalizações nessa página para melhorar as conversões, como, por exemplo:
- Adição de descrições curtas
- Exibição de produtos variáveis
- Alteração da cor do botão de CTA
- Exibição do carrinho de compras
- Adição de títulos animados
Você também pode adicionar essa página ao menu de navegação do WordPress para incentivar os visitantes a procurar seus novos produtos do WooCommerce.
Método 2: Mostrar novos produtos no WooCommerce sem um plug-in
Se quiser exibir novos produtos em suas páginas existentes do WooCommerce ou em posts do WordPress, você pode. O WooCommerce tem blocos dedicados para WordPress e códigos de acesso incorporados que você pode usar para personalizar suas páginas e outras áreas da sua loja on-line.
Usar o bloco "Produtos mais recentes" no Gutenberg
Para adicionar novos posts com um bloco, edite qualquer post ou página em sua loja e clique no ícone de adição. Em seguida, role a tela para baixo até a seção WooCommerce.
Aqui, você pode escolher entre vários blocos do WooCommerce que adicionam produtos com base em categorias e tags de produtos, nível do produto e outros dados do produto.
Para mostrar novos produtos, clique no bloco Newest Products. Isso adicionará uma grade de seus produtos mais recentes ao post ou à página.
Nas opções de bloco à direita, você pode configurar seus produtos agrupados para serem exibidos ou ocultados:
- O título do produto
- Preço
- Classificação
- Botão Adicionar ao carrinho
Além disso, você pode filtrar produtos por categoria, alterar o alinhamento da grade e definir o número de linhas e colunas.
Quando estiver satisfeito com a aparência de tudo, clique em Update (Atualizar) ou Publish (Publicar). Em seguida, você pode ir em frente e visualizar a página.
Adicionar novos produtos com um shortcode do WooCommerce
Se você estiver usando o editor clássico do WordPress, poderá fazer o mesmo com um shortcode do WooCommerce. No editor do WordPress, cole este shortcode: [recent_products].
Você pode controlar o número de produtos vinculados e de colunas de produtos adicionando os seguintes parâmetros de shortcode: products limit="3″ columns="3″.
Em seguida, você pode ir em frente e atualizar ou publicar sua página. Agora seus visitantes verão seus produtos mais recentes destacados abaixo.
Mostrar novos produtos em sua barra lateral com um shortcode
Além dos itens acima, você pode usar o shortcode do WooCommerce para mostrar novos produtos na barra lateral do WooCommerce ou do WordPress.
Para fazer isso, vá para Appearance " Widgets e adicione um novo bloco de parágrafo. A partir daí, cole o shortcode que você usou acima e clique em Save (Salvar).
Ao visualizar sua loja, você verá seus novos produtos destacados na barra lateral do WordPress.
Perguntas frequentes
Como faço para mostrar apenas novos produtos no WooCommerce?
Você pode mostrar apenas os novos produtos usando a opção [recent_products] ou o bloco "Newest Products" no editor do WordPress. O SeedProd também permite que você crie uma página de destino completa apenas para os produtos recém-chegados.
Qual é o shortcode para novos produtos no WooCommerce?
O shortcode padrão do WooCommerce é [recent_products]. Você também pode adicionar parâmetros como limit="4" ou columns="2" para personalizar quantos produtos novos serão exibidos e em que layout.
Posso adicionar uma página "New Arrivals" ao WooCommerce?
Sim! Com um plugin como o SeedProd, você pode criar uma página de destino "New Arrivals" totalmente personalizada e destacá-la em seu menu. Essa é uma ótima maneira de aumentar a visibilidade de seus produtos mais recentes.
Como faço para mostrar novos produtos do WooCommerce na minha barra lateral?
Você pode colar o [recent_products] em um widget da barra lateral. Ir para Appearance " Widgetsadicione um bloco de parágrafo e insira o shortcode para exibir seus itens mais recentes.
Por quanto tempo os produtos permanecem "novos" no WooCommerce?
O WooCommerce não tem um timer de rótulo "novo" integrado, mas você pode controlar quais produtos aparecem no bloco de produtos recentes ou no shortcode ajustando a ordem de classificação e as datas de publicação do produto.
Dicas finais para destacar novos produtos no WooCommerce
Se quiser ter controle total sobre seu design e layout, o SeedProd é a melhor opção. Você pode criar uma página de novos produtos do WooCommerce totalmente personalizada, estilizá-la visualmente e adicionar elementos que aumentam a conversão, como CTAs, títulos e filtros de produtos.
Se estiver procurando um método mais rápido, os códigos de acesso e blocos do WooCommerce também funcionam bem. Eles permitem que você coloque uma seção de "novidades" em qualquer página, post ou área de widget sem plugins adicionais.
De qualquer forma, adicionar um espaço dedicado aos seus produtos mais recentes facilita para os clientes encontrarem o que há de novo e incentiva mais vendas de visitantes recorrentes.
Deseja continuar aprimorando sua loja WooCommerce? Confira estes tutoriais úteis 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, Twitter e Facebook para obter mais conteúdo útil para ajudar a expandir seus negócios.
