Caja de imágenes Elementor: 16 diseños con demostraciones y descarga en vivo

Un cuadro de imagen Elementor es un widget que empareja una imagen con un encabezado y una breve descripción en un bloque vinculado. Así es como la mayoría de los sitios de WordPress crean cuadrículas de servicios, filas de funciones y secciones de equipo. Elementor envía uno gratis; los dieciséis diseños siguientes lo reemplazan con diseños y movimientos que el widget predeterminado no puede producir.

Como todo el mundo tiene el mismo widget, la sección de servicios de un fontanero en Leeds está diseñada de manera idéntica a la de un estudio de diseño en Lisboa. Mismas tres columnas, misma imagen centrada, mismo espacio de 16px.

Entonces creamos dieciséis reemplazos. Cada uno es un widget Elementor que funciona, cada uno tiene una demostración en vivo que puede abrir ahora mismo y un enlace de descarga en esta página. No es necesario entregar una dirección de correo electrónico ni crear una cuenta para obtenerla.

En esta página

Los 16 diseños de un vistazo

#DiseñoLo que haceMejor para
01Cajas de imágenes LumenUna fuente de luz sigue el cursor a través de la tarjetaSitios oscuros, servicios técnicos
02Cajas de imágenes de bordePlacas compensadas que se abren a medida que pasasEditorial, guías, marcas de exterior
03Cajas de imágenes de aperturaCada imagen se abre desde una apertura recortadaFotografía, impresión, cuadrículas de seis elementos
04Cajas de imágenes basculantesLas cartas giran sobre una bisagra, mostrando una cara posteriorAntes y después, revela la especificación
05Cajas de imágenes en cascadaCuatro cartas se asientan en secuencia, no todas a la vezPasos del proceso, servicios de estudio
06Cajas de imágenes de filigranaMiniaturas pequeñas, reglas finas, lista densa de dos columnasMenús de servicio largos, listas de precios
07Franja de frisoUna franja horizontal por la que arrastras o te desplazasSecuencias largas, líneas de producción
08Cajas de imágenes giratoriasLas cartas se inclinan hacia el puntero con un brilloProductos, productos artesanales
09Cajas de imágenes de impulsoLas cartas tiran hacia el cursor como un imánReservas, cursos, alquiler
10Cajas de imágenes KintsugiLas imágenes llegan como fragmentos y se vuelven a ensamblarArtesanía, vidrio, cerámica, restauración
11Cajas de imágenes de empalizadaPaneles altos construidos con listones verticalesTalleres, carpintería, columnas estrechas
12Refractar cajas de imágenesSobre cada imagen hay un lavado de color en modo de mezclaEstudios, música, licencias
13Cajas de imágenes elevadorasLas cartas se elevan con un labio que se adapta a su textoAgencias, producción
14Caja de imágenes del solsticioPareja grande escalonada con tratamiento duotonoCafé, abastecimiento, narración de historias
15Cuadro de imagen de umbralLas puertas se separan por la mitad para revelar la imagenProductores, viveros, revelaciones
16Caja de imágenes de vitelaUn suave desenfoque se aclara cuando se abren los clips de la tarjetaEncuadernación, archivos, marcas silenciosas

Lo que necesitas para ejecutarlos

Elementor free es suficiente para la página misma. Los diseños son un asunto diferente.

  • Los dieciséis necesitan complementos maestros. Cada uno de ellos se basa en controles (repetidor, tipografía, dimensiones, borde, selector de iconos, pestañas) que están completos Creador de widgets proporciona. El complemento gratuito tiene un Widget Builder, pero esos controles se muestran bloqueados.
  • Las descargas en esta página son gratuitas y no están cerradas. Coge el JSON y guárdalo. Puedes modificar opciones limitadas en la versión gratuita. Pero la versión pro lo desbloquea todo.
  • Las demostraciones en vivo no cuestan nada en absoluto. Abra uno, cambie el tamaño del navegador, arrastre una tarjeta, pase la pestaña con el teclado. Esa es la forma honesta de juzgar si un estilo de movimiento se adapta a su contenido y es gratis.

Si desea diseños que se ejecuten en el complemento gratuito, los ocho widgets gratuitos de nuestro Plantillas deslizantes de Elementor la colección no utiliza controles Pro y varios de ellos son diseños de tarjetas en lugar de controles deslizantes.

01. Cajas de imágenes de lúmenes

Diseño de caja de imágenes de Lumen Elementor que muestra cuatro tarjetas oscuras con un barrido de luz con seguimiento de cursor en cada imagen

Demostración en vivo   Descargar Widget JSON

Cuatro cartas sobre un fondo casi negro. Mueve el puntero sobre ellas y una luz suave se mueve con él, iluminando la parte de la imagen debajo del cursor y dejando el resto oscuro. La tarjeta que estás mirando es la que está encendida.

Lo que lo hace funcionar es la restricción. Las cartas no se mueven ni escalan al flotar. Lo único que cambia es dónde cae la luz, que se acerca a cómo se miran realmente los objetos en un banco de trabajo debajo de una lámpara.

Úselo para: servicios técnicos, sitios de temática oscura, cualquier cosa fotografiada contra un suelo oscuro.

Nu o utiliza pentru: fondos blancos. El foco no tiene nada contra qué trabajar y todo se lee como un estado flotante ligeramente sucio.

02. Cajas de imágenes de borde

Diseño de caja de imágenes Verge Elementor con placas desplazadas de dos columnas, etiquetas en las cejas y eslabones de flecha circulares

Demostración en vivo   Descargar Widget JSON

Dos columnas, deliberadamente fuera de escalón, por lo que la columna derecha se encuentra más abajo que la izquierda. Cada placa se abre cuando se cruza a la vista. Los títulos llevan una pequeña flecha circular, y debajo de ellos hay una etiqueta en forma de ceja en tapas espaciadas por letras: SNOWCRAFT, SUMMITS, TRAVERSES.

Ese desplazamiento es un trabajo real. Una cuadrícula recta le dice al ojo que escanee en filas y deja de leer. En su lugar, escalona las columnas y tiene que viajar hacia abajo en la página, que es la dirección que realmente desea.

Úselo para: páginas editoriales, guías, cualquier cosa con cuatro a seis artículos sustanciales.

Nu o utiliza pentru: más de ocho elementos. El tambaleo se acumula y la página se vuelve muy alta, muy rápida.

03. Cajas de imágenes de apertura

Diseño de caja de imágenes Aperture Elementor con seis tarjetas en dos filas, cada imagen se abre desde una abertura recortada

Demostración en vivo   Descargar Widget JSON

Seis cajas en dos filas de tres, sobre cálido gris papel. Cada imagen está enmascarada y la máscara se abre hacia afuera cuando llega la fila, como lo hace la apertura de una lente. Cada tarjeta lleva un pequeño enlace VER DETALLES debajo de su descripción.

Este es el que debes alcanzar cuando tienes seis cosas y son realmente iguales. La mayoría de los diseños de cuadros de imágenes clasifican silenciosamente sus elementos por tamaño o posición. Éste no lo hace.

Úselo para: servicios de impresión y cuarto oscuro, cuadrículas de seis elementos, cualquier cosa fotográfica.

Nu o utiliza pentru: tres elementos. El ritmo de dos filas es todo el diseño y una sola fila de tres lo pierde.

04. Cajas de imágenes basculantes

Diseño de caja de imágenes Bascule Elementor con tres tarjetas sobre fondo negro que giran sobre una bisagra para mostrar una cara posterior

Demostración en vivo   Descargar Widget JSON

Lleva el nombre del puente, no del saldo. Cada tarjeta gira sobre una bisagra horizontal y hay una cara posterior real esperando detrás de ella, no un filtro CSS sobre la misma imagen, sino un segundo lado real en el que escribes la copia.

Una nota al construirlo: el flip se apaga debajo de un punto de interrupción, y eso es a propósito. Una animación de bisagra en un teléfono significa que un toque hace algo inesperado, y la solución es no hacerlo en lugar de hacerlo más lento.

Úselo para: antes y después, hojas de especificaciones, cualquier cosa donde la segunda información sea tan interesante como la primera.

Nu o utiliza pentru: su navegación principal hacia una página. El contenido detrás de un cambio es contenido que la mayoría de los visitantes nunca ven.

05. Cajas de imágenes en cascada

Diseño de caja de imágenes Cascade Elementor con cuatro tarjetas blancas colocándose una tras otra

Demostración en vivo   Descargar Widget JSON

Cuatro cartas que llegan una tras otra en lugar de juntas, cada una estableciendo un ritmo detrás de la última. La diferencia es pequeña, pero lo sientes. La sección se te reparte en lugar de simplemente aparecer.

Cada tarjeta lleva un enlace FECHAS DEL CURSO, que es el obsequio de para qué sirve realmente este diseño: cosas que se repiten, en un orden, donde el orden importa.

Úselo para: servicios de estudio y taller, listados de cursos, pasos del proceso.

Nu o utiliza pentru: por encima del pliegue. Escalone la entrada de lo primero que ve un visitante y su sitio se sentirá lento incluso cuando no lo esté.

06. Cajas de imágenes de filigrana

Diseño de cuadro de imagen Filigree Elementor con miniaturas pequeñas y reglas finas en una lista densa de dos columnas

Demostración en vivo   Descargar Widget JSON

El tranquilo. Miniaturas del tamaño de un sello postal, reglas de línea de cabello, dos columnas, cuatro elementos en el espacio que la mayoría de estos diseños usan para uno. Tipo de juego manual, placas de polímero, troquelado, pintura de bordes: una lista comercial, dispuesta como una lista comercial.

Está aquí porque no todas las secciones de servicios merecen un trato de héroe. A veces hay once cosas que haces y el visitante quiere escanearlas, no admirarlas.

Úselo para: menús de servicio largos, listas de precios, operaciones especializadas con muchas líneas de artículos.

Nu o utiliza pentru: tres servicios principales. A ese respecto parece que olvidaste terminar la sección.

07. Tira de friso

Diseño de cuadro de imagen Frieze Strip Elementor que muestra una fila de cartas arrastrables horizontalmente con una regla de progreso y controles de flecha

Demostración en vivo   Descargar Widget JSON

El único aquí que va de lado. Las cartas salen del borde derecho de la pantalla y las arrastras, las desplazas o usas los dos botones de flecha redondos de arriba a la derecha. Una regla delgada debajo se llena a medida que avanzas, para que siempre sepas cuánto queda.

Hilado, deformado y radiado de estambre, tejido dobby, teñido de piezas, acabado. Cinco etapas de un molino en el orden en que ocurren. Una cuadrícula habría dividido esa secuencia en filas. Una tira lo mantiene en una línea, que es lo que realmente es una secuencia de producción.

Úselo para: secuencias de producción, listas largas que arruinarían una cuadrícula, cualquier cosa con un orden inherente.

Nu o utiliza pentru: cuatro elementos. Si todo ya encaja en la pantalla, le estás pidiendo a la gente que se desplace hacia los lados en busca de nada.

08. Cajas de imágenes de giro

Diseño de caja de imágenes Gyre Elementor con tres cartas que se inclinan hacia el puntero y captan un brillo

Demostración en vivo   Descargar Widget JSON

Las cartas se inclinan hacia donde está el puntero y un brillo cruza la superficie a medida que se mueven. Es el efecto que todos intentaron en 2021 y la mayoría de la gente se excedió. La inclinación aquí es de un par de grados, no de quince.

Los usuarios del teclado son manejados adecuadamente, lo cual casi nada hace. Tab a una tarjeta y obtienes el levantamiento y el brillo pero no hay rotación, porque un teclado no tiene una posición de puntero hacia la que girar y fingir una es una tontería.

Úselo para: productos físicos, marcos, productos artesanales, cualquier cosa con una superficie que valga la pena captar.

Nu o utiliza pentru: tarjetas con mucho texto. Inclinar un párrafo mientras alguien lo lee es hostil.

09. Cajas de imágenes de impulso

Diseño de cuadro de imagen Impulse Elementor con tres tarjetas que tiran hacia el cursor y botones naranjas de llamada a la acción

Demostración en vivo   Descargar Widget JSON

Las cartas se inclinan hacia el cursor a medida que se acerca y luego se sueltan cuando sale. El tirón se normaliza contra la mitad de la carta y se sujeta, por lo que una vez que pasas el borde deja de aumentar en lugar de lanzar la carta a través de la pantalla.

Cada carta termina en un botón naranja intenso. Cursos para principiantes, entrenamiento, alquiler de tableros. El magnetismo es un truco de la página de reservas, porque hace que el botón parezca que quiere presionarse y se desperdicia en cualquier lugar donde la tarjeta no sea un llamado a la acción.

Úselo para: lecciones, alquiler, reservas, cualquier cosa donde cada tarjeta termine en un botón.

Nu o utiliza pentru: tarjetas informativas sin objetivo de clic. Estás prometiendo una interacción que no entregas.

10. Cajas de imágenes Kintsugi

Diseño de caja de imágenes Kintsugi Elementor donde cada imagen llega como fragmentos y se vuelve a ensamblar en una imagen completa

Demostración en vivo   Descargar Widget JSON

Las imágenes llegan en pedazos y se vuelven a ensamblar. Con él se envían dos patrones de rotura: tres piezas altas, como un panel agrietado a lo largo de su altura, y seis cuñas que irradian desde un punto descentrado, que se lee como un impacto en lugar de una rotura limpia.

Recipientes soplados, moldeados y formados en horno, restauración, banco de enseñanza. La demostración es trabajo de vidrio en todas partes. El diseño fue construido para una tienda caliente y se muestra, pero aterriza en cualquier lugar donde el tema sea algo hecho, roto o vuelto a armar.

Úselo para: vidrio, cerámica, restauración, reparación, conservación.

Nu o utiliza pentru: hospitales, seguros, cualquier cosa que sea “destrozada” tiene un significado que no desea.

11. Cajas de imágenes de empalizada

Diseño de caja de imágenes Palisade Elementor con tres paneles verticales altos ensamblados con listones

Demostración en vivo   Descargar Widget JSON

Tres paneles altos, cada uno ensamblado a partir de listones verticales que llegan en secuencia, y se construye una cerca una tabla a la vez. El número de listones se adapta al ancho del panel, por lo que una columna más estrecha obtiene menos tableros y más anchos en lugar del mismo número apretado más delgado.

Escaleras, ventanas de guillotina, habitaciones equipadas. Todos ellos son temas que fotografiarías de pie en lugar de acostado, y eso se adapta mejor a este diseño que una tarjeta de paisaje.

Úselo para: carpintería, arquitectura, interiores, tomas altas de productos.

Nu o utiliza pentru: fotografía de paisajes. Los paneles de retrato recortan la imagen en una ranura y pierdes la toma.

12. Refractar cajas de imágenes

Diseño de caja de imágenes Refract Elementor con cuatro tarjetas bajo un lavado de color en modo de mezcla

Demostración en vivo   Descargar Widget JSON

Un lavado de color se coloca sobre cada imagen en modo de mezcla, por lo que cuatro fotografías tomadas en cuatro días diferentes con cuatro luces diferentes salen con un solo juego. Ese es el trabajo real aquí y es menos glamoroso de lo que parece.

Grabación de ubicación, foley y accesorios, restauración, licencia de biblioteca. Es un trabajo de sonido, donde la fotografía de archivo es inevitable y las imágenes nunca coinciden, por lo que el lavado oculta las costuras.

Úselo para: imágenes de fuentes mixtas, fotografías de archivo, cualquier cosa que no puedas volver a filmar.

Nu o utiliza pentru: precisión del color del producto. Un lavado sobre una muestra de pintura es un problema de devolución.

13. Cajas de imágenes elevadoras

Diseño de caja de imágenes Riser Elementor con tres tarjetas oscuras que se elevan en su lugar, cada una con un labio dimensionado según su título

Demostración en vivo   Descargar Widget JSON

Las cartas se elevan desde abajo con un borde de título que se muestra en la parte inferior. El labio se mide con respecto al texto que contiene en lugar de configurarse a una altura fija, por lo que un título de dos palabras y uno de dos líneas se ubican correctamente en lugar de recortar uno de ellos.

Encargos a medida, reformulación, producción en pequeños lotes. Tres artículos, tres imágenes oscuras, cromo mínimo. Es el diseño más convencional del set. A veces quieres que el diseño se aparte del trabajo.

Úselo para: agencias, productoras, páginas de tres servicios.

Nu o utiliza pentru: descripciones largas. El labio es un título, no un párrafo.

14. Cuadro de imagen del solsticio

Diseño de caja de imágenes Solstice Elementor con grandes tarjetas escalonadas y tratamiento de imágenes duotono

Demostración en vivo   Descargar Widget JSON

Las cajas más grandes del set. Dos columnas, muy fuera de lugar a propósito, imágenes lo suficientemente grandes como para mirarlas. Un tratamiento de duotono se vincula entre las imágenes y se puede soltar por tarjeta si una foto lo combate.

Tostado al por mayor, abastecimiento ecológico, calibración de espresso. Tres servicios con espacio de seis. Úselo cuando tenga pocas cosas que decir y valgan una pantalla completa cada uno.

Úselo para: dos a cuatro servicios premium, páginas de narración, marcas de café y alimentos.

Nu o utiliza pentru: seis o más artículos. Este diseño de seis artículos es una página muy larga de la que nadie llega al final.

15. Cuadro de imagen de umbral

Diseño de caja de imágenes Threshold Elementor en verde oscuro donde las puertas se separan por la mitad para revelar cada imagen

Demostración en vivo   Descargar Widget JSON

Dos puertas se cierran sobre cada imagen y se separan por el medio cuando la tarjeta entra en vista. Las puertas se construyen a partir de la propia fuente de la imagen, por lo que nunca no coinciden con la imagen detrás de ellas.

Terreno verde intenso, cuatro cartas: colecciones de invernadero, banco de semillas, jardín de invierno, cursos de estudio. Usar puertas para una sección sobre cómo ingresar a un jardín es obvio, y en este caso obvio está bien.

Úselo para: jardines, lugares, aberturas, cualquier cosa en la que un visitante entre físicamente.

Nu o utiliza pentru: doce cartas. Doce juegos de puertas que se abren son muchas puertas.

16. Cuadro de imagen de Vellum

Diseño de caja de imágenes Vellum Elementor con cuatro tarjetas cuyo suave desenfoque se aclara cuando se abren los clips de la tarjeta

Demostración en vivo   Descargar Widget JSON

Cada carta se abre desde un clip mientras un suave desenfoque borra la imagen, como si se retirara papel. Cada carta de la sección está armada en una única confirmación, lo que significa un pase de diseño para toda la fila en lugar de uno por carta.

Encuadernación de cajas, conservación, cajas y recintos, trabajos de edición. La demostración es una encuadernación. Este es el movimiento más suave del set y el que tiene más probabilidades de sobrevivir a un cliente que dice odiar la animación.

Úselo para: archivos, encuadernación, conservación, marcas silenciosas y caras.

Nu o utiliza pentru: cualquier cosa que necesite urgencia. Este diseño no tiene ninguno y no pretende hacerlo.

¿qué puede hacer el widget de cuadro de imagen predeterminado de Elementor?

El cuadro de imagen gratuito de Elementor le proporciona una imagen, un título, una descripción y un enlace opcional. En la pestaña Estilo puede establecer el ancho de la imagen, el radio del borde, el espacio entre la imagen y el texto, la alineación y la posición de la imagen (arriba, izquierda o derecha). Los efectos de desplazamiento se limitan a los filtros y transformaciones CSS globales de Elementor.

Eso cubre muchos sitios y, si cubre el suyo, úselo. No necesitas un complemento para poner una imagen encima de un encabezado.

Donde se acaba es movimiento y estructura. No hay cara posterior, ni secuenciación por tarjeta, ni diseño horizontal, ni forma de hacer que una tarjeta se comporte de manera diferente a sus vecinas. Esos son los espacios que llenan los dieciséis diseños anteriores.

Cuadro de imagen versus cuadro de icono: ¿cuál deberías usar?

Utilice un cuadro de imagen cuando la imagen sea el contenido, como una fotografía de la obra, la habitación o el producto. Utilice un cuadro de iconos cuando la imagen sea decoración y las palabras tengan el significado. Por lo demás, los widgets son casi idénticos: ambos combinan un gráfico con un encabezado y una descripción en un bloque vinculado.

La prueba práctica es si notarías si el gráfico desapareciera. Si una cuadrícula de servicios todavía se lee bien con los íconos desaparecidos, eran decorativos y un cuadro de íconos era la llamada correcta. Si eliminar las imágenes le deja una lista de nombres, necesita un cuadro de imagen.

Una tercera opción que la gente olvida: a caja abatible, que es una caja de imágenes con respaldo. Basculante arriba es esa idea reconstruida con una bisagra.

¿cómo se agrega un efecto flotante a un cuadro de imagen Elementor?

Seleccione el widget, abra la pestaña Estilo, expanda la sección Imagen y cambie a la pestaña Flotar. Obtienes opacidad, filtros CSS (borroso, brillo, saturación, contraste, tono) y una duración de transición. Para transformaciones como escala o rotación, use los controles flotantes de la pestaña Avanzado.

Esa es toda la superficie incorporada. Cualquier cosa más allá de él, como una luz que rastrea el cursor, una atracción magnética o un brillo que se cruza al inclinarse, necesita un CSS personalizado o un widget que envíe el comportamiento.

Si lo que busca son efectos específicos de texto sobre imagen, los catalogamos Más de 25 efectos de desplazamiento de texto sobre imagen Elementor por separado, y funcionan con el widget de stock.

Cómo importar estos diseños de cuadros de imágenes Elementor

Descargue el JSON desde cualquier diseño anterior y luego, en WordPress, vaya a Complementos maestros → Creador de widgets → Importar widget y cargue el archivo. El widget aparece en el panel Elementor en Favoritos, con sus propios controles en las pestañas Contenido y Estilo.

  1. Hacer clic Descargar Widget JSON sobre el diseño que deseas. La cremallera contiene el JSON y una imagen de vista previa.
  2. Descomprima. El propio importador de plantillas de Elementor no lee este archivo porque va al Creador de widgets en lugar de a Plantillas.
  3. Ir a Complementos maestros → Creador de widgets y elige Importar widget.
  4. Sube el JSON. Edite cualquier página con Elementor y busque en el panel el nombre del widget.
  5. Reemplace las imágenes y el texto del marcador de posición. Las tarjetas son un repetidor, así que agregue o elimine elementos allí en lugar de duplicar el widget.

El error común es el paso 2. Estos son widgets del Widget Builder, no Plantillas de sección elementora, por lo tanto, importarlos a través de Plantillas → La importación fallará y el mensaje de error no explica por qué.

¿Estas cajas de imágenes funcionan en dispositivos móviles y son accesibles?

Sí a ambos, con una advertencia a nivel de diseño. Cada widget aquí respeta prefers-reduced-motion: si un visitante tiene habilitado el movimiento reducido a nivel del sistema operativo, las animaciones de entrada no se ejecutan y las tarjetas se representan en su estado final. Eso se maneja en el widget, no se deja a usted.

Los diseños impulsados por punteros se degradan en lugar de romperse. La inclinación de Gyre y el imán de Impulse necesitan una posición de puntero que una pantalla táctil no proporciona, por lo que en el móvil las tarjetas se vuelven estáticas y todo permanece legible y táctil. Bascule cambia deliberadamente su giro por debajo de un punto de interrupción.

Gyre también maneja el enfoque del teclado por separado del hover. Tab a una tarjeta y obtienes el levantamiento y el brillo sin la rotación. La mayoría de los efectos de inclinación omiten eso y dejan a los usuarios del teclado sin nada.

¿qué cuadro de imagen de Elementor deberías elegir?

Comience desde su recuento de artículos, no desde el efecto.

  • De dos a cuatro ítems, cada uno importante: Solsticio o borde.
  • Exact trei servicii: Elevador, Giro o Básculo.
  • Patru articole: Lumen, Cascada, Kintsugi, Umbral o Vellum.
  • Șase articole egale: Apertura.
  • Opt sau mai multe: Frieze Strip si son una secuencia, Filigree si son una lista.
  • Imagini de retratări înalte: Empalizada.
  • Fotos que no coinciden entre sí: Refractar.
  • Cada carta termina en un botón: Impulso.

Luego comprueba el efecto en tu tema. Kintsugi en un bufete de abogados es una broma de mal gusto. El umbral en un jardín es casi demasiado claro. Si la moción no dice algo sobre el trabajo, déjala y usa Riser.

Preguntas frecuentes

¿el widget del cuadro de imagen Elementor es gratuito?

Sí. La caja de imágenes se envía en el complemento Elementor gratuito, con imagen, título, descripción, enlace, posición de la imagen y filtros flotantes básicos. Los dieciséis diseños de esta página son diferentes: son widgets Master Addons Widget Builder y necesitan Master Addons Pro para editarlos, aunque las descargas en sí son gratuitas.

¿puedo agregar un botón a un cuadro de imagen de Elementor?

No en el widget original, que vincula toda la caja en lugar de darle un botón separado. Para obtener un botón real, colocas un widget de botón debajo dentro del mismo contenedor o usas un diseño que incluye uno. Impulse, Aperture, Cascade y Gyre se envían con un botón en la tarjeta.

¿cómo hago que los cuadros de imágenes Elementor tengan la misma altura?

Coloque las cajas en un contenedor flexible y establezca los elementos de alineación del contenedor en Estiramiento, luego establezca cada columna del cuadro de imagen en altura completa. Las longitudes de texto desiguales son la causa habitual. Cada diseño de esta página maneja alturas iguales en su propio CSS, por lo que el problema no surge.

¿cuál es la diferencia entre un cuadro de imagen y un widget de imagen?

Un widget de imagen coloca una sola imagen con un título y un enlace opcionales. Un cuadro de imagen es un compuesto: imagen, encabezado, descripción y enlace en un bloque, diseñado y espaciado como una unidad. Utilice el widget de imagen para una fotografía independiente, el cuadro de imagen para una tarjeta en una cuadrícula.

¿necesito Elementor Pro para estos diseños?

No. Elementor gratis es suficiente, porque los diseños se crean con complementos maestros en lugar de widgets Elementor Pro. Lo que necesita son Master Addons Pro, ya que cada diseño utiliza controles de Widget Builder (repetidor, tipografía, dimensiones, borde, íconos, pestañas) que están bloqueados en el complemento gratuito.

Dónde ir a continuación

Si quieres diseños más importantes, el 20 plantillas deslizantes Elementor la colección es el hermano más cercano a esta página y ocho de ellas se ejecutan en el complemento gratuito. Para carruseles específicamente, consulte Widgets del carrusel Elementor, sau lo que en realidad es gratis si la pregunta sobre la licencia es la que le importa.

Para patrones de tarjetas relacionados: puntos de acceso de imágenes para anotar una única imagen grande, secciones de miembros del equipo para personas más que para servicios, y Animaciones de flipbox 3D si Bascule te llamó la atención. Los detalles de la licencia están en el página de precios, y la lista completa de widgets está dentro Más de 100 mejores complementos de Elementor.

Imagen de Roy Jemee
Roy Jemee
Soy Roy Jemee, especialista en contenido y comercializador de Pixar Labs, y trabajo en complementos maestros para Elementor. Escribo los tutoriales, grabo los videos y mantengo la documentación actualizada, para que siempre sepas cómo usar cada función. También me encargo del soporte, así que si tienes algún problema, soy la persona que te ayuda a solucionarlo. Respuestas reales, de alguien que usa estas herramientas todos los días.

Deja una respuesta

Su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados *

Oferta de septiembre

40% fuera de todo

Cada plan Master Addons Pro, anual y de por vida. Un código, ocho días.

00días
00horas
00min
00sec

Finaliza el lunes 14 de septiembre a las 23:59 ET

  • Personal1 sitio $129$77
  • Negocio5 sitios $199$119
  • DesarrolladorSitios ilimitadosLo mejor para agencias $599$359

Paga una vez. Ninguna renovación, jamás.

Código de cupón MALIFE40
Obtenga 40% de descuento ahora
  • Más de 30.000 instalaciones activas
  • 4,5/5 de 212 reseñas
  • Devolución de dinero de 14 días