ProductX WooCommerce Builder para lojas online

A popularidade do plugin WooCommerce para criar lojas online continua a aumentar. O ecossistema WooCommerce é amplamente popular e atualmente é a primeira escolha para criar lojas de comércio eletrônico. Atualmente, a maioria dos proprietários de pequenas empresas está criando sua loja online no WooCommerce. Por causa disso, é difícil fazer um site que se destaque de outras lojas.

Além disso, o WooCommerce não possui muitos recursos essenciais necessários para uma loja online de ídolos. Se você quiser superar essa situação, tente usar um plug-in do construtor WooCommerce. Ele permite criar diferentes tipos de modelos de página essenciais com todos os recursos necessários e alterá-los com os padrões. Portanto, neste blog, discutirei um dos construtores WooCommerce mais promissores que oferece todos os recursos essenciais sem sair do ecossistema Gutenberg.

Apresentando o ProductX: Gutenberg WooCommerce Builder

ProductX é uma solução baseada em Gutenberg para expandir as funcionalidades do plugin WooCommerce para criar lojas online de ídolos. Ele oferece vários blocos de produtos, recursos essenciais e vários complementos.

O WooCommerce Builder é um dos poderosos complementos do ProductX. Ele ajuda a criar modelos dinamicamente para várias páginas e substituir os modelos existentes do WooCommerce.

A principal atração do add-on Builder do ProductX é que ele funciona como um editor Gutenberg. E por causa disso, possui recursos completos de construção dinâmica sem qualquer redundância.

O que podemos fazer com o ProductX WooCommerce Builder

Como já discuti o complemento Gutenberg WooCommerce Builder do ProductX, é hora de discutir o que podemos fazer com ele. Se você estiver familiarizado com qualquer um dos plugins construtores populares, será mais fácil para você entender.

Assim como qualquer outro construtor, ajuda a criar e personalizar modelos para a maioria das páginas essenciais das lojas WooCommerce. Isso inclui:

• Página da loja
• Arquivos de produtos
• Categorias de Produtos
• Página do carrinho
• Páginas de produtos únicos e muito mais

Depois de criar modelos para as páginas mencionadas acima, os modelos padrão de suas páginas existentes serão substituídos por novos.

Como usar o WooCommerce Builder do ProductX

Obviamente, apenas ter uma solução não a torna a melhor escolha. Uma solução óbvia também deve ter uma boa experiência do usuário. A maioria dos usuários do WordPress deseja que todas as soluções sejam simples e fáceis de usar. Então, vamos verificar como funciona o WooCommerce Builder do ProductX.

Como eu disse anteriormente neste post do blog, o WooCommerce Builder é um complemento do ProductX. Portanto, para usá-lo, precisamos ativá-lo após instalar e ativar adequadamente o plug-in ProductX. Veja como:

• Do seu painel do WordPress, vá para a seção ProductX
• Agora, clique na seção Add-ons do ProductX
• Ative o Builder em todos os complementos disponíveis

Depois de ativar o complemento Builder, você pode criar modelos ilimitados e substituí-los pelos modelos padrão do WordPress.

Vamos ver como podemos criar um modelo para facilitar a compreensão de como ele funciona. Então, você precisa seguir as etapas abaixo para criar um modelo:

• Vá para a seção Construtor
• Clique no botão “Adicionar Novo”
• Adicionar um nome do modelo
• Escolha o tipo do modelo
• Selecione as condições se necessário
• Clique no botão “Criar modelo”

Na opção de seleção de tipo, você precisa escolher a página para a qual deseja criar o modelo. E, em seguida, selecione a condição de acordo com suas necessidades.

Crie e personalize a página de loja personalizada usando o WooCommerce Builder

Agora, vamos ver como você pode criar um modelo de página de loja personalizado do zero. Em primeiro lugar, selecione Loja como o tipo ao criar um modelo. Não há necessidade de selecionar condições, pois o WooCommerce Shop possui apenas um modelo.

Após selecionar o tipo, clique no botão “Criar modelo”, e seu modelo estará pronto. No entanto, o modelo está vazio e você precisa personalizá-lo do zero.

Ao personalizar o modelo da página da loja, você decide o que e como deseja exibi-lo. Não se preocupe; O ProductX tem todas as opções para criar uma página de loja perfeita. Como você sabe, a página de loja perfeita deve ter produtos com lojas de filtragem para permitir que os compradores encontrem facilmente os itens desejados.

Agora vamos ver como você pode adicionar produtos e opções de filtragem à página da loja. Por exemplo, exibirei produtos no lado direito e opções de filtragem no lado esquerdo. No entanto, você também pode fazer o inverso.

Para exibir corretamente os produtos e as opções de filtragem lado a lado, você precisa usar o bloco de colunas Gutenberg. Então, estou adicionando uma coluna com uma proporção de 70/30.

Em seguida, podemos adicionar o bloco de filtro de produto no lado esquerdo e quaisquer blocos de produto disponíveis no lado direito. Por exemplo, estou adicionando o bloco Product Grid 1.

Agora, temos que conectar o bloco do produto com os blocos de filtragem. Para isso, clique na opção de seleção de grade e selecione a grade de produtos que você adicionou à página da loja.

Não se preocupe se você não gostar da grade padrão do produto e dos blocos de filtro, pois o ProductX tem uma opção de personalização completa para todos os blocos.

Por último, mas não menos importante, você também pode escolher entre dois tipos de paginação, carregar mais e numérica se quiser paginar sua página de loja.

Depois de personalizar, você pode publicar o modelo da página da loja e verificar como ele fica para os compradores.

Crie e personalize o modelo de página de categoria usando o WooCommerce Builder

Agora que você sabe que aprendeu a criar um modelo de página de loja personalizado. É hora de aprender a fazer o mesmo com o modelo de página de categoria. Assim será mais fácil para você entender corretamente como funciona o construtor do ProductX.

Portanto, selecione arquivar como o tipo de modelo e, em seguida, selecione a condição de “todas as categorias de produtos”, pois deseja criar um modelo para todas as categorias. No entanto, uma opção de seleção de categoria de produto específica também está disponível se você quiser criar modelos separados para categorias específicas.

Agora, clique e comece a editar o modelo. Então você pode começar a personalizá-lo como o modelo da página da loja.

Primeiro, você precisa adicionar o bloco de título do arquivo que exibirá o nome do título da categoria. Depois de adicionar o bloco, você altera o tamanho, a cor e a tipografia.

Depois disso, você pode adicionar os blocos de produto desejados ao modelo. Em seguida, os produtos serão exibidos dinamicamente de acordo com suas respectivas categorias.

Quando estiver satisfeito com o modelo, publique-o e veja como as categorias de produtos ficam após a implementação do modelo.

Conclusão

Isso é tudo sobre o Gutenberg WooCommerce Builder do ProductX. No entanto, os recursos do construtor não terminam aqui. Você também pode criar e personalizar modelos de página de produto único do WooCommerce. Agora, como você tem uma visão geral do Gutenberg Builder para WooCommerce mais promissor, você pode começar a redesenhar sua loja WooCommerce com facilidade.