Tudo sobre a Integração do Elementor com WooCommerce

Os Donos de loja de WooCommerce adoram o Elementor pela facilidade de montar a página de vendas do produto. Agora a equipe do Elementor disponibiliza widgets nativos para exibir produtos, criar botões de carrinho de compra e muito mais.

Tabela de Preços do Elementor Pro

Um item que chama a atenção é o widget para Tabela de Preços, muito comum em websites institucionais que vendem serviços.

A Tabela de Preços é um elemento fundamental em uma página de vendas pois compara planos e recursos de produtos e serviços de um modo fácil de ser visualizado e entendido pelo usuário.

Com o Elementor Pro você poderá criar Tabelas de Preço incríveis para suas Landing Pages ou websites institucionais sem ter que se preocupar com HTML ou CSS.

Elementor Add to Cart Widget

O WooCommerce é fantástico para gerenciar pequenas e médias lojas, áreas de membros, etc com todo o poder do WordPress e o Elementor permitirá desenhar páginas de vendas com forte apelo visual onde o usuário poderá ter uma experiência completa de uma loja dentro dos componentes da integração do Elementor com o WooCommerce.

O Widget Add To Cart permite que seus visitantes comecem uma compra através das suas landing pages com Elementor. Fantástico!

Você poderá finalmente montar a landing page dos seus sonhos com os componentes do Elementor e adicionar o botão de compra direto na página.

O widget WooCommerce Elements

Este componente permite você adicionar uma série de elementos do WooCommerce em suas páginas. Por Exemplo:

  • Página do Carrinho de Compras
  • Página Single do Produto
  • Página de Checkout
  • Página de Acompanhamento do Pedido
  • Página da Conta do Usuário

Com estes componentes o Elementor permitirá que seus visitantes tenham uma experiência completa na sua loja.

Isso significa que agora você não precisa mais ficar preso com o design padrão dos templates do WooCommerce para WordPress.

Você poderá personalizar sua loja para ficar mais bonita e converter mais vendas, o Elementor permite que use diversos widgets para que você possa vender mais.

Widget para Categorias de Produtos

A última peça desta atualização é o widget que permitirá listar produtos de determinadas categorias em qualquer área do seu site ou Landing Page.

Você tem controle total do layout da lista de exibição das categorias além de poder criar uma pesquisa de produtos para exibir somente o que você deseja. Ótimo para promoções!

E aí entra o WooCommerce Builder

A Elementor apresenta o WooCommerce Builder – uma nova maneira simplificada de construir lojas on-line de maneira visual e eficiente.

Se você já tentou criar lojas WooCommerce, sabe o quão complicado é personalizar o layout desses tipos de sites.

Agora, pela primeira vez, estamos orgulhosos de apresentar nossa própria solução para construir lojas on-line no WordPress usando o Elementor.

Atualização importante: Se você quiser um guia rápido para começar a usar o Elementor e WooCommerce, confira este tutorial em vídeo detalhado.

Modo antigo VS Modo Elementor

No passado, os Web Designers tinham duas maneiras de criar uma loja WooCommerce personalizada:

  • Codificação de arquivos PHP: Fazer isso para o WooCommerce é muito mais complicado do que a customização do tema WordPress, dada a estrutura muito mais complexa dos modelos WooCommerce.
  • Codificando os Hooks do WooCommerce: Isso foi feito através da adição de elementos antes ou depois dos ganchos relevantes, um processo extremamente limitado, também propenso a erros e conflitos.

Ambas as formas eram dispendiosas, demoradas e envolviam a coordenação entre tarefas complexas de desenvolvedores e projetistas.

Entendendo o WooCommerce Builder

Com o Elementor WooCommerce Builder, você alcança uma loja personalizada de pixels perfeita, mas pula as partes codificadas manualmente.

Esse novo processo simplificado e visual eliminará a maior parte do incômodo que os profissionais enfrentam ao criar uma loja no WordPress.

Designers concluirão projetos de comércio eletrônico mais rapidamente e oferecerão uma loja muito mais estável e flexível.

A primeira versão do WooCommerce Builder lida com as áreas mais fundamentais do WooCommerce:

  • Modelo de produto único – para criar as páginas de produtos perfeitas que geram mais vendas.
  • Modelo de arquivo do produto – para otimizar a aparência das páginas que exibem seus produtos.
  • No futuro, vamos expandir o construtor de WooCommerce para cobrir todas as áreas da loja online.

Modelo Single do Produto

Você pode finalmente controlar a aparência de todos os elementos que compõem sua página de produto.

Brinque com seu layout e faça com que ele pareça perfeito. O design da página do produto certo pode fazer uma grande diferença em termos de convencer seus visitantes a seguir com a compra deles.

Modelo de Arquivo do Produto

Usando o widget Product Archive, você pode escolher quais produtos são exibidos na lista e personalizar sua aparência.

Desde o número de colunas até as configurações de cor e tipografia, essas configurações permitem que você alcance uma ampla variedade de vitrines de produtos.

Além dos arquivos de produtos, você também poderá personalizar suas páginas de resultados de pesquisa de produtos, para que os visitantes de seus clientes possam encontrar o produto exato que estão procurando.

Widgets Exclusivos para a Página do Produto no WooCommerce

Widgets Exclusivos para a Página do Produto no WooCommerce

Você terá muitos widgets à sua disposição, incluindo:

  • Título do produto;
  • Galeria de Fotos;
  • Imagem do Produto;
  • Preço do Produto;
  • Classificação do Produto;
  • Descrição resumida;
  • Breadcrumbs;
  • Guias de dados;
  • Estoque do Produto;
  • Produtos Relacionados;
  • Addons dos Produtos;
  • Adicionar ao carrinho;
  • Meta;
  • Conteúdo do Produto;
  • Informações adicionais.

Outro widget que foi adicionado é o carrinho de menu, que permite adicionar facilmente o botão de carrinho ao seu cabeçalho e personalizá-lo da maneira que quiser.

Quando os visitantes clicarem nesse botão, o menu deles será exibido, revelando a lista de itens que eles planejam comprar.

Luiz Eduardo

Infra @ Powertic, Rails Developer, Maintainer do Mautic Docker e do Saelos Docker, Revisor da Tradução do Mautic, Administrador da Comunidade Mautic Brasil.

Este post tem 5 comentários

  1. so posso usar o woocommerce com o elementor na versão paga?

    1. Olá Victor, sim .. está disponível somente no Elementor Pro

  2. Bom dia Luiz,

    Tenho o Elementor Pro, mas não consigo usar na Loja WooCommerce. Quando tento editar a Loja com o Elementor, dá um bloqueio.
    Quero colocar um banner entre o cabeçalho e o inicio da loja.

    Existe alguma solução para o Elementor?°?

  3. Olá Luiz, estou pesquisando muito sobre o Elementor Pro com o intuito de usar o WooComerce.
    Mas ainda estou dividido se viro ou não um usuário PRO do elementor.
    Eu ja sei que na parte de design, não tem nem oque discutir com o uso da ferramenta, ela te permite modelar seu ecommerce da forma que vc desejar, deixando tudo personalizável. Mas pelo que eu andei lendo, pelo fato de ser uma ferramenta do wordpress, e o wordpress não ter sido desenvolvido especificamente pra arear de ecommerce, ele se torna muito mais veraneável que outras plataformas especificas. Oque deixa a duvida se vale apena usar o elementor pro com o intuito de criar um ecommerce, ou deixar o elementor apenas pra criar sites institucionais .. Qual seria sua opinião sobre isso? Desde já muito obrigado.

    1. Olá Nathan, tudo jóia? O Elementor Pro permite que você personalize 100% da pagina Single do Woocommerce, inclusive você pode criar layouts específicos para produtos, categorias, tags, etc. O WooCommerce possui uma parcela enorme na fatia de mercado do e-commerce, além disso unir os produtos ao conteúdo do site e todas as facilidades que o WordPress permite faz do WooCommerce uma plataforma poderosa. Recomendo esta análise https://barn2.co.uk/woocommerce-stats/

      Aqui no meu site uso o tema OceanWP que possui integração perfeita com o WooCommerce, além de plugins que melhoram muito a experiencia do usuário. Vale muito a pena

Comentários encerrados.

Fechar Menu
×

Carrinho