Widget de caixa de informações de elementador gratuito com estilos de ícones e imagens
Info Box é um widget gratuito de Master Addons que constrói um cartão a partir de um ícone ou imagem, um título e uma breve descrição Escolha uma Predefinição de Estilo, preencha o texto e estilize a caixa, ícone, título e descrição do painel Elementor O plugin gratuito inclui Variação Um a Cinco, e Master Addons Pro adiciona a Variação Seis a Dez, um fundo de ícone gradiente e um botão Ler Mais na Variação Seis. Use-o para linhas de recursos, listas de serviços, detalhes de contato e etapas de como funciona.
Como adicionar uma caixa de informações no elementor
Você precisa do Elementor e do plugin gratuito Master Addons do WordPress.org.
- Verifique se a Infobox está ligada em Complementos mestres, widgets.
- No editor Elementor, procure por Caixa de informações e arraste-o para uma coluna.
- Escolha a Predefinição Estilo. A variação um a cinco é gratuita.
- Definir Imagem ou Ícone, então escolha o ícone ou carregue a imagem.
- Digite o Título e a Descrição e adicione um URL de Título se o cartão deve ser vinculado a algum lugar.
- Abrir o Estilo guia para definir os estilos de borda, plano de fundo, animação hover, ícone e texto Duplique o widget para construir uma linha.
Cada configuração é coberta pelo Configurações do widget da Info Box guia.
Predefinições de estilo: 5 grátis, 10 com Pro
O Predefinição Estilo dropdown altera o layout e a decoração do cartão sem tocar no seu conteúdo A variação Um a Cinco funciona no plugin gratuito A variação Dois e Três adiciona uma grande cópia desbotada do ícone atrás do cartão, e a variação Cinco coloca o ícone em forma de hexágono Pro desbloqueia a variação Seis a Dez.
- Imagem ou Ícone: escolha Nenhum, Ícone ou Imagem As imagens usam a configuração Resolução de Imagem.
- URL do título: liga o título Para tornar todo o cartão clicável, use o grátis Link do invólucro extensão.
- Leia mais Texto e link: mostrado apenas na Variação Seis (Pro).
Estilo de título e descrição
O Título e Descrição cada seção tem Tipografia, Cor, Alinhamento e Preenchimento Ambos têm guias Normal e Hover, e a cor do hover muda quando um visitante aponta para qualquer lugar do cartão, não apenas no texto O título sempre é renderizado como um H3, então planeje sua ordem de rumo em torno disso.
- Tipografia: família, tamanho, peso, transformar, estilo, decoração, altura da linha, espaçamento entre letras e palavras.
- Cores de passagem separadas para o título e a descrição.
- O alinhamento e o preenchimento podem diferir por dispositivo.
Estilo Box, Icon e Hover
Estilos Gerais abrange o cartão: Tipo de borda, Largura da borda, Cor da borda, Raio da borda, Preenchimento e Margem O plano de fundo tem guias Normal e Hover, cada uma com um fundo clássico ou gradiente. Animação Hover usa os efeitos Elementor como Grow, Pulse, Push e Bob. Estilo Ícone define o tamanho do ícone, a cor do ícone, o fundo do ícone e o alinhamento, novamente com os estados Normal e Hover.
- Fundos diferentes para o cartão normal e pairado.
- Cores do ícone e do ícone de fundo desbotado para ambos os estados.
- Um fundo de ícone gradiente na Variação Seis é Pro.
Caixa de ícones do elementor vs caixa de informações de complementos mestres
Elementor já envia widgets gratuitos Icon Box e Image Box Eles são suficientes para muitos sites, então aqui é onde cada um se encaixa.
| Característica | Caixa de ícones do elementador | Caixa de informações de complementos mestres |
|---|---|---|
| Preço | Gratuito em Elementor | Grátis com 5 predefinições, o Pro adiciona mais 5 |
| Ícone ou imagem | Dois widgets: Caixa de ícones e Caixa de imagens | Um widget com Nenhum, Ícone ou Imagem |
| Layout | Posição do ícone Iniciar, Fim, Parte Superior ou Inferior; Ícone padrão, empilhado ou emoldurado | Predefinições de Estilo prontas |
| Título HTML tag | H1 a H6, div, span ou p | Sempre H3 |
| Link | Um link para o ícone e título | URL do título; cartão inteiro com Wrapper Link |
| Fundo do cartão | Da guia Avançado | Fundos Normal e Hover, clássico ou gradiente |
| Efeitos hover | Cores de passagem de ícone e título, animação de passagem de ícone | Animação de hover de cartão mais cores de hover para ícone, título e descrição |
| Botão Ler Mais | Não | Variação Somente seis (Pro) |
Escolha Elementor Icon Box quando precisar de uma tag de cabeçalho específica ou um layout de ícone lateral Escolha Info Box quando quiser um cartão estilizado com fundos de pairar em uma etapa Para um cartão com uma face traseira, consulte Flipbox, e para um cartão com um botão, veja Chamada à Ação.
Perguntas frequentes para Infobox
O widget Info Box é gratuito?
Sim. Info Box está no plugin gratuito Master Addons com Variação Um a Cinco. Master Addons Pro adiciona a Variação Seis a Dez, um fundo de ícone gradiente e o botão Ler Mais na Variação Seis.
Posso vincular a caixa inteira, não apenas o título?
O widget em si vincula apenas o título através do URL do título Para tornar todo o cartão clicável, ligue o grátis Link do invólucro extensão e adicionar o link na seção Wrapper Link do widget.
Como a Info Box é diferente da Elementor Icon Box?
Elementor Icon Box é gratuito e permite que você escolha a tag de título e coloque o ícone ao lado Info Box dá-lhe predefinições prontas, imagem ou ícone em um widget, e separar fundos normais e hover para o cartão O título Info Box é sempre um H3.
Posso usar uma imagem em vez de um ícone?
Sim. Defina Imagem ou Ícone para Imagem, escolha um arquivo na Biblioteca de Mídia e escolha uma Resolução de Imagem. Escolha Nenhum para um cartão somente de texto.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
