Destaque seus serviços usando o bloco Service – AitThemes Custom block

Destaque seus serviços usando o bloco Service – AitThemes Custom block

O bloco Service é o nosso primeiro bloco que lançamos em nosso plugin Citadela Pro. Graças a este bloco, você pode apresentar perfeitamente seus serviços ou características do produto, pontos-chave, visão ou escopo de trabalho. Ao adicionar o bloco de serviço à página ou postagem do WordPress, você pode destacar determinado elemento, adicionar ícone, descrição e CTA. Cabe a você decidir se deseja chamar a atenção dos visitantes para apenas um serviço específico ou para vários serviços por meio de vários blocos de serviços. Mas vamos começar do começo.

Neste artigo vamos explicar:

Objetivo principal do bloco de serviço - mostrar serviços de maneira atraente

O principal objetivo pelo qual você deve usar o bloco de serviço é que ele ajuda a apresentar as informações de maneira atraente. Ele pode dividir claramente grupos específicos de outros textos e destacá-los para chamar a atenção de todos. Os blocos de serviço ficam bem no layout porque:

  • Estruturar conteúdo
  • Atualize-o com ícones
  • Serviços separados com gráficos e espaçamento

Graças ao acima, o bloqueio de serviço pode atrair rapidamente a atenção dos visitantes.

 Destacar serviços via bloco de serviço
O conteúdo fica muito melhor se houver blocos de serviço para apresentar serviços ou produtos da empresa

Melhor navegação no site

Como o serviço está destacado, ele facilitará muito a verificação visual do site. Mesmo que o cliente apenas navegue pelo seu site, ele não sentirá falta dos serviços que você oferece.

Se você adicionar URL ao seu serviço, ele poderá ser usado como caixa de navegação com CTA. Isso fará com que os clientes cliquem na caixa para saber mais ou solicitar um serviço.

Bloco de serviço usado para apresentar recursos

O bloco de serviço também pode ser usado para destacar recursos do produto ou serviço que você oferece. Isso significa que cada bloco de serviço individual apresentará um recurso específico. Esta representação gráfica pode revelar as principais qualidades de determinado produto. Tendo em mente que os visitantes não querem ler muito texto.

Bloco de serviço usado como caixa de recursos
Use o bloco de serviço como caixa de recursos para enfatizar os recursos do produto

Onde pode ser usado o bloco de serviço

O bloco de serviço pode ser usado dentro de postagens e páginas – na verdade, em todos os lugares que você precisar. É bom utilizá-lo na página inicial que costuma ser um primeiro contato com os visitantes do site. Como o bloqueio de serviço pode capturar facilmente a atenção dos visitantes, recomendamos o uso de serviços nas páginas mais visitadas.

Os blocos de serviço podem ser usados na página de serviços dedicados, que tem um número alto de visitantes semelhante à página inicial. Você pode apresentar todos os serviços que oferece em um só lugar.

Falaremos sobre como criar a página Serviços mais tarde.

Compatibilidade com temas WordPress

A principal vantagem do bloco de serviço é que ele está disponível para todos os temas do WordPress que suportam o editor de blocos do WordPress (Gutenberg). Isso significa que você pode usá-lo em nosso tema ou em qualquer tema de terceiros, como Avada ou Divi. A única coisa que você precisa é instalar o plugin Citadela Pro.

Como adicionar bloco de serviço ao seu site

Como já mencionamos, para adicionar bloco de serviço ao editor, você precisa do plug-in Citadela Blocks. Após a ativação do plug-in, o bloco será adicionado automaticamente ao editor do WordPress.

O bloco de serviço pode ser adicionado clicando no símbolo “+” na barra superior ou em qualquer lugar dentro do editor. Depois disso, basta pesquisar o bloco fornecido usando o termo “Serviço”.

Adicione o bloco de serviço ao editor do WordPress clicando em “+”
Adicionando caixa de serviço clicando em “+”

A segunda opção para adicionar o bloco Service é usar “/“ e escrever a palavra “service”.

Inserir bloco de serviço com barra “/”
Insira o bloco de serviço usando a barra “/”

Feito. É assim que o bloco de serviço se parece com suas opções disponíveis.

Bloco de serviço criado
É assim que o bloco de serviço se parece

Configurações de bloqueio de serviço

Em primeiro lugar, você pode escolher o layout do serviço que será mais adequado ao design do seu site. Por padrão, há um layout de caixa, que centralizará o ícone, o título e a descrição. Você pode alterá-lo para Layout de lista na barra de ferramentas superior. O ícone será movido para próximo ao título e tudo ficará alinhado à esquerda.

Alterando o layout da caixa para o layout da lista
Configure o layout do seu bloco de serviço com um simples clique

Dentro do bloco Service existe um espaço reservado, que também funciona como uma dica. Você saberá exatamente o que escrever naquela caixa individual. Título geralmente significa nome do serviço ou recurso. O texto abaixo geralmente descreve melhor o serviço ou explica por que o cliente deve solicitá-lo.

O texto pode ser formatado como de costume, você pode defini-lo em negrito, itálico ou adicionar um link.

Personalização do bloco usando o Inspetor

As configurações avançadas no Inspector permitem que você modifique o bloco de serviço de acordo com suas necessidades. Você pode mudar:

1. Cores de bloco

  • Cor de fundo
  • Cor do título
  • Cor do texto
Mudança de cor do bloco de serviço
Personalize seu bloco mudando sua cor

2. Ícone ou imagem no bloco de serviço

Bloco de serviço por padrão exibe ícones. Você pode escolher um ícone diferente no seletor, usando a barra de pesquisa. Você também pode alterar a cor do ícone. Em vez de ícone, você também pode usar qualquer imagem. Ele pode ser configurado para corresponder ao tamanho do ícone ou para caber na largura da caixa de serviço.

Opções de ícone e imagem no Service block Inspector
Escolha o que você gostaria de exibir dentro do bloco – Ícone ou uma imagem?

Se você não deseja exibir ícone ou imagem dentro da caixa de serviço, pode desativar esse recurso completamente (Mostrar ícone ou imagem -> Nenhum).

3. Link

Para levar os visitantes para outra página, você pode adicionar um link na caixa de serviço. O CTA escolhido corretamente aumenta o número de cliques e a taxa de conversão. Você pode simplesmente escrever “Leia mais” e inserir o URL. Você também pode optar por abrir esse link em uma nova guia do navegador.

Inserir link de URL para bloco de serviço
Inserir URL para criar mensagem de chamada para ação

4. Classe CSS personalizada

Para usuários avançados do WordPress, como em outros blocos, há uma opção disponível para adicionar o próprio código CSS. Ele permite que você faça alterações maiores no design do bloco de serviço.

Como criar uma página de serviços com vários serviços

Como mencionamos no início deste artigo, a página Serviços pode ser usada para apresentar todos os serviços em um só lugar. Crie uma nova página e insira vários blocos de serviço lado a lado ou um após o outro. Os blocos com serviços podem ser colocados em qualquer lugar com base em seus requisitos. É simplesmente com você, como você o usa.

Como adicionar a página de serviço no editor de blocos do WordPress usando o bloco de serviço?

  • Como primeira coisa, você precisa adicionar Bloco de colunas
  • Defina o número de colunas. Se você deseja apresentar 3 serviços, precisa de 3 colunas
  • Depois disso, adicione um bloco de serviço em cada coluna
Página de serviços criada por mais blocos de serviços
3 blocos de serviço aninhados no bloco de colunas

Como cada serviço é um bloco individual, a administração é simples e clara. Você pode duplicar o bloco selecionado e usá-lo em outro lugar da sua página. O melhor é que os blocos de serviço também ficarão bem na versão responsiva em dispositivos móveis.

Você já experimentou nosso bloco de serviço? Como você o encontra? Estamos ansiosos para ver suas primeiras reações nos comentários abaixo.

3 pensamentos sobre “Highlight your services using Service block – AitThemes Custom block

    1. Olá Scotty,

      obrigado por perguntar.
      Service Block vem com o seguinte plugin: https://www.ait-themes.club/wordpress-plugins/citadela-blocks

      Atenciosamente!
      Zlatko
      equipe AIT

Comentários estão fechados.