7 melhores plug-ins de caixa de ícones para WordPress (gratuitos e pagos)

O design da Icon Box é a melhor maneira de apresentar um resumo conciso de seus produtos ou serviços. Apresentar suas informações em um design em formato de caixa pode ser uma forma atraente de mostrar seu conteúdo. No entanto, você precisa da ajuda de um plugin de caixa de ícone se quiser criar este design em seus sites WordPress.

Mas, quando se trata de plugins, pode haver muitas opções. E é exatamente disso que trata este post: continue lendo para aprender sobre os melhores plug-ins de caixas de ícones do WordPress!

O que é uma caixa de ícones?

Uma caixa de ícones é como uma caixa de recursos. Essencialmente, ele permite exibir informações importantes em um cartão em formato de caixa.

Normalmente, os usuários do site não apreciarão uma descrição extensa de seus serviços ou produtos. Mas você pode simplificar facilmente essa experiência tediosa em seu site WordPress com um plugin de caixa de ícone.

Ele permite exibir uma caixa de conteúdo e, dentro dela, você normalmente verá um ícone pressionado e outros elementos como um título, uma descrição e um botão. E um bom plugin permite que você personalize os elementos da caixa de ícone para destacar seu USP (Ponto de Venda Único) fundamental de forma intuitiva.

Então, vamos aprender sobre os melhores plug-ins de caixa de ícones…

Os 7 principais plug-ins de caixa de ícones do WordPress

Aqui está nossa coleção escolhida a dedo de plug-ins de caixas de ícones. Testamos esses plug-ins e tentamos usar todos os recursos. Observe que os plug-ins que apresentaremos são uma mistura de opções gratuitas e pagas.

1. Widget da caixa de ícones do ElementsKit

Estatísticas do plug-in:

• Instalação ativa: mais de 1 milhão (versão gratuita)
• Classificação: 5,0 ou superior
• Mais adequado para : Caixa de ícones multiuso.

ElementsKit é uma opção de plug-in de caixa de ícones completa e multifuncional que você pode usar para oferecer informações visualmente atraentes ou caixas de recursos em qualquer lugar do seu site WordPress. Você encontrará esse recurso como um widget no plugin ElementsKit.

O widget ElementsKit Icon Box facilita tudo, como ícone, título, descrição, botão e outros recursos exclusivos, como emblema e marca d’água . A grande vantagem deste plugin em termos de funcionalidade da caixa de ícones é sua vasta coleção de ícones. Você terá acesso a Font Awesome- Regular, Font Awesome- Solid, Font Awesome- Brands e ElementsKit Icon Pack.

Além disso, o ElementsKit também oferece vários efeitos de animação em efeitos de foco. Você pode aplicá-lo individualmente aos ícones ou à caixa de ícones inteira. Assim, você terá funções ainda mais poderosas ao exibir a parte principal de seus produtos ou serviços.

Prós:

• Carregue um ícone SVG do seu dispositivo.
• Posicione-os facilmente no layout da página.
• Extensas coleções de ícones.
• Habilitando uma marca d'água para a caixa de ícones.
• Adicione e personalize o emblema e a borda.
• Ative o botão apenas para passar o mouse.
• Estilize a caixa do ícone com uma sobreposição de fundo.
• Disponível como um widget gratuito do plugin ElementsKit.

Contras:

• Vem como um complemento de terceiros.

2. Widget de caixa de ícone Elementor

Estatísticas do plug-in:

• Instalação ativa: mais de 5 milhões (versão gratuita)
• Classificação: 4,6 ou superior
• Mais adequado para : Caixa de ícones multiuso.

Outro plugin gratuito que você pode usar no site WordPress é o Elementor Icon Widget. O que gostei neste plugin é que você não precisa instalar nenhum plugin adicional como faz com o ElementsKit. Onde você precisa ter o Elementor e o ElementsKIt instalados. E a interface do usuário é amigável para iniciantes.

Porém, alguns recursos poderosos do ElementsKit, como botões, emblemas ou marcas d'água, estão faltando no Elementor. Funcionará bem para mostrar uma caixa de ícones mínima. Como se você não pudesse navegar pelos visitantes para qualquer lugar, pois não possui a funcionalidade do botão.

Quando se trata de adicionar efeitos de foco na caixa de ícones com Elementor Builder, você receberá um pouco de suporte. E não haveria nenhum efeito de animação de abertura em efeitos de foco, como nossa escolha principal, ElementsKit. No entanto, a caixa de ícones do Elementor pode ser útil para trabalhar e possui funcionalidades de personalização suficientes.

Prós:

• Personalize o ícone e defina sua localização.
• Aplique efeitos de animação ao passar o mouse.
• Obtenha opções de estilo para tipografia.
• Caixa de ícone responsiva móvel.

Contras:

• Não é possível adicionar nenhum emblema, marca d'água ou botão.

3. Painéis Colorbox e caixa de informações

Estatísticas do plug-in:

• Instalação ativa: mais de 1.000
• Classificação: 4,6 ou superior
• Mais adequado para : Caixa de ícones multiuso.

Quando testamos este plugin baseado em bootstrap, ele era compatível com todos os tipos de dispositivos. A maior desvantagem que descobri foi que sua interface de usuário é muito complexa. Embora forneça um recurso WYSIWYG, pode oferecer uma experiência intuitiva.

No entanto, você pode criar uma caixa de ícones como uma caixa de equipe, caixa de informações ou caixa de recursos com este plugin.

Prós:

• Vem com amplas opções de cores.
• Facilita cinco layouts de caixa.
• Suporta ícone Font Awesome e integrado ao seletor de ícones.
• Integrado com o construtor de arrastar e soltar.
• Disponível com efeitos de alvenaria e isótopos.
• Duas opções diferentes para exibição de ícones.

Contras:

• Não venha com nenhuma tipografia e personalização de ícones.
• Não é possível fazer upload do seu próprio ícone.
• A maioria dos recursos está disponível na versão pro.

4. Caixa de ícones do Betheme

Estatísticas do plug-in:

• Mais adequado para : Caixa de ícones multiuso.

Este elemento de caixa de ícone é desenvolvido pelo plugin Betheme Builder. Se você deseja colocar ícones em locais diferentes da caixa, este plugin pode fazer isso por você. E você também pode aplicar efeitos de foco intuitivos na caixa de ícones. Um efeito de animação específico é que toda a caixa se move conforme você passa o cursor do mouse sobre ela.

No entanto, você tem que pagar para obter todos esses recursos, pois este plugin não vem com uma versão gratuita. E o investimento não valerá a pena, pois existem alternativas gratuitas pelo mesmo preço.

Prós:

• Escolha um ícone da biblioteca ou adicione um personalizado.
• Defina um posicionamento diferente do ícone.
• Crie caixas de ícones responsivas para todos os dispositivos.
• Aplique efeitos versáteis de animação flutuante.
• Mova toda a caixa de ícones ao passar o mouse.

Contras:

• Precisa pagar pelo plano completo.

5. Vitrine da caixa de serviço

Estatísticas do plug-in:

• Instalação ativa: 5.000+
• Classificação: 4,8 ou superior
• Mais adequado para : Caixa de ícones baseada em serviço.

O plugin Service Box Showcase oferece uma maneira fácil de projetar uma caixa de ícone com um modelo pré-construído. Você pode usá-lo para uma exibição atraente do serviço conforme seu nome é definido.

Este painel de plugins inclui várias configurações úteis, mas apenas algumas estão disponíveis na versão gratuita. Você pode acabar criando uma caixa de ícones responsiva que também seja compatível com todos os navegadores.

Outra coisa boa sobre o plugin Service Box Showcase é que ele permite adicionar um botão leia mais que está disponível apenas na versão pro do plugin anterior.

Prós:

• Suporta ícone Font Awesome e seletor de ícones.
• Integrado com API de arrastar e soltar.
• Facilita itens de FAQ arrastáveis ​​para fácil classificação.
• Escolha exibir o ícone e leia mais botões.
• Fornece estilos de carrossel para a caixa de ícones.
• Oferece opções de personalização para título e texto de botão.

Contras:

• Desenvolvido para um único propósito.
• A maioria dos recursos está disponível na versão pro.

6. Caixa de serviço

Instalação ativa : 500+

Avaliação : 5,0

Mais adequado para : Caixa de ícones baseada em serviço.

Service Box é um plugin simples para caixas de ícones. Funciona excepcionalmente bem para exibir informações de serviço. Além de mostrar estilos de serviço versáteis, ele oferece exibição de seu serviço em grade e controle deslizante. Além disso, você pode agrupar caixas de serviço.

Prós:

• Apresente seu serviço em visualização de grade e controle deslizante.
• Aplique entre 16 estilos diferentes.
• Agrupe suas caixas de serviço.
• Adicione cor e imagem de fundo.
• Adicione um botão com a caixa de ícone.
• Estilize a tipografia da sua caixa de ícone.

Contras:

• Desenvolvido principalmente para criar caixas de ícones baseadas em serviços.
• Não é possível adicionar um selo e marca d’água.

7. Caixa de Informações (Bloco Gutenberg)

Instalação ativa : 1000+

Avaliação : 5,0

Mais adequado para : Caixa de ícones multiuso.

O último plugin que queremos adicionar a esta lista é o Info Box, este plugin WordPress foi desenvolvido para o editor Gutenberg. Ele permite que você crie uma caixa de ícones totalmente personalizada para o seu site Gutenberg.

Você pode começar a criar uma caixa de ícones animada com diferentes layouts predefinidos. Ele fornece um controle para definir o posicionamento de cada elemento de conteúdo separadamente. E também facilita todos os recursos de personalização de cada elemento da caixa de ícones. No geral, é uma solução completa para uma caixa de ícones.

Prós:

• Uma interface intuitiva baseada em Gutenberg.
• Pode mostrar uma imagem em vez de um ícone.
• Obtenha recursos de personalização para estilizar o ícone.
• Obtenha controles para estilizar todos os elementos, como título, subtítulo e botão.

Contras:

• Não possui nenhum emblema ou marca d'água.

Como escolher o melhor plug-in de caixa de ícones para WordPress

Você ainda está confuso sobre como escolher o melhor plugin WordPress para projetar uma caixa de ícones? Normalmente, temos várias opções de plugins para qualquer requisito do WordPress. No entanto, nem todos os plug-ins oferecem requisitos e preferências específicos.

Portanto, a seguir descrevemos alguns requisitos mínimos básicos ao escolher o plugin certo para exibir uma caixa de informações.

Defina seus requisitos

Como já sabemos, uma caixa de ícones consiste em vários elementos. No entanto, colocar tudo isso em um único balde é um grande desafio. Além disso, seu design pode ter necessidades específicas, como mostrar um emblema ou marca d'água. E o mais importante é que a biblioteca de ícones do plugin inclua seu ícone preferido e opções de suporte para fazer upload de uma imagem em vez do ícone.

Opções de personalização

Um dos principais objetivos de usar um plugin de caixa de ícone é tornar uma informação específica mais atraente. E você já deve ter algumas ideias de estilo em mente. Portanto, a personalização desempenha um papel importante. Por exemplo, você pode querer aplicar os efeitos de foco apenas ao ícone, em vez de à caixa inteira. Portanto, deve verificar a disponibilidade de seus recursos de personalização antes de instalar este ícone.

Interface de usuário

Ter um painel complexo pode dificultar o design da caixa de ícones. Para isso, você precisa ter uma interface de usuário com controle mais fácil das configurações. Você deve ter um plugin com experiência em construção WYSIWYG. O plugin Elementor ou ElementsKit facilita esse recurso.

Layouts pré-fabricados

Layouts pré-fabricados nos ajudam a obter inspiração de design facilmente e começar a trabalhar em minutos. Alguns plug-ins fornecem layouts projetados profissionalmente para facilitar seu trabalho. Portanto, deve-se verificar a disponibilidade do kit de layouts desse plugin de caixa de ícones.

Design Responsivo

A capacidade de resposta da sua caixa de ícones é importante porque precisa estar perfeitamente visível em todos os dispositivos. Para uma melhor compreensão das configurações responsivas, você pode ler a documentação ou tutoriais.

Conflitos de plug-ins

Freqüentemente instalamos um plugin de propósito único quando precisamos de um design como uma caixa de ícone. Fazer isso aumentará o número de plug-ins e também poderá causar conflitos entre plug-ins. Então, qual pode ser a solução? A melhor prática é ter um plugin com diversas funcionalidades. Por exemplo, o uso do ElementsKit pode atender a diferentes necessidades de design do seu site, incluindo caixas de ícones.

Palavras Finais

Todos os plug-ins nesta lista são benéficos em suas respectivas formas. Todos eles ajudam a criar caixas de ícones impressionantes para seus sites WordPress. Em seguida, trata-se de suas preferências pessoais sobre os recursos e a interface do usuário.

Agora, a maioria dos plug-ins desta lista são gratuitos, então você deve experimentá-los e encontrar um que se sinta confortável em usar na prática. E esta será a maneira adequada de encontrar o melhor plugin de caixa de ícones do WordPress.