Los 7 mejores complementos de Icon Box de WordPress (gratuitos y de pago)

El diseño de Icon Box es la mejor manera de mostrar un resumen conciso de sus productos o servicios. Presentar su información en un diseño en forma de caja puede ser una forma atractiva de mostrar su contenido. Sin embargo, necesita la ayuda de un complemento de cuadro de iconos si desea crear este diseño en sus sitios web de WordPress.

Pero, cuando se trata de complementos, puede haber muchas opciones. Y de eso se trata exactamente esta publicación: ¡sigue leyendo para conocer los mejores complementos de cuadros de íconos de WordPress!

¿Qué es un cuadro de iconos?

Un cuadro de iconos es como un cuadro de funciones. Básicamente, le permite mostrar información clave en una tarjeta con forma de caja.

Por lo general, los usuarios del sitio web no apreciarán una descripción extensa de sus servicios o productos. Pero puede simplificar fácilmente esta tediosa experiencia en su sitio web de WordPress con un complemento de cuadro de iconos.

Le permite mostrar un cuadro de contenido y, dentro de él, generalmente verá un ícono presionado y otros elementos como un título, una descripción y un botón. Y un buen complemento le permite personalizar los elementos del cuadro de íconos para resaltar su PVU (punto de venta único) fundamental de manera intuitiva.

Entonces, aprendamos sobre los mejores complementos de cuadros de íconos...

Los 7 mejores complementos del cuadro de iconos de WordPress

Aquí está nuestra colección cuidadosamente seleccionada de complementos de cuadros de iconos. Hemos probado‌ estos complementos e intentado utilizar todas las funciones. Tenga en cuenta que los complementos que presentaremos son una combinación de opciones gratuitas y de pago.

1. Widget de cuadro de iconos de ElementsKit

Estadísticas del complemento:

• Instalación activa: más de 1 millón (versión gratuita)
• Calificación: 5.0 o superior
• Ideal para : cuadro de iconos multipropósito.

ElementsKit es una opción de complemento de cuadro de iconos completa y multipropósito que puede utilizar para ofrecer información visualmente atractiva o cuadros de funciones en cualquier lugar de su sitio web de WordPress. Encontrarás esta función como un widget en el complemento ElementsKit.

El widget ElementsKit Icon Box facilita todo, como el ícono, el título, la descripción, el botón y otras características únicas como la insignia y la marca de agua . La gran ventaja de este complemento en términos de funcionalidad del cuadro de íconos es su amplia colección de íconos. Tendrá acceso a Font Awesome- Regular, Font Awesome- Solid, Font Awesome- Brands y ElementsKit Icon Pack.

Además, ElementsKit también proporciona varios efectos de animación sobre los efectos de desplazamiento. Puede aplicarlo individualmente a los íconos o a todo el cuadro de íconos. Por lo tanto, tendrá funciones aún más poderosas mientras muestra la parte central de sus productos o servicios.

Ventajas:

• Cargue un ícono SVG desde su dispositivo.
• Colóquelos fácilmente dentro del diseño de la página.
• Amplias colecciones de iconos.
• Habilitar una marca de agua para el cuadro de iconos.
• Agregue y personalice la insignia y el borde.
• Habilite el botón solo para pasar el mouse.
• Dale estilo al cuadro de íconos con una superposición de fondo.
• Disponible como un widget gratuito del complemento ElementsKit.

Contras:

• Viene como un complemento de terceros.

2. Widget del cuadro de iconos de Elementor

Estadísticas del complemento:

• Instalación activa: más de 5 millones (versión gratuita)
• Calificación: 4.6 o superior
• Ideal para : cuadro de iconos multipropósito.

Otro complemento gratuito que puedes usar en el sitio de WordPress es Elementor Icon Widget. Lo que me gustó de este complemento es que no es necesario instalar ningún complemento adicional como lo hace con ElementsKit. Donde necesitas tener instalados Elementor y ElementsKIt. Y la interfaz de usuario es amigable para principiantes.

Pero en Elementor faltan algunas funciones potentes de ElementsKit, como botones, insignias o marcas de agua. Funcionará bien para mostrar un cuadro de iconos mínimo. Como si no pudieras llevar a los visitantes a ninguna parte porque no tiene la funcionalidad del botón.

Cuando se trata de agregar efectos de desplazamiento en el cuadro de íconos con Elementor Builder, obtendrá un poco de ayuda. Y no habría ningún efecto de animación de apertura en los efectos de desplazamiento como nuestra opción principal, ElementsKit. Sin embargo, el cuadro de iconos de Elementor puede ser útil para trabajar y tiene suficientes funcionalidades de personalización.

Ventajas:

• Personaliza el icono y define su ubicación.
• Aplicar efectos de animación al pasar el mouse.
• Obtenga opciones de estilo para tipografía.
• Cuadro de icono de respuesta móvil.

Contras:

• No se puede agregar ninguna insignia, marca de agua o botón.

3. Paneles Colorbox y cuadro de información

Estadísticas del complemento:

• Instalación activa: 1000+
• Calificación: 4.6 o superior
• Ideal para : cuadro de iconos multipropósito.

Cuando probamos este complemento basado en bootstrap, era compatible con todo tipo de dispositivos. El mayor inconveniente que encontré fue que su interfaz de usuario es muy compleja. Aunque proporciona una función WYSIWYG, puede ofrecer una experiencia intuitiva.

Sin embargo, puede crear un cuadro de ícono como un cuadro de equipo, un cuadro de información o un cuadro de funciones con este complemento.

Ventajas:

• Viene con amplias opciones de color.
• Facilita cinco diseños de cajas.
• Admite el ícono Font Awesome y está integrado con el selector de íconos.
• Integrado con generador de arrastrar y soltar.
• Disponible con‌ efectos de mampostería y de isótopos.
• Dos opciones diferentes para la visualización de iconos.

Contras:

• No incluya personalizaciones de tipografía ni íconos.
• No puedes subir tu propio ícono.
• La mayoría de las funciones están disponibles en la versión pro.

4. Cuadro de iconos de Betheme

Estadísticas del complemento:

• Ideal para : cuadro de iconos multipropósito.

Este elemento del cuadro de iconos funciona con el complemento de creación de Betheme. Si desea colocar íconos en diferentes lugares dentro del cuadro, este complemento puede hacerlo por usted. Y también puede aplicar efectos de desplazamiento intuitivos en el cuadro de iconos. Un efecto de animación particular es que todo el cuadro se mueve al pasar el cursor del mouse sobre él.

Sin embargo, debe pagar para obtener todas estas funciones, ya que este complemento no viene con una versión gratuita. Y la inversión no valdrá la pena ya que existen alternativas gratuitas al mismo precio.

Ventajas:

• Elija un ícono de la biblioteca o agregue uno personalizado.
• Establezca diferentes posiciones del icono.
• Cree cuadros de iconos receptivos para todos los dispositivos.
• Aplique efectos de animación de desplazamiento versátiles.
• Mueva todo el cuadro de iconos al pasar el mouse.

Contras:

• Necesidad de pagar el plan completo.

5. Escaparate de la caja de servicio

Estadísticas del complemento:

• Instalación activa: 5000+
• Calificación: 4.8 o superior
• Más adecuado para : cuadro de iconos basado en servicios.

El complemento Service Box Showcase ofrece una forma sencilla de diseñar un cuadro de iconos con una plantilla prediseñadas. Puede utilizarlo para una visualización atractiva del servicio tal como se define su nombre.

Este panel de complementos incluye varias configuraciones útiles, pero solo algunas están disponibles en la versión gratuita. Puedes terminar diseñando un cuadro de íconos responsivo que también sea compatible con todos los navegadores.

Otra cosa buena del complemento Service Box Showcase es que te permite agregar un botón leer más que solo está disponible en la versión pro del complemento anterior.

Ventajas:

• Admite el ícono y el selector de íconos de Font Awesome.
• Integrado con API de arrastrar y soltar.
• Facilita elementos de preguntas frecuentes que se pueden arrastrar para clasificarlos fácilmente.
• Elija mostrar el icono y leer más botones.
• Proporciona estilos de carrusel para el cuadro de iconos.
• Ofrece opciones de personalización para el título y el texto del botón.

Contras:

• Desarrollado para un único propósito.
• La mayoría de las funciones están disponibles en la versión pro.

6. Caja de servicio

Instalación activa : 500+

Calificación : 5.0

Más adecuado para : cuadro de iconos basado en servicios.

Service Box es un complemento sencillo para cuadros de iconos. Funciona excepcionalmente bien para mostrar la información de su servicio. Además de mostrar estilos de servicio versátiles, ofrece mostrar su servicio en vista de cuadrícula y control deslizante. Además, puedes hacer una agrupación de cajas de servicios.

Ventajas:

• Muestre su servicio en vista de cuadrícula y control deslizante.
• Aplicar desde 16 estilos diferentes.
• Agrupa tus cajas de servicio.
• Añade color de fondo e imagen.
• Agregue un botón con el cuadro de ícono.
• Dale estilo a la tipografía de tu cuadro de íconos.

Contras:

• Desarrollado principalmente para crear cuadros de iconos basados ​​en servicios.
• No se puede agregar una insignia ni una marca de agua.

7. Cuadro de información (bloque Gutenberg)

Instalación activa : 1000+

Calificación : 5.0

Ideal para : cuadro de iconos multipropósito.

El último complemento que queremos agregar a esta lista es Info Box, este complemento de WordPress está desarrollado para el editor Gutenberg. Le permite crear un cuadro de iconos completamente personalizado para su sitio web de Gutenberg.

Puede comenzar a crear un cuadro de iconos animados con diferentes diseños preestablecidos. Proporciona un control para configurar la posición de cada elemento de contenido por separado. Y también facilita todas las funciones de personalización para cada elemento en el cuadro de iconos. En general, es una solución completa para un cuadro de iconos.

Ventajas:

• Una interfaz intuitiva basada en Gutenberg.
• Puede mostrar una imagen en lugar de un icono.
• Obtenga funciones de personalización para diseñar el ícono.
• Obtenga controles para diseñar todos los elementos como título, subtítulo y botón.

Contras:

• No tenga ninguna insignia o característica de marca de agua.

Cómo elegir el mejor complemento de cuadro de iconos de WordPress

¿Todavía estás confundido acerca de elegir el mejor complemento de WordPress para diseñar un cuadro de íconos? Por lo general, obtenemos múltiples opciones de complementos para cualquier requisito de WordPress. Sin embargo, no todos los complementos ofrecen requisitos y preferencias específicos.

Entonces, a continuación describimos algunos requisitos mínimos básicos al elegir el complemento adecuado para mostrar un cuadro de información.

Establezca sus requisitos

Como ya sabemos, un cuadro de iconos consta de varios elementos. Sin embargo, reunir todo esto en un solo grupo es un desafío mayor. Además, su diseño puede tener necesidades específicas, como mostrar una insignia o una marca de agua. Y lo más importante es que la biblioteca de íconos del complemento debe incluir su ícono preferido y opciones de soporte para cargar una imagen en lugar del ícono.

Opciones de personalización

Uno de los objetivos principales del uso de un complemento de cuadro de iconos es hacer que una información particular sea más atractiva. Y es posible que ya tengas algunas ideas de estilo en mente. Entonces, la personalización juega un papel importante. Por ejemplo, es posible que desee aplicar los efectos de desplazamiento solo al ícono en lugar de a todo el cuadro. Por lo tanto, debe verificar la disponibilidad de sus funciones de personalización antes de instalar este ícono.

Interfaz de usuario

Tener un panel complejo puede dificultar el diseño del cuadro de iconos. Para ello, necesita tener una interfaz de usuario con un control más sencillo de la configuración. Deberías tener un complemento con experiencia en construcción WYSIWYG. El complemento Elementor o ElementsKit facilita dicha función.

Diseños prefabricados

Los diseños prediseñados nos ayudan a inspirarnos para el diseño fácilmente y comenzar a trabajar en cuestión de minutos. Algunos complementos proporcionan diseños diseñados profesionalmente para facilitar su trabajo. Por lo tanto, debe verificar la disponibilidad del kit de diseños de ese complemento del cuadro de íconos.

Diseño de respuesta

La capacidad de respuesta de su cuadro de iconos es importante porque debe ser perfectamente visible en todos los dispositivos. Para comprender mejor la configuración responsiva, puede leer la documentación o los tutoriales.

Conflictos de complementos

A menudo instalamos un complemento de propósito único cuando necesitamos un diseño como un cuadro de ícono. Hacerlo aumentará la cantidad de complementos y también puede causar conflictos entre complementos. Entonces, ¿cuál puede ser la solución? La mejor práctica es tener un complemento con varias funcionalidades. Por ejemplo, el uso de ElementsKit puede satisfacer diferentes necesidades del diseño de su sitio web, incluidos los cuadros de iconos.

Ultimas palabras

Todos los complementos de esta lista son beneficiosos en sus respectivas formas. Todos ayudan a crear impresionantes cuadros de iconos para sus sitios web de WordPress. Luego, se trata de sus preferencias personales sobre las funciones y la interfaz de usuario.

Ahora, la mayoría de los complementos de esta lista son gratuitos, por lo que deberías probarlos y encontrar uno con el que te sientas cómodo usándolo en la práctica. Y esta será la forma adecuada de encontrar el mejor complemento de cuadro de iconos de WordPress.