Integração ShopEngine com Gutenberg para loja WooCommerce

Finalmente a espera acabou! ShopEngine agora é compatível com o seu Editor de blocos de Gutenberg. Anteriormente, você só podia acessar os widgets do ShopEngine através da janela Elementor, certo?

Mas agora o ShopEngine está disponível além disso. Além de acessar os widgets do ShopEngine através do Elementor, você pode usar ShopEngine em Gutenberg para loja WooCommerce. No entanto, em Gutenberg, esses widgets aparecerão como blocos.

Na verdade, as funções dos widgets Elementor e dos blocos Gutenberg são idênticas. Então, onde está a diferença? A diferença está na aplicação. Para widgets Elementor, você tinha que arrastar e soltar widgets nas áreas designadas para visualizar a saída. Mas para os blocos de Gutenberg, basta clicar nos blocos e seu trabalho estará concluído.

Uma visão geral de Gutenberg:

Como usuário do WordPress, você deve estar familiarizado com o termo Gutenberg. É um editor de conteúdo WordPress, também conhecido como editor de blocos WordPress. Hoje em dia, Gutenberg é o editor WordPress mais popular entre os usuários WordPress devido à sua facilidade de uso. Muitos Plug-ins do WordPress Gutenberg também estão disponíveis em desenvolvedores terceirizados.

Anteriormente, as pessoas estavam mais acostumadas a usar o “Classic Editor”, outro editor do WordPress. Desde o advento de Gutenberg, as pessoas têm abraçado mais o editor de blocos do que o Editor Clássico. A especialidade de Gutenberg é seu conteúdo baseado em blocos.

Não importa se é um parágrafo, uma imagem ou um botão, cada um desses elementos é um bloco. Ao contrário do Editor Clássico, este editor de conteúdo baseado em blocos permite manipular seu conteúdo com mais controle. A melhor parte deste editor de blocos é que ele permite que desenvolvedores terceirizados incorporem blocos personalizados.

E é exatamente nisso que vamos focar neste blog informativo, pois a partir de agora, um monte de recursos do ShopEngine estarão à sua disposição no Gutenberg para WooCommerce. Antes de nos dilatarmos Blocos personalizados do ShopEngine em Gutenberg, deixe-me esclarecer por que ShopEngine integrado com Gutenberg para WooCommerce.

Por que integrar ShopEngine com Gutenberg:

ShopEngine foi inicialmente projetado exclusivamente para Elementor. Isso significa que você pode construir suas páginas WooCommerce apenas para Elementor. Mas agora, como mencionei anteriormente, o ShopEngine deu um passo à frente após ser integrado ao Gutenberg.

Então, o que nos fez integre ShopEngine com Gutenberg para WooCommerce? Para responder a esta pergunta, deixe-me apresentar a vocês alguns dados-

Conforme gutenstats.blog, Gutenberg recebeu 76 milhões de instalações ativas até agora. Além disso, 264,5 milhões de posts escritos com Gutenberg até o momento.

Acredito que esses dados sejam suficientes para convencer qualquer pessoa do motivo pelo qual expandimos o alcance do ShopEngine para Gutenberg. Milhões de pessoas estão implantando o Gutenberg para desenvolver seu conteúdo e não queremos que elas percam o fascinante recursos que o ShopEngine ofertas.

Mais alguns motivos de integração do ShopEngine com Gutenberg:

Deixe-me enfatizar um ponto que Gutenberg não é apenas um editor de conteúdo. O projeto Gutenberg visa transformar o editor de blocos em um ferramenta de edição de site completo no futuro próximo.

A ideia é permitir que você projete 100% do seu site WooCommerce com o editor Gutenberg. Se isso acontecer, a procura por Gutenberg provavelmente disparará. Então vale a pena integrar o ShopEngine ao Gutenberg para WooCommerce, certo?

• Com Gutenberg, você não precisa usar códigos de acesso para incorporar conteúdo. Em vez disso, você pode implantar os blocos para adicionar os elementos de página necessários.
• Gutenberg está livre de problemas de compatibilidade, então os desenvolvedores podem incorporar facilmente o suporte a Gutenberg em seus plug-ins.
• Gutenberg produz um código leve e também é uma ferramenta de carregamento rápido.

Alguns dos blocos ShopEngine notáveis em Gutenberg:

Antes de esclarecer os blocos do ShopEngine, deixe-me esclarecer que o ShopEngine vem com Mais de 65 widgets, Mais de 13 módulos, e uma infinidade de modelos para páginas da loja WooCommerce voltadas para usuários Elementor. Após a integração do ShopEngine com Gutenberg para WooCommerce, agora você pode ter acesso a Mais de 45 blocos ShopEngine em Gutenberg.

Dependendo do tipo de página que você selecionar para construir um modelo para sua loja WooCommerce, os blocos de Gutenberg aparecerão de acordo. Além disso, você terá acesso a módulos como Visualização rápida, amostras de variação, comparação de produtos e lista de desejos.

Vamos dar uma olhada em alguns dos blocos ShopEngine em Gutenberg para a loja WooCommerce-

Título do produto:

O Título do produto O bloco aparece em uma única página para um produto específico. Depois de selecionar o tipo de página única para construir seu modelo, basta clicar no bloco Título do produto na barra lateral.

Imediatamente depois disso, o título do seu produto aparecerá na página. Na barra lateral direita, você pode modificar a tag de título, alinhamento, cor e tipografia.

Lista de produtos:

A lista de produtos exibe todos os tipos de produtos que você vende em sua loja WooCommerce. Lista de produtos O bloco aparece em todos os tipos de páginas, incluindo páginas individuais, de loja, de checkout e de carrinho. Depois de selecionar o tipo de página, clique na lista de produtos no pop-up ou na barra lateral.

Certifique-se de selecionar a categoria do produto para que os produtos sejam exibidos. Na barra lateral direita, você pode selecionar e personalizar diferentes elementos da lista de produtos. Você pode selecionar o número de produtos por página, tags, mostrar/ocultar selo de vendas, porcentagem de desconto, etc.

Descrição do produto:

Se você criar um modelo de página única, Descrição do produto O bloco aparecerá na barra lateral. Para que a descrição do produto apareça em sua página, clique no bloco de descrição do produto. Você pode personalizar a descrição e também estilizá-la modificando tipografia, cor, alinhamento, etc.

Pagamento de finalização da compra:

Como o widget Checkout Payment no Elementor, Bloco de pagamento de checkout trabalha em Gutenberg. Você pode visualizar o bloco “Checkout Payment” se acessar crie um modelo para sua página de checkout. Depois disso, você pode adicionar o bloco de pagamento de checkout conforme necessário para sua loja WooCommerce.

Você terá a opção de alterar o estilo do conteúdo, métodos de pagamento, botão, etc. Você pode ajustar a posição da caixa de seleção, cor do botão, tipografia, borda, etc.

Produtos de arquivo:

A página de produtos arquivados contém todos os produtos postados em um só lugar. Para criar um modelo de página de arquivo em Gutenberg para WooCommerce, basta ir até a barra lateral esquerda e clicar no botão Bloco de arquivamento de produtos. Todos os produtos do inventário aparecerão um após o outro.

A página de produtos do Archive possui uma abundância de segmentos, incluindo layout, conteúdo, paginação, classificação, etc. A página contém uma grande quantidade de elementos como título do produto, imagem do produto, preço do produto, descrição do produto, rodapé do produto e assim por diante.

Mesa do carrinho:

Na tabela do carrinho, todos os detalhes dos produtos selecionados aparecem, incluindo nome dos produtos, preço, quantidade, subtotal e valor total. Com ShopEngine Bloco de tabela de carrinho, você pode mostrar aos seus compradores todas as informações relevantes para seus produtos por meio de uma tabela de carrinho no Página do carrinho WooCommerce.

Para personalizar o conteúdo e estilizar diferentes elementos da tabela do carrinho, você obterá parâmetros na barra lateral direita. Você pode ajustar as cores do cabeçalho e rodapé do produto, cor da borda, cor do texto, bem como personalizar seções de conteúdo, incluindo título, preço, quantidade, total, etc.

Produtos vistos recentemente:

Com ShopEngine Bloco de produtos visualizados recentemente, você pode mostrar os produtos que seus usuários navegaram ou visualizaram recentemente em sua loja WooCommerce. Você pode exibir produtos visualizados recentemente na página da loja, página do produto, página do carrinho, etc.

Assim como os demais blocos, você pode observar os parâmetros relacionados aos produtos visualizados recentemente na barra lateral direita. Aproveitando os parâmetros, você pode especificar o número de produtos a serem exibidos, mostrar/ocultar selos de vendas, definir o intervalo entre colunas e linhas, ajustar a altura das imagens dos produtos, etc.

Concluindo:

Então, qual é a sua opinião sobre a nossa mudança para integre ShopEngine com Gutenberg para WooCommerce? Conte-nos sobre sua experiência de implantação de blocos ShopEngine em Gutenberg para a loja WooCommerce.

Você é muito bem-vindo para dar qualquer feedback positivo ou negativo sobre a integração do Gutenberg para WooCommerce. Também gostaríamos de receber sugestões suas para agilizar nosso processo de integração. No entanto, nossos trabalhos em Integração do ShopEngine com Gutenberg ainda está em andamento. Em breve terminaremos o projeto.