Apresentando o bloco de lista ProductX [adicione poder às descrições do produto!]

ProductX é um plugin de blocos WooCommerce que conquistou o coração de muitos. No entanto, capacitar as descrições dos produtos e apresentar seu site WooCommerce precisava de trabalho.

Para isso, criamos uma solução que certamente causará impacto.

Conheça o bloco de lista ProductX – uma forma criativa de mostrar seus produtos ou loja WooCommerce.

Ele vem com o mesmo nível de funcionalidade e fluidez que você espera do plugin de blocos ProductX Gutenberg .

Agora vamos explorar o que gerou a ideia de criar uma solução tão útil.

Por que o bloco de lista ProductX é útil?

Embora você possa usar o bloco de lista de várias maneiras criativas, aqui estão algumas maneiras óbvias de considerá-los úteis.

Crie diversas descrições de produtos

Se você estiver construindo uma única página de produto, nosso construtor WooCommerce vai te ajudar muito.

Você pode adicionar vários blocos importantes do WooCommerce Gutenberg para incrementar a página do produto.

No entanto, anteriormente, você tinha que contar com blocos enfadonhos de Gutenberg para mostrar a descrição do produto.

Não muito eficiente!

O bloco ProductX Gutenberg para listagem oferece muito mais profundidade em recursos. Você obtém controles de nível granular para fazer a lista aparecer do jeito que você deseja.

Torne as descrições dos produtos digitalizáveis

Você precisa entender alguma coisa.

Os clientes não terão o mesmo nível de entusiasmo – eles não sentem o mesmo em relação ao seu produto que você.

A forma ideal de destacar seu produto é:

• Torne a descrição escaneável com listas
• Modifique os espaços em branco e o tamanho da fonte para uma entrega clara

Você pode fazer todas essas coisas com o bloco de lista ProductX!

É mais fácil fazer descrições de produtos digitalizáveis ​​com uma lista ou marcadores. Você pode criar facilmente descrições de produtos atraentes.

Além disso, com as configurações avançadas, você tem a opção de ajustar a altura, inline ou personalizá-la da maneira que desejar (exploraremos o que você pode fazer!)

Use como quiser

Não é que você precise usá-lo apenas para descrições de produtos.

Você pode usar nosso bloco de lista dinâmica em qualquer lugar da sua loja WooCommerce. Você pode usá-lo como um explicador rápido sobre sua loja de forma digitalizável.

Ou você também pode usá-lo para qualquer outra finalidade.

Agora, vamos explorar os recursos do bloco de lista.

Antes de explorar os recursos, você provavelmente precisa saber primeiro como usar o bloco de lista ProductX, certo?

Como usar o bloco de lista ProductX?

Usar este bloco ProductX é semelhante a outros. Claro, você precisará ter o plugin ProductX instalado em seu site WordPress para que isso aconteça.

Tudo o que tem a fazer é:

• Vá para uma página e clique no ícone “+” no canto superior direito
• Pesquise “lista” e você verá o bloco da lista ProductX
• Basta arrastá-lo para a página e ele aparecerá

Esta é apenas uma maneira de fazer isso.

Você pode alterar os padrões assim como fizemos aqui. Discutiremos mais sobre isso na próxima seção, à medida que passarmos para os recursos.

Explorando recursos do bloco de lista ProductX

A profundidade dos recursos do bloco de lista tem um foco – ajudá-lo a destacar melhor seus produtos. Por isso, é importante que você preste atenção ao que vamos discutir aqui.

Listar padrões de bloco

Assim como o bloco de botões no plug-in ProductX WooCommerce Gutenberg, você encontrará alguns padrões pré-fabricados que pode usar para acelerar seu processo de back-end.

Você pode simplesmente importar um desses padrões e personalizá-los como desejar.

Existem vários padrões pré-fabricados para você escolher – você pode dar uma olhada nesses padrões com antecedência. Basta acessar o link abaixo e conferir como eles ficam na vida real:

Agora, vamos explorar os principais recursos do bloco de lista.

Alinhamento Global, Layout e Posicionamento

Criamos um exemplo personalizado usando um dos padrões pré-fabricados. Você também pode fazer ajustes personalizados neles.

Globalmente, você pode alterar os layouts – temos algumas opções predefinidas para você. A visualização embutida e os recursos de alinhamento vertical permitem personalizar o posicionamento de toda a lista. Além disso, você tem a capacidade de alterar o espaçamento dos itens da lista e onde deseja que as listas apareçam na página.

Imagem ou ícones (mudanças globais)

Você pode definir os marcadores como ícones ou imagens, ou escolher entre outras configurações predefinidas. Você também tem a liberdade de fazer upload de imagens personalizadas.

Na imagem que você vê aqui, as imagens foram definidas individualmente. No entanto, você pode definir uma imagem ou ícone global e usá-lo para todos os itens de uma lista específica.

Configurações de conteúdo

Lembra dos pontos que falamos destacando as características do produto? Você só precisa escrever o conteúdo do marcador e começar a editar.

Você pode destacar essas configurações de conteúdo conforme achar adequado, usando os recursos flexíveis.

Você tem a opção de desativar ou ativar o texto ou o subtexto (seja criativo do seu jeito!). Além disso, você pode usar as configurações integradas de texto e subtexto para tornar a descrição do seu recurso mais atraente.

O “ Subtexto do ponto médio ” só funciona com nossos layouts pré-fabricados. Você gostaria de verificar a documentação sobre isso (e se estiver tendo problemas com outros recursos). Isso o ajudará a aproveitar ao máximo o bloco de lista para apresentar seus produtos WooCommerce:

Configurações de quebra de conteúdo e separador

O “ Content Wrap ” irá ajudá-lo a dar uma visão diferente à lista. Se quiser ser sofisticado, você pode alterar a forma como cada item do seu conteúdo é agrupado. Basta olhar para o exemplo aqui:

Adicionamos preenchimento, cor de fundo e raio de borda para dar vida aos principais recursos de nossos produtos. Novamente, se você não tiver certeza de como funciona, verifique nossa documentação detalhada.

O “ Separador ” é um recurso complicado que pode despertar sua criatividade. Você pode ativá-lo ou desativá-lo em situações específicas ou usá-lo globalmente usando o construtor ProductX WooCommerce.

Tipo de ícone e estilo de ícone (configurações individuais)

Você pode alterar os tipos e estilos de ícones individuais – um dos principais fatores de personalização do bloco de lista ProductX. Se você observar o exemplo, adicionamos ícones personalizados individuais para cada um dos itens da lista. E você também pode fazer isso!

Você pode brincar com as várias configurações – como definir imagens individuais para os marcadores , se desejar. Você também pode alterar as propriedades do texto e do subtexto, bem como alterar seus estados de foco. Você também pode ajustar o espaçamento.

No entanto, provavelmente é uma boa ideia manter as coisas simples e limpas. Seu objetivo deve ser manter as descrições dos produtos o mais claras possível. Os usuários devem saber que isso está de acordo com seus interesses e resolve um problema para eles!

Observação: observe que a demonstração para explicar as funções dos blocos de lista foi feita usando o construtor ProductX WooCommerce para construir uma única página de produto. Embora você possa usar o bloco de lista ProductX para exibir recursos em qualquer lugar, pode ser necessário verificar e especificar a página “Condições” ao criar páginas de produtos individuais. Por favor, verifique a documentação para saber mais.

Palavras Finais

Este é apenas um instantâneo do bloco de lista ProductX .

Veja bem, os recursos incorporados ao bloco de lista oferecem criatividade semelhante à do Lego . Você é o construtor – construa e exiba os recursos do produto da maneira que desejar. O céu é o limite!

Boa sorte e divirta-se criando! Compartilhe como você exibiria seus produtos.

Você pode conferir os tutoriais em vídeo do WordPress em nosso canal no YouTube. Além disso, encontre-nos no Facebook e no Twitter para atualizações regulares!