Un cuadro de características es un área diseñada en una página web que llama la atención sobre contenidos, productos y servicios específicos. Los cuadros de características se diseñan con elementos como imágenes, iconos, texto conciso y botones.
Tableberg es un plugin multipropósito constructor de tablas. Puede ayudarle a crear diseños maravillosos para sus cuadros de características. En este post tutorial, le mostraremos una guía fácil sobre cómo agregar cuadros de características en WordPress con el plugin.
Consigue el plugin haciendo clic en los botones del banner de abajo.
Cree bonitas mesas
Con el editor de bloques
Una vez que tengas los plugins instalados en tu sitio, sigue el siguiente tutorial.
Paso 01: Añadir el bloque Tableberg al editor
Añada el Bloque Tableberg al editor.
Defina el número de filas y columnas de su sitio web en función del número de cuadros de características que desee crear.
Como vamos a crear tres cuadros de características, hemos seleccionado el número de columnas y filas 2*2.
Se ha añadido el número definido de filas y columnas.
Paso 02: Añadir una imagen de producto a la caja
Un cuadro de características no tiene sentido sin una imagen del producto correspondiente. Añada la Bloque de imágenes a una celda adecuada.
Añade una imagen a una celda adecuada. Puede cambiar el tamaño de la imagen arrastrando el icono circular.
Paso 03: Añadir una clasificación por estrellas
La clasificación por estrellas es una forma intuitiva de expresar la calidad y popularidad de un producto. También ayuda a captar clientes. Por tanto, añada la Bloque de estrellas a la mesa.
Desde debajo del Ficha Configuración en la barra lateral derecha, establezca los valores del bloque Calificación por estrellas. Incluso puede cambiar el tamaño del bloque si es necesario.
Paso 04: Añadir un botón CTA
Con un botón CTA, puede motivar a los usuarios a comprar o visitar la página del producto. Para ello, añada el botón Bloque de botones bajo la calificación.
Ir a la Ficha Estilosmanteniendo seleccionado el bloque de botones.
Desde aquí, puede cambiar el botón color del texto, color de fondo, tamaño, relleno, und radio según sea necesario.
Paso 05: Añadir la lista de características y la descripción
Como necesita más espacio para añadir la lista de características y la descripción, es mejor unir dos celdas. Seleccionar celdas con el cursor mediante manteniendo pulsada la tecla Shift.
Haga clic en Editar tabla en la barra de herramientas. Pulse el botón Opción de fusión en la lista.
Añada el Bloque de párrafos para escribir texto en el cuadro de características.
Es mejor mostrar las características del producto en una lista. Por lo tanto, añada las Bloque Lista estilizada.
Espero que puedas listar las características de tu producto como en la imagen de abajo. Puede cambiar el icono de la lista, aumentar su tamaño, y modificar su color.
Por último, añada una breve descripción de su producto utilizando el bloque Párrafo bajo la lista de características.
Por lo tanto, el contenido de su caja de características está listo. Ahora vamos a personalizar las cajas un poco más.
Paso 06: Personalizar los bordes de los cuadros de características
Tableberg permite personalizar tanto el externo y bordes interiores.
Ir a la Ficha Estilos. Desplázate un poco hacia abajo. Tendrás estas opciones. Establezca los colores que desee y grosor de los bordes.
Paso 07: Añadir cinta al cuadro de características
Una cinta es una pequeña etiqueta o banderola decorativa que ayuda a resaltar información importante, como descuentos, novedades, etc. Añada la Bloque de cintas a la celda más cercana.
Ir a la Ficha Configuraciónescriba un copia de cinta y arreglar su posición en el cuadro de características.
Por último, vaya a la página Ficha Estilos.
Seleccione texto y color de fondo para la cinta.
Paso 08: Vista previa del cuadro de características
Vaya a la página de vista previa. Verás que la función funciona bien.
Conclusión
Espero que te haya gustado este artículo. Puedes hacer más diseños con el plugin Tableberg. Por ejemplo, explora dos posts más antes de salir. Esos puestos son:
Si tiene alguna pregunta sobre el plugin, háganosla llegar a través del cuadro de comentarios. Nos pondremos en contacto con usted muy pronto con una respuesta satisfactoria.
