Deseja adicionar uma nova seção de produtos do WooCommerce à sua loja on-line?
Mostrar a chegada de novos produtos em sua loja on-line é uma maneira comprovada de aumentar as vendas. É por isso que lojas populares como Amazon, Walmart e todas as outras têm um widget de novidades.
Neste artigo, mostraremos como exibir novos produtos no WooCommerce, com e sem um plug-in.
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 os 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.
Como faço para mostrar novas chegadas 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: adicionar uma nova página de produtos do WooCommerce com o SeedProd
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. Instalar o SeedProd Landing Page Builder
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 de página de destino
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. Adicione o bloco de produtos recentes do WooCommerce
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. Personalize sua página de novos produtos do WooCommerce
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. Publique sua página de WooCommerce 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: usar códigos de acesso do WooCommerce para novos produtos
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.
Bloco WooCommerce de produtos mais recentes
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 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.
Shortcode Newest Products para 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.
Widget da barra lateral do WooCommerce para novos produtos
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, acesse 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.
Aí está!
Esperamos que este artigo tenha ajudado você a aprender como exibir novos produtos no WooCommerce. Enquanto estiver aqui, talvez você também queira saber como personalizar a página de checkout do WooCommerce para aumentar sua taxa de conversão. Ou este artigo sobre os principais plugins de afiliados do 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.
