Projete suas categorias de produtos WooCommerce com Elementor

Elementor é um excelente construtor de páginas WordPress para aprimorar a funcionalidade padrão do construtor WordPress adicionando novos recursos.

Se você se lembra, as primeiras versões do WordPress não eram particularmente amigáveis. Além de ter funcionalidade limitada, era necessário contar com temas pré-fabricados do WordPress para criar um design básico para o seu site. No entanto, para muitos usuários, a funcionalidade básica dos temas do WordPress era insuficiente, sendo necessária a instalação de plugin ou a edição manual do código do tema.

• Combinação WooCommerce e Elementor
• Criando página de categoria no Elementor
• Configurações de Layout

Elementor é um construtor baseado em bloco semelhante ao WordPress, mas é muito mais avançado do que o construtor WordPress por ser mais intuitivo, responsivo e rico em recursos. Mais importante ainda, você pode criar um site fantástico sem nunca ter que escrever uma linha de código !!

Combinação WooCommerce e Elementor

WP-WooCommerce e Elementor são dois dos plugin WordPress mais usados ​​disponíveis atualmente. A quantidade de flexibilidade e o grande número de recursos que cada um deles oferece são simplesmente inestimáveis. Se você administra uma loja de comércio eletrônico, o WooCommerce é o melhor plugin para quase todas as necessidades que você possa ter. É o plugin mais completo disponível para praticamente qualquer necessidade.

Além disso, Elementor é um dos construtores de sites de arrastar e soltar mais eficazes disponíveis no mercado. Ele permite que você crie, personalize e forneça rapidamente quase todas as páginas do seu site. Ainda mais, recursos estão disponíveis, como a criação de mega menus e acesso a uma ampla gama de add-ons e modelos que são altamente convenientes. Com a ajuda do WooCommerce e do Elementor, você pode projetar e construir páginas de loja e negócios com qualidade profissional com o mínimo de despesas e esforço possível. Com a ajuda do Elementor, você pode personalizar completamente os layouts de sua loja, grades de produtos e carrosséis, bem como escolher entre uma variedade de belos layouts. Também está disponível a capacidade de configurar e personalizar suas páginas de checkout e carrinho, bem como integrá-los com uma variedade de opções de pagamento e recursos para fornecer a seus clientes maior comodidade.

Além disso, você pode criar páginas e designs personalizados para produtos digitais, incluir opções de páginas personalizadas para envio e pagamentos e páginas de postagem e pré-compra, entre outras coisas. Tudo isso contribui para que o site da sua empresa pareça profissional e amigável. Junto com os botões de call to action fáceis de usar, controles deslizantes prontos para paralaxe e uma série de outros recursos, você pode integrar a funcionalidade WooCommerce ao seu site. O grande número de oportunidades disponíveis é virtualmente ilimitado. Agora, se você estiver suficientemente convencido, deixe-nos guiá-lo pelo processo de colocar seu plano em ação. Você pode fazer uma variedade de coisas para tornar sua página da Loja mais acolhedora, e o objetivo é que essas etapas ajudem você a criar uma página da Loja mais acolhedora para sua loja WooCommerce.

Criação da página da categoria WooCommerce no Elementor

Se você está familiarizado com o WooCommerce, sabe que as categorias de produtos são essenciais para organizar seus produtos para exibição e acesso adequados pelos clientes - quanto mais rapidamente eles encontrarem o que procuram, melhor. Mas o que exatamente são categorias de produtos?

Os clientes passam uma quantidade significativa de tempo navegando em seus produtos na página de sua loja, portanto, eles devem ter uma experiência positiva. Não há nada mais frustrante do que navegar por dezenas de páginas para ver os produtos do site da sua loja.

Como resultado, a categorização é essencial para fornecer a seus clientes uma melhor experiência de compra. Os clientes acharão mais fácil classificar e filtrar suas preferências se houver uma seção bem organizada e organizada para todos os tipos de itens, como roupas ou sapatos. Adicionar elementos de geração de leads, como botões de call to action, seções de produtos em destaque, pop-ups para vendas ou ofertas e outros componentes semelhantes a esta seção pode torná-la mais atraente para os visitantes.

Se você tem uma loja WooCommerce e deseja renová-la, este tutorial é exatamente o que você precisa para começar.

Muitos temas do WooCommerce incluem um layout padrão para categorias de produtos, que pode ou não ser o mais adequado para suas necessidades de negócios. Embora esses padrões possam consistir em alguns recursos úteis, eles não podem ser personalizados com freqüência.

Vamos ao que interessa.
Depois de configurar seu produto, você precisa fazer o seguinte antes de publicá-lo para que ele apareça em uma categoria:

Você definirá as condições que determinarão onde seu modelo de produto aparecerá durante este estágio. Quando você usa um modelo, ele se aplica automaticamente a todas as páginas de produtos em seu site. Você também pode restringir sua pesquisa a uma categoria de produto específica.

Clique em Publicar e seu único produto estará disponível para compra!

Ainda não terminamos.
O que acabamos de fazer não é suficiente para colocar as categorias ao vivo em nosso site; para obter categorias ao vivo em todas ou algumas páginas do nosso site, ainda precisamos configurar algumas coisas. Para concluir a tarefa, crie uma página de catálogo de produtos que afetará todos os produtos ou uma página de catálogo que afetará uma categoria específica de produtos.
Para fazer isso, primeiro, retorne ao Elementor > Meus modelos e crie um modelo de arquivo do produto. Em seguida, escolha um modelo existente ou crie um novo. Personalize a aparência do widget Archive Products e do widget Archive Title adicionando-os à sua página.

Use a funcionalidade de estilo de cópia entre as páginas para personalizá-lo para corresponder ao design que você já criou para seu modelo de produto único e salve suas alterações.
Retorne à página do produto e selecione Copiar no menu suspenso. Clique com o botão direito do mouse em Colar estilo quando estiver de volta ao produto de arquivo. Escolha Produtos mais recentes no menu suspenso Consulta > Origens nas configurações de Produtos de arquivamento.
Em seguida, selecione os anéis no menu suspenso Categoria do produto. Somente a categoria de toque será exibida dessa maneira. Se você tiver uma longa lista de produtos para uma categoria específica, ative a paginação.
Você pode personalizar a distância entre as colunas e as linhas selecionando a guia de estilo. Altere as cores, fontes e outros aspectos do design.

Pré-publicação, selecione as condições que determinam onde o arquivo aparecerá, assim como você fez para o modelo de produto único, e depois publique.

Depois de clicar em “publicar”, sua página de arquivo estará ativa.

O Elementor pro dá a você a possibilidade de criar categorias de produtos limpíssimos com sua panóplia de opções;

Você pode realizar o seguinte com as opções disponíveis no Elementor Pro:

Configurações de layout para categorias de produtos WooCommerce

• Colunas: defina o número exato de colunas a serem exibidas, de 1 a 12
• Contagem de categorias: selecione o número de categorias a serem exibidas

Configurações de consulta

• Origem: selecione a origem da qual exibir as categorias, escolhendo entre Todos, Seleção manual, Por pai ou Subcategorias atuais. Se a Seleção Manual for escolhida, selecione manualmente quais categorias exibir. Se for escolhido “Por pai”, selecione Somente nível superior ou selecione uma categoria individual na lista suspensa.
• Ocultar vazio: Defina como Sim para categorias sem produtos dentro delas
• Ordenar por: Defina a ordem em que as categorias serão exibidas. As opções incluem Nome, Slug, Descrição ou Contagem
• Ordem: selecione para exibir as categorias em ordem ASC ou DESC (crescente ou decrescente)

Configurações de estilo

• Espaço entre colunas : defina o espaço exato entre as colunas
• Espaço entre linhas : defina o espaço exato entre as linhas
• Alinhamento: Alinha os dados dos produtos à esquerda, direita ou centro

Configurações de imagem

• Tipo de borda: selecione o tipo de borda, escolhendo entre nenhuma, sólida, dupla, pontilhada, tracejada ou ranhurada
• Raio da borda: defina o raio para controlar o arredondamento do canto da borda
• Espaçamento: ajuste a quantidade de espaço entre as imagens e seus dados

Configurações de título

• Cor: Escolha a cor do Título
• Tipografia: defina as opções de tipografia para o texto do título

Configurações de contagem

• Cor: Escolha a cor para a contagem
• Tipografia: Defina as opções de tipografia para o Count

Conclusão

O WooCommerce Builder no Elementor oferece a flexibilidade de design de que você precisa para criar e ajustar visualmente as páginas de seus produtos. O tempo que leva para ir de uma ideia a um show , e totalmente A loja WooCommerce online funcional é significativamente reduzida como resultado dessa economia de tempo. No geral, personalizar a página da sua loja WooCommerce com o Elementor tem o potencial de impactar o desempenho geral do seu site de forma significativa. Você pode ajudar ou atrapalhar as vendas, organizando e exibindo seus produtos da melhor maneira possível para que os clientes os vejam e comprem. A configuração e a personalização de sua página da loja WooCommerce no Elementor serão demonstradas através das etapas neste guia. No entanto, lembre-se de que esta é apenas a ponta do iceberg em termos da extensão do problema. Uma introdução ao uso do Elementor para criar a página da Loja ideal para sua loja é demonstrada nesta demonstração básica. Use isso como um ponto de partida e experimente para obter o máximo deste fantástico construtor de páginas