Plantillas de sección Elementor: 32 descargas gratuitas y más de 580 en la biblioteca

Banner de plantillas de sección Elementor: 32 descargas JSON gratuitas y más de 580 secciones en la biblioteca Master Addons, con wireframes de sección apilados

Una plantilla de sección es una banda de una página: la tabla de precios, las preguntas frecuentes, la fila de logotipos, guardados para que pueda colocarla en un diseño en lugar de volver a construirla.

Esta página tiene dos conjuntos. La primera son 32 secciones que creamos a mano y empaquetadas como archivos JSON que puede descargar aquí, importar a través del Master Addons Widget Builder y editar desde campos etiquetados en lugar de contenedores anidados. La segunda es la biblioteca de secciones Master Addons: 583 secciones de Elementor que se instalan desde el editor Elementor, 93 de ellas en el complemento gratuito.

Salta a lo que viniste:

Cómo importar una plantilla de sección Elementor

Dos rutas, dos sistemas separados. Las 32 descargas de esta página vienen como widgets a través del Widget Builder. Las secciones de la biblioteca se instalan desde el editor Elementor. Ambos terminan con el diseño de su página y todo aún editable.

Ruta 1: importe un archivo de plantilla JSON con Widget Builder

  1. Descargue la cremallera de la plantilla que desee y descomprímala. En el interior está el widget JSON, una imagen de vista previa y la obra de arte de demostración donde el diseño utiliza cualquiera.
  2. Ir a Complementos maestros → Creador de widgets → Importar widget en su administrador de WordPress y cargue el widget-*.json archivo.
  3. Abra Elementor, busque el nombre del widget en el panel y arrástrelo a la página.
  4. Complete la pestaña Contenido. Los colores están en la pestaña Estilo, generalmente de cuatro a seis selectores que vuelven a tematizar toda la sección.

El Creador de widgets es parte de Master Addons Pro. Los archivos JSON en sí no cuestan nada y siguen siendo suyos una vez descargados.

Varios zips envían ilustraciones de SVG y WordPress bloquea las cargas de SVG de forma predeterminada. Conviértalos primero a PNG o WebP, o habilite las cargas de SVG. Los widgets también se representan sin imágenes, porque las ranuras de imágenes vacías se ocultan.

Ruta 2: instale una sección desde la Biblioteca de plantillas

  1. Instalar y activar Complementos maestros, luego abra cualquier página con Elementor.
  2. Haga clic en el icono de plantilla de complementos maestros en la barra de herramientas del editor y cambie a Secciones pestaña.
  3. Filtre por categoría y luego coloque un diseño en una vista previa en tamaño completo.
  4. Hacer clic Insertar. La sección aparece en la posición del cursor con sus imágenes, espacios y configuraciones de widgets intactos.
  5. Editelo como cualquier otra cosa que hayas creado: haz clic en un encabezado para volver a escribirlo, abre la pestaña Estilo para cambiar de color.

Las secciones gratuitas se insertan de inmediato. Las secciones profesionales muestran un bloqueo y necesitan una clave de licencia activada en el sitio. Nada se descarga a tu computadora en esta ruta.

32 plantillas de sección Elementor que puedes descargar como JSON

Estos fueron creados para esta publicación: HTML, CSS y JavaScript escritos a mano, luego convertidos en widgets de Widget Builder. No están en la biblioteca del complemento, se descargan desde aquí.

Importarlos como widgets tiene una consecuencia práctica: las cosas repetibles son repetidores. Los planes de precios, las entradas de preguntas frecuentes, los testimonios, los miembros del equipo y los logotipos son campos repetidores, por lo que agregar un cuarto plan o una décima pregunta ajusta el diseño, la animación y la numeración por sí solo. Los colores pasan por cuatro a seis seleccionadores de base. Las animaciones respetan la configuración de movimiento reducido. Nada está soldado a una ruta de contenedor que se rompe cuando lo mueves.

Plantillas de sección de características y servicios

Cuatro formas de diseñar lo que vendes: una cuadrícula de cartas, filas alternas, un proceso numerado y tarjetas de exhibición basadas en imágenes.

1. Cuadrícula de tarjetas de iconos: plantilla de sección de características de Elementor

Dark Elementor presenta una plantilla de sección con seis tarjetas de íconos en una cuadrícula de tres columnas y un efecto flotante de brillo púrpura

Una cuadrícula oscura de tres columnas de seis cartas características, construida alrededor de un brillo de seguimiento del cursor: mueve el mouse y una suave luz radial lo sigue a través de las cartas. Las tarjetas son un repetidor: icono (pega cualquier SVG), título, texto y un enlace de flecha opcional por tarjeta. Seis tarjetas de un SaaS de análisis ficticio vienen precargadas y la entrada escalonada anima cualquier cantidad de tarjetas con las que termines.

2. Filas de imagen alternas: plantilla de filas de características del Elementor

Plantilla de sección de funciones de Elementor con filas alternas de imágenes y texto, tira de estadísticas de cuenta regresiva y listas de verificación de viñetas

Filas clásicas de imagen izquierda/imagen derecha con una franja de estadísticas de cuenta regresiva debajo del encabezado. La alternancia es automática. Las filas giran hacia los lados según la posición, por lo que agregar una cuarta o quinta fila a través del repetidor mantiene el zigzag intacto. Cada fila lleva una insignia de pateador, tres balas de verificación y su propio control de enlace. El arte de demostración de las tres filas de la aplicación de contabilidad está en el zip.

3. Lista de procesos numerados: plantilla de pasos del proceso Elementor

Plantilla de sección de proceso Elementor que muestra cinco pasos numerados en una pista vertical con una línea de progreso impulsada por desplazamiento

Cinco pasos numerados en una pista vertical, con una línea de progreso que se dibuja a medida que te desplazas y puntos que se iluminan cuando su paso ingresa a la ventana gráfica. Los pasos viven en un repetidor (número, título, etiqueta del chip, texto) y las matemáticas de progreso leen el recuento de pasos en tiempo de ejecución. Tres pasos u ocho, la línea todavía aterriza en el último punto. Hay un pie de página CTA que se puede alternar con una estadística resaltada incorporada.

4. Tarjetas de exhibición de imágenes: plantilla de tarjetas de características de Elementor

Plantilla de sección de exhibición de Elementor con tres tarjetas de imagen que se inclinan en 3D al pasar el cursor y un teletipo de palabra clave de desplazamiento

Tres tarjetas de imagen grandes con una inclinación 3D que sigue al cursor, además de una marquesina de palabras clave de desplazamiento entre el encabezado y la cuadrícula. Agregas cada palabra clave de ticker una vez. La duplicación perfecta del bucle ocurre en JavaScript, por lo que la marquesina nunca muestra una costura. Las tarjetas toman una imagen, una insignia, un título, un texto y un enlace cada una; Las tres ilustraciones de demostración de la herramienta de podcast se envían en la cremallera.

Sobre nosotros plantillas de sección

Imagen a la izquierda, imagen a la derecha con una insignia flotante y una declaración de misión con tarjetas de valor.

5. Imagen dejada con la historia: Elementor sobre nosotros plantilla de sección

Warm Elementor sobre la plantilla de sección con foto de panadería a la izquierda, texto de la historia a la derecha, estadísticas de cuenta regresiva y una firma

Foto a la izquierda con una inclinación flotante estilo polaroid, copia de la historia a la derecha, tres estadísticas de cuenta regresiva y un bloque de firma. El repetidor de estadísticas maneja prefijos, decimales y miles de comas. La demostración cuenta hasta 2400 socios mayoristas sin que usted toque el código. Escena de demostración de panadería incluida como SVG.

6. Imagen derecha con insignia flotante: Elementor sobre la plantilla de sección

Dark Elementor sobre la plantilla de sección con la imagen de arquitectura a la derecha, la lista de verificación de credenciales y la insignia flotante de años de experiencia

El diseño del espejo: texto a la izquierda, imagen a la derecha, con una insignia flotante de “27 años” que cuenta cuando aparece a la vista. La lista de verificación de credenciales es un repetidor, la insignia se puede alternar y ambas líneas de insignia son editables. Úselo durante años en el negocio, proyectos enviados, cualquiera que sea su mejor número.

7. Misión y valores: Sección Misión y valores de Elementor

Plantilla de sección de misión Elementor con declaración de misión grande y cuatro tarjetas de valor con íconos de línea

No se necesita foto. Una gran declaración de misión con una frase con acento, luego cuatro cartas de valor con íconos de línea que giran ligeramente al pasar el cursor. Las tarjetas son un repetidor con un campo de iconos basado en palabras clave (ondas, comunidad, sol, corazón). Los íconos son máscaras CSS que heredan el color de su acento, por lo que se vuelven a colorear con la paleta en lugar de chocar con ella.

Estadísticas y plantillas de contrabanda

Dos bandas de cuenta atrás, una clara y otra oscura, para los números que prueban la escala.

8. Banda de estadísticas de luz: plantilla de sección del contador Elementor

Plantilla de sección de contador de estadísticas de Light Elementor con cuatro números serif grandes y líneas divisorias de dibujo

Cuatro contadores en blanco como el papel, números serif y líneas divisorias que se dibujan a medida que aumentan los números. Un control deslizante de columnas reconfigura la cuadrícula del escritorio si ejecuta tres o cinco estadísticas en lugar de cuatro, y un control de duración único ajusta qué tan rápido cuenta todo.

9. Banda de estadísticas oscuras: plantilla de banda de estadísticas de Elementor

Plantilla de sección de estadísticas de Dark Elementor con contadores de acento lima, íconos brillantes y un titular de dos tonos

La versión de alto contraste: fondo casi negro, acento lima, un icono encima de cada contador con un pulso luminoso. Los iconos circulan automáticamente por tarjeta (perno, turbina, hogar, escudo) y cada estadística establece su propia duración de cuenta, por lo que los números aterrizan en secuencia en lugar de todos a la vez. El titular se divide en tres campos para que la palabra acentuada quede donde la desee.

Plantillas de secciones testimoniales

Un carrusel, una rejilla de mampostería, una cotización grande y tarjetas de revisión con una puntuación total.

Plantilla de carrusel testimonial de Elementor con tarjeta de cotización grande, avatar, navegación con flechas y puntos deslizantes

Un control deslizante adecuado: botones de flecha, puntos en los que se puede hacer clic, navegación por teclado y altura automática para que las comillas cortas no dejen una tarjeta alta y vacía. Las diapositivas son un repetidor (cita, nombre, rol, avatar), y los puntos y la “N del total” etiquetas se reconstruyen a partir de la cantidad que agregues. Cuatro avatares de demostración se envían en la cremallera.

11. Cuadrícula de mampostería: plantilla de cuadrícula testimonial de Elementor

Plantilla de cuadrícula de mampostería testimonial de Elementor con tarjetas de revisión escalonadas, calificaciones de estrellas y avatares iniciales

Seis cartas en mampostería de columnas CSS con revelaciones escalonadas. Cada fila repetidora toma una cita (más un segundo párrafo opcional para las cartas altas), una calificación de 1-5 estrellas, iniciales para el círculo de avatar y un interruptor “destacado” que le da a una carta el tratamiento de acento. Las estrellas se representan a partir del valor de calificación, por lo que una revisión de 4 estrellas muestra cuatro estrellas llenas, no lo que esté codificado.

12. Cita única grande: plantilla de sección testimonial de Elementor

Plantilla testimonial de cita única de Elementor con cita serif grande revelada línea por línea y una tira de estadísticas

Una cita, tipo serif enorme, revelada línea por línea con una animación enmascarada. Pegas la cita como un párrafo; JavaScript lo divide en líneas equilibradas y multiplican la revelación, por lo que una cita de 15 palabras y una cita de 40 palabras se animan correctamente. Una pequeña meta tira debajo (habitaciones, clasificación, año) es un repetidor que puedes vaciar por completo.

13. Tarjetas de calificación con resumen: Plantilla de tarjetas de revisión de Elementor

Plantilla de sección de revisión de Elementor con puntuación agregada, barras de distribución de calificación animadas y cuatro tarjetas de revisión de plataforma

La apariencia de agregador de reseñas: una gran puntuación de cuenta atrás, barras de distribución animadas (cinco estrellas: 84%, cuatro: 11%...), luego cuatro tarjetas de revisión etiquetadas por plataforma con colores de insignia por tarjeta. Las calificaciones fraccionarias pintan estrellas parciales. Este tiene la mayor cantidad de controles del grupo testimonial, 24, porque todo, desde los porcentajes de barras hasta el título debajo de la puntuación, es editable.

Plantillas de sección de tabla de precios

Plan resaltado de tres niveles, una matriz de comparación y un interruptor mensual/anual.

14. Clásico de tres niveles: plantilla de tabla de precios de Elementor

Plantilla de tabla de precios de Elementor con tres tarjetas de plan, precios de cuenta regresiva y un botón de plan central resaltado

Tres cartas, entrada escalonada, precios que cuentan hasta el desplazamiento. Los planes son un repetidor. Las funciones entran como una línea por función en un área de texto, por lo que los planes pueden tener cinco funciones o nueve sin ranuras vacías. Una palanca “popular” por plan cambia el botón de esa tarjeta de acento fantasma a acento sólido.

15. Plan destacado: plantilla de sección de precios de Elementor

Plantilla de sección de precios de Elementor con plano popular elevado, borde con acento brillante y etiqueta de cinta

Los mismos huesos de tres columnas, pero el popular plan se eleva físicamente por encima de sus vecinos con un pulso luminoso y una cinta. Lo más destacado sigue a un interruptor en cada fila del repetidor, por lo que promover un plan diferente el próximo trimestre es un interruptor, no un rediseño. Se puede desactivar una fila de estadísticas de pie de página (tiempo de actividad, centros de datos, soporte).

16. Lista de características de comparación: Tabla comparativa de precios de Elementor

Plantilla de tabla comparativa de precios de Elementor con tres planes, filas de matrices de características y características adicionales ampliables

Una matriz de características reales: tres columnas de planos, filas de características con valores sí/no/personalizados (“5 usuarios”, “Ilimitado”) y un bloque expandible que revela seis filas más con una animación de altura suave. Escriba sí o no en una celda y se representa como un cheque o cruce; escriba cualquier otra cosa e imprima como texto. El plan que obtiene el resaltado de la columna “Mejor valor” es un menú desplegable. Con 38 controles, es la plantilla más profunda del paquete.

17. Cambio mensual/anual: tabla de precios de Elementor con cambio de facturación

Plantilla de precios de Elementor con palanca de facturación anual mensual, tarjeta de guardado y tres tarjetas de plan con precios invertidos

El estándar SaaS. Un interruptor accesible voltea cada tarjeta entre precios mensuales y anuales con una pequeña animación de cambio de precio; cada plan incluye ambos precios más ambas notas “facturadas como” en su fila repetidora. El texto de la insignia “Guardar 20%” es un campo, por lo que cambiar las matemáticas cambia la insignia.

Plantillas de sección de equipo

Una cuadrícula de fotos, biografías de revelación flotante y un control deslizante con un panel biológico.

18. Cuadrícula de tarjetas fotográficas: plantilla de sección del equipo Elementor

Plantilla de sección del equipo Elementor con cuatro tarjetas fotográficas, zoom de retrato y barrido de borde de acento al pasar el cursor

Cuatro tarjetas de retrato con un movimiento de zoom y barrido de bordes. Nombre, rol y biografía de una línea por miembro; el escalonamiento de entrada recalcula el número de miembros. Cuatro ilustraciones de retratos de demostración vienen en la cremallera si necesita marcadores de posición mientras colecciona fotografías reales.

19. Biografías de Hover-Reveal: plantilla de tarjetas de miembro del equipo Elementor

Plantilla de equipo Elementor con tarjetas de retrato que revelan biografías y vínculos sociales al pasar el cursor o el grifo

Retratos que deslizan hacia arriba un panel de biografía al pasar el cursor, enfocar o tocar, para que funcione con un teclado y en teléfonos, así como con un mouse. Cada fila de miembros lleva controles de enlaces de LinkedIn, Instagram y correo electrónico, y toda la fila social se puede desactivar si su equipo prefiere no hacerlo.

20. Control deslizante del equipo: plantilla de control deslizante del equipo Elementor

Plantilla deslizante del equipo Elementor con fotografía de miembro grande, panel biológico, puntos y contador de diapositivas sobre fondo oscuro

Un miembro a la vez: foto grande, etiqueta de rol, una biografía más completa y un contador “01/05” que reconstruye a partir de su número real de miembros, al igual que los puntos. Las teclas de flecha funcionan. Bueno para equipos pequeños donde cada persona merece más que una tarjeta de presentación.

Plantillas de secciones de preguntas frecuentes

Un acordeón, preguntas y respuestas de dos columnas, pestañas de categorías y un acordeón junto a una tarjeta de soporte.

21. Acordeón: Plantilla de acordeón de preguntas frecuentes de Elementor

Plantilla de acordeón de preguntas frecuentes de Elementor con preguntas de apertura única, además de íconos y una nota de contacto del pie de página

Acordeón de apertura simple con animación de altura suave e íconos plus giratorios. Las preguntas y respuestas son un repetidor; si el primer elemento comienza a abrirse es un cambio. La línea de pie de página (“¿Aún estancada? Escríbenos”) tiene sus propios campos de enlace y correo electrónico, porque esa línea siempre termina codificada y olvidada de lo contrario.

22. Preguntas y respuestas de dos columnas: plantilla de sección de preguntas frecuentes de Elementor

Plantilla de sección de preguntas frecuentes de Elementor con preguntas numeradas en una cuadrícula estática de dos columnas sobre fondo oscuro

Sin hacer clic. Las seis respuestas permanecen visibles en una cuadrícula numerada de dos columnas con revelaciones escalonadas. La numeración 01-06 son contadores CSS, por lo que los elementos se renumeran cuando agregas un séptimo. Mejor que un acordeón cuando tus respuestas son cortas y prefieres que los visitantes las lean.

23. Pestañas de categoría: plantilla de pestañas de preguntas frecuentes de Elementor

Plantilla de preguntas frecuentes de Elementor con navegación por pestaña de categorías, indicador de píldora deslizante y preguntas agrupadas

Doce preguntas en cuatro categorías con una barra de pestañas deslizante. No administras las pestañas en absoluto. Cada pregunta en el repetidor tiene un campo de categoría y el widget crea los botones de pestaña a partir de las categorías únicas que encuentra. Cambie el nombre de una categoría en tres preguntas y la pestaña cambiará de nombre. Navegación completa con pestañas de teclas de flecha incluida.

24. Preguntas frecuentes con tarjeta de soporte: Sección de preguntas frecuentes de Elementor con tarjeta de soporte

Plantilla de sección de preguntas frecuentes de Elementor con acordeón de apertura múltiple a la izquierda y tarjeta de contacto de soporte pegajoso a la derecha

Acordeón a la izquierda (esta vez multiabierto), una tarjeta de soporte adhesiva a la derecha con una ilustración, canales de contacto y una nota de equipo con tres ranuras para avatar. Los canales de contacto son un repetidor con un selector de iconos de chat/correo electrónico/teléfono/reloj por fila. El desplazamiento adhesivo de la tarjeta es un control deslizante, para cuando su sitio tiene un encabezado fijo grueso.

Plantillas de banda de llamada a acción

Un degradado en negrita, una división con una imagen de producto y una banda mínima centrada.

25. Gradiente en negrita: plantilla de llamada a la acción del elementador

Plantilla de sección CTA de Elementor en negrita con fondo degradado animado, blobs flotantes y dos botones

Un lavado degradado animado de tres colores con manchas flotantes que se desplazan hacia su puntero. Los tres colores degradados son selectores separados, por lo que cambiar todo el estado de ánimo de violeta a naranja de marca requiere tres clics. Los botones primario y fantasma tienen controles de enlace completos cada uno; las manchas se apagan para los minimalistas (y se apagan para los visitantes en movimiento reducido).

26. Dividido con imagen de producto: plantilla de sección Elementor CTA

Plantilla de sección Elementor CTA con imagen de producto, insignias de especificaciones flotantes, clasificación de estrellas y lista de verificación

Copie y haga una lista de verificación a la izquierda, foto del producto a la derecha con insignias de especificaciones flotantes (capacidad, tiempo de carga, peso) que se reposicionan por muchas que agregue. La calificación de estrellas cuenta hasta 4,8 de 2318 reseñas en la demostración, y ambos números son campos. Creado para un producto físico pero funciona para cualquier cosa con especificaciones de las que valga la pena presumir.

27. Mínimo centrado: Banda de llamada a la acción de Elementor

Plantilla CTA mínima de Elementor con revelación de título palabra por palabra y un solo botón sobre fondo color crema

Fondo crema, un titular, un botón, reglas delgadas arriba y abajo. El titular revela palabra por palabra y, debido a que la división ocurre en tiempo de ejecución, su titular reescrito anima exactamente lo mismo. Cuando todas las demás secciones de la página gritan, ésta cierra el trato bajando la voz.

Plantillas de sección de formulario de contacto

Formulario con datos de contacto, formulario con mapa animado y tarjeta centrada.

28. Formulario con información de contacto: Plantilla de formulario de contacto de Elementor

Plantilla de sección de contacto de Elementor con datos de contacto y cuadro de notas a la izquierda, formulario con menú desplegable de presupuesto a la derecha

Columna de información (correo electrónico, teléfono, oficina, como repetidor con íconos de ciclismo) junto a un formulario con nombre, correo electrónico, empresa, menú desplegable de presupuesto y un campo de mensaje. Los rangos de presupuesto son su propio repetidor. Cada etiqueta y marcador de posición es editable, lo que importa el día en que traduce el sitio.

29. Formulario con mapa: Formulario de contacto del elementador con mapa

Plantilla de contacto de Elementor con formulario de chips temáticos y mapa ilustrado animado con pin de ubicación pulsante

Un formulario con chips de selección de temas junto a un mapa SVG ilustrado: ruta discontinua animada, pin pulsante, detalles de parque y canal. Sin incrustación de Google Maps, sin clave API, sin implicaciones de banner de cookies. Las etiquetas de las calles en el mapa son campos de texto, así que coloque sus calles reales en él.

30. Tarjeta centrada: sección del formulario de contacto de Elementor

Plantilla de formulario de contacto de Elementor con tarjeta centrada, efecto de foco del cursor e insignia de estado en vivo

Una tarjeta centrada sobre un fondo oscuro con un foco que sigue a su cursor y una insignia de estado parpadeante que dice “Respuestas dentro de un día hábil”. El texto de la insignia es un campo y toda la insignia se puede alternar. El tamaño más pequeño de los tres. Déjelo al final de cualquier página que necesite una opción de contacto sin una página de contacto dedicada.

Plantillas de tiras de logotipos

Una cuadrícula en escala de grises que colorea al flotar y una marquesina infinita.

31. Cuadrícula estática en escala de grises: plantilla de cuadrícula del logotipo de Elementor

Plantilla de tira de logotipo de Elementor con cuadrícula de logotipo de cliente en escala de grises que colorea al pasar el cursor y una línea de estadísticas de cuenta regresiva

Ocho logotipos en una cuadrícula, en escala de grises hasta que estén flotados, con una estadística de cuenta regresiva debajo (“Informes de encendido para más de 1400 equipos”). Las columnas son un control deslizante, la fila de estadísticas se puede alternar y el desplazamiento de escala de grises a color funciona en cualquier logotipo PNG o SVG que cargue.

Plantilla de marquesina con logotipo desplazable Elementor con bucle infinito sin costuras y desvanecimiento de bordes

Una marquesina infinita con desvanecimientos de bordes que se detiene al flotar y se detiene para los visitantes en movimiento reducido. Agregas cada logotipo una vez; el clon de bucle perfecto se maneja en JavaScript. La velocidad de desplazamiento es un control deslizante; la demostración ejecuta un bucle de 28 segundos, que se lee como seguro en lugar de frenético.

Explore la biblioteca de 583 secciones por tipo

La biblioteca es la otra mitad: 583 diseños instalados desde el editor Elementor en lugar de descargados. A continuación se muestran tres selecciones de cada una de las categorías principales, cada una con una demostración en vivo en la que puede desplazarse y hacer clic, y un botón para cada diseño en esa categoría.

Tipo de secciónDiseñosDónde
sección héroe47Saltar
sección características64Saltar
sección sobre nosotros40Saltar
sección de estadísticas y contadores40Saltar
sección testimonial41Saltar
tabla de precios19Saltar
sección de equipo36Saltar
Sección de preguntas frecuentes21Saltar
sección de llamada a la acción27Saltar
sección del formulario de contacto46Saltar
sección de blogs y artículos28Saltar
sección de mega menú6Saltar
Secciones de servicios41Explorar
Secciones de proceso, pasos y cronograma29Explorar
Tablas, secciones de contenido y medios31Explorar
Secciones de tienda, producto y menú23Explorar
Secciones de estudio de caso y portafolio19Explorar
Secciones de logotipos, marcas y clientes13Explorar
404 secciones de error7Explorar
Secciones de carreras y empleo5Explorar

Los recuentos provienen de la biblioteca el 23 de septiembre de 2026. Las nuevas secciones aparecen en la mayoría de las versiones, por lo que su complemento puede mostrar más que esto.

Plantillas de sección de héroe Elementor

47 diseños de héroes en la biblioteca. En su mayoría se diferencian por lo que se encuentra al lado del titular: una captura de pantalla del panel, un botón de reserva, una insignia de revisión o una fila de mostrador. Si quieres héroes, puedes descargarlos como JSON, hay un paquete separado de plantillas de la sección héroe.

Plantilla de sección de héroe Dark Elementor SaaS con titular, subtexto y captura de pantalla del panel

Héroe SaaS de señal de borde

Héroe oscuro de SaaS con un titular de latencia y el panel del producto debajo.

Plantilla de sección Elementor Hero para un servicio de limpieza con foto, calificación de estrellas y botón de llamada

Héroe limpiador

Foto héroe para una empresa de servicios, con calificación de estrellas y número de teléfono al lado del botón.

Plantilla de sección de héroe Elementor con ilustración y tarjeta de estadísticas flotante

Héroe Craftova

Héroe ilustrado con una tarjeta de resultados flotante al lado del titular.

Cada héroe es una pila de contenedores, por lo que el titular, la imagen y el botón permanecen como elementos separados que puedes arrastrar.

Elementor presenta plantillas de sección

La categoría más grande con 64 secciones. La mayoría corre en el Cuadro informativo widget, que mantiene el ícono, el título, el texto y el enlace como controles separados en lugar de un bloque de texto formateado.

Elementor presenta una plantilla de sección de cuadrícula con ocho mosaicos de íconos de colores

Características del elevador de plomo en la rejilla

Ocho mosaicos de colores pastel bajo un título serif, dos filas de cuatro.

Plantilla de sección de funciones de Dark Elementor con cuatro tarjetas e íconos de confiabilidad

Tarjetas de confiabilidad oscuras

Cuatro tarjetas oscuras con iconos numerados, construidas para garantías y SLA.

Plantilla de sección de funciones de la aplicación Purple Elementor con maqueta de teléfono y lista de verificación de funciones

Funciones de la aplicación móvil Clowdify

Sección dividida morada con una maqueta de teléfono y una lista de verificación de funciones de la aplicación.

Cambie los íconos del control del cuadro de información y se mantendrá el espaciado. El texto es texto real, por lo que se traduce y se indexa.

Elementor sobre nosotros plantillas de sección

40 secciones sobre y historia. El diseño que más se repite es una imagen de un lado con la historia, una lista de verificación y una fila de estadísticas del otro.

Dark Elementor sobre la plantilla de sección con texto de la historia, foto del producto y línea de fecha

Historia de artesanía oscura

Banda de historias editoriales oscuras con una foto del producto y una línea de citas.

Elementor sobre nosotros plantilla de sección con collage de fotos del personal y botón de llamada

Limpieza Acerca de nosotros

Collage de fotos con una línea de promesa resaltada y un botón de número de teléfono.

Elementor sobre plantilla de sección con cuadrícula de imágenes y contadores animados

VibeSpace Acerca de

Diseño de interiores sobre bloque con cuadrícula de cuatro imágenes y tres contadores debajo.

Estos mantienen su forma cuando la historia se prolonga, que es donde la mayoría de las secciones se desmoronan.

Estadísticas de Elementor y plantillas de sección de contador

40 secciones para números: filas de contadores, barras de progreso, tableros métricos bento y tableros de control. Los contadores se ejecutan en el Contrarrestar widget y animación en scroll sin configuración.

Plantilla de sección de estadísticas bento de Dark Elementor con cinco mosaicos métricos

Envoltura del Festival Bento

Tablero bento de cinco mosaicos métricos en diferentes tamaños, oscuros y cálidos.

Plantilla de sección de métricas clave de Purple Elementor con tres contadores animados

Métricas clave de Zaplyte

Banda morada atrevida con tres mostradores grandes y etiquetas cortas.

Plantilla de sección de barra de progreso de Elementor sobre un fondo azul en negrita

Barras de progreso de colores atrevidos

Bloque azul con tres barras de progreso etiquetadas para números de entrega o capacidad.

Los contadores toman un prefijo y un sufijo, por lo que 12k+, 99,9% y $4,2 millones se representan sin tocar el campo número.

Plantillas de secciones testimoniales de Elementor

41 secciones testimoniales y de revisión: controles deslizantes, cuadrículas de tarjetas, citas individuales y diseños de plataforma de revisión. También hay un tutorial sobre la construcción de un carrusel testimonial si prefieres construir uno tú mismo.

Plantilla de sección de historias de clientes de Elementor con ilustraciones y contador

Historias de clientes de Craftova

Bloque de historias ilustradas de clientes con un mostrador de clientes satisfechos en el medio.

Plantilla de sección testimonial de Dark Elementor con fotografías de retrato y una cita extraíble

Historia del cliente de retrato

Cita editorial oscura con dos retratos y una cita larga.

Plantilla de sección testimonial de Elementor con tarjetas de calificación de estrellas y una tira de plataforma de revisión

Testimonios de Craftova

Revise tarjetas con estrellas encima de una franja de calificación de plataforma de revisión.

Las reseñas son elementos repetidores en la mayoría de estos, por lo que un quinto es un clic y la fila se vuelve a espaciar.

Plantillas de tablas de precios de Elementor

19 secciones de precios construidas sobre el Tabla de precios widget. El nombre del plan, el precio, la lista de funciones, la cinta y el botón son controles separados, que es lo que mantiene las filas alineadas cuando los planes tienen diferentes recuentos de funciones.

Plantilla de tabla de precios de Elementor con tres planes y un interruptor mensual anual

Precios de Lead Lift

Diseño color crema de tres niveles con un titular serif y un cambio mensual o anual.

Plantilla de tabla de precios de Dark Elementor con tres planes y un nivel resaltado

Tabla de precios oscura

Mesa oscura de tres columnas con un plan resaltado y precios por asiento.

Plantilla de sección de precios de Elementor con tres planos y una tarjeta central resaltada

Precios de Craftova

Tres planes con tarjeta intermedia de lima y tarjeta de ahorro en la opción anual.

Para un cambio mensual y anual dentro de un widget, la plantilla de alternancia de facturación más arriba en esta página lo maneja.

Plantillas de sección del equipo Elementor

36 secciones de equipo ejecutándose en el Miembro del equipo widget, por lo que los enlaces de fotos, roles, biografía y sociales son campos en lugar de cuadros de texto apilados.

Plantilla de sección del equipo Dark Elementor con un mosaico bento de retratos

Mosaico de retrato de Bento

Mosaico bento oscuro de cuatro retratos en marcos no coincidentes.

Plantilla de sección del equipo Orange Elementor con cinco tarjetas de retrato

Equipo Clowdify

Banda naranja con cinco tarjetas de retrato y roles debajo.

Plantilla de sección de equipo elementor con retratos arqueados en un degradado violeta

Fila de retratos escalonados

Fila degradada de púrpura de retratos arqueados que revelan una nota sobre el vuelo estacionario.

Los íconos sociales son por miembro, por lo que una persona solo puede tener LinkedIn y la fila aún se equilibra.

Plantillas de secciones de preguntas frecuentes de Elementor

21 secciones de preguntas frecuentes. Los de acordeón utilizan el Acordeón avanzado widget, que transmite el comportamiento de apertura única y la configuración del esquema de preguntas frecuentes.

Plantilla de sección de acordeón de preguntas frecuentes de Dark Elementor con fondo brillante violeta

Preguntas frecuentes sobre brillo oscuro

Acordeón oscuro con un brillo violeta detrás del título.

Plantilla de sección de preguntas frecuentes de Elementor bento con acordeón, mosaico de estadísticas y foto

Panel de preguntas frecuentes de Bento

Acordeón a la izquierda con una baldosa de cal y una ficha fotográfica a la derecha.

Plantilla de sección de preguntas frecuentes de Elementor verde oscuro con preguntas numeradas

Preguntas frecuentes sobre edición numerada

Preguntas frecuentes numeradas en verde intenso con un título aún curioso.

Active el esquema en el widget de acordeón antes de publicarlo si desea que las preguntas sean elegibles para obtener resultados enriquecidos.

Plantillas de sección de llamada a la acción de Elementor

27 bandas CTA, las secciones que se ubican encima del pie de página y solicitan el clic. Construido sobre el Llamado a la acción y Botón creativo widgets.

Plantilla de banda de llamada a acción Coral Elementor con botón de prueba gratuito

Elevador de plomo CTA

Coral de ancho completo con titular de prueba gratuito y línea sin tarjeta de crédito.

Plantilla de sección Dark Elementor CTA con gráfico de globo y botón

Tecpart CTA

Banda oscura a escala con un globo terráqueo detrás de la copia.

Plantilla de sección CTA de descarga de aplicaciones Elementor con insignias de tiendas de aplicaciones y maquetas de teléfonos

Zaplyte CTA

Promoción de la aplicación dividida con insignias de la tienda, una maqueta de teléfono y una línea de calificación.

Los estilos de desplazamiento de botones se encuentran en la pestaña Estilo del widget, por lo que los colores de la marca son un selector en lugar de una edición de hoja de estilo.

Plantillas de sección de formulario de contacto de Elementor

46 secciones de contacto, reserva y horarios de apertura. Los formularios provienen del Formulario de contacto 7 a través del Estilista CF7, entonces los campos siguen siendo tuyos y solo el estilo proviene de la sección.

Plantilla de sección de contacto de Elementor con un mapa al lado del formulario de contacto

Formulario de contacto de Balanciq

Mapa a la izquierda, formulario de mensaje a la derecha.

Plantilla de sección del formulario de contacto de Elementor con fondo crema y encabezado serif

Formulario de contacto de elevación de plomo

Forma centrada en crema con título serif y campos redondeados.

Plantilla de sección de reserva de Elementor con foto y tarjeta de horario de apertura superpuesta

Tarjeta de reserva superpuesta

Foto de la tarde con una tarjeta de horario de apertura superpuesta y un botón de reserva.

Primero instale el formulario de contacto 7 y luego elija su formulario en el widget. La sección se vacía hasta que se selecciona un formulario.

Plantillas de blogs y secciones de artículos de Elementor

28 secciones de blog más diseños de publicación única, construidos sobre Publicaciones de blog widget. Para plantillas de página completa en lugar de secciones, consulte Plantillas de blog de Elementor publicar.

Plantilla de sección de blog de Elementor con una publicación destacada y cuatro tarjetas más pequeñas

Publicación de blog culinario

Diseño de revista con un poste grande y cuatro tarjetas más pequeñas.

Plantilla de sección de lista de archivos de blogs de Elementor con botones de lectura en cada fila

Lista de archivos editoriales

Crema la lista de archivos con un botón de lectura en cada fila.

Plantilla de sección de blog Elementor con una fila de publicaciones de tres cartas y fechas

Publicación del blog de Balanciq

Fila de publicaciones de tres cartas con fechas y una introducción de sección a la izquierda.

La cuadrícula extrae publicaciones en vivo, por lo que se llena sola una vez que la sección está en su sitio.

Plantillas de sección de mega menú de Elementor

Seis mega paneles de menú: columnas de enlaces, directorios de iconos y bloques promocionales que salen de un elemento de navegación en lugar de estar en la página.

Megaplantilla de menú Elementor para una tienda de electrónica con mosaicos de productos y columnas de enlaces

Mega menú de la tienda de electrónica

Panel de categoría de producto con un mosaico de producto destacado y tres columnas de enlaces.

Megaplantilla de menú Elementor para tienda de moda con carteles de venta

Mega menú de la tienda de moda

Tres columnas de enlaces encima de dos carteles de venta.

Plantilla de mega menú Elementor con un directorio de enlaces de iconos de cuatro columnas

Mega menú del directorio de widgets

Directorio de cuatro columnas de enlaces de iconos para una gran lista de funciones.

Primero cree el panel como una sección y luego apunte al widget Mega Menu desde su navegación.

Eso es 36 de 583. El biblioteca de secciones completas tiene el resto y los mismos diseños están dentro del complemento bajo los filtros de la misma categoría. Si desea una página completa en lugar de una banda, los diseños de la página completa están disponibles en Plantillas de página de Elementor página, con diseños completos del sitio en el kits de plantillas página.

Bloques, secciones, plantillas de página y kits de Elementor

Estas cuatro palabras se usan para lo mismo y significan diferentes cantidades de página.

  • Secciones son una banda horizontal: una tabla de precios, preguntas frecuentes, un héroe. De qué se trata esta página. Los apilas para crear una página.
  • Bloques son lo mismo con un nombre diferente. Algunas bibliotecas de complementos dicen bloques donde decimos secciones. Algunos usan la palabra para el editor de bloques de WordPress, que no está relacionado.
  • Plantillas de página son una página completa: inicio, acerca, contacto, precios. Cuando las personas buscan plantillas de sitios web de Elementor, esto suele ser lo que quieren decir. Master Addons tiene 211 de ellos en el plantillas de página página.
  • Kits de plantillas son un sitio completo en un estilo: encabezado, pie de página y cada página, diseñados para coincidir. Hay más de 30 en el kits de plantillas página.

Las secciones son la unidad útil cuando ya tienes un sitio y una parte de una página está mal. Un kit tiene más sentido cuando partes de la nada y quieres que la tipografía concuerde consigo mismo.

El propio sistema de contenedores de Elementor reemplazó la antigua estructura de secciones y columnas. Aquí todo está construido con contenedores, por lo que las secciones refluyen correctamente en el móvil en lugar de colapsar en columnas aplastadas.

Plantillas de página de destino de Elementor: cree una a partir de estas secciones

Una página de inicio consta de cuatro a ocho secciones en un orden deliberado. Tres combinaciones que funcionan, cada una ensamblada a partir de secciones de esta página:

SaaS o producto de software

Héroe con foto de producto, tira de logotipo para prueba social, cuadrícula de características, banda de estadísticas, tabla de precios con palanca mensual, acordeón de preguntas frecuentes y luego la banda CTA. Siete secciones. La banda de estadísticas directamente debajo de las funciones está haciendo el trabajo de un estudio de caso que aún no ha escrito.

Negocio de servicios locales

Héroe con botón de reserva, cuadrícula de servicios, foto del propietario, tarjetas de revisión, preguntas frecuentes y luego un formulario de contacto con un mapa. El mapa importa más de lo que parece: para que un empresario conduzca, responde a la pregunta que decide la llamada.

Agencia o estudio

Héroe, marquesina con el logotipo del cliente, filas de funciones alternas, cuadrícula de equipo, tarjetas de estudio de casos, un testimonio grande y luego el CTA. Liderar con los logotipos. Para el trabajo de agencia, con quién ha trabajado supera lo que dice sobre ustedes mismos.

Las secciones están basadas en contenedores, por lo que puede reordenarlas arrastrando el Navigator, y el espacio entre ellas se mantiene constante porque el relleno vive en la sección en lugar de en los widgets que contiene.

¿Qué secciones necesita realmente una página?

La mayoría de las páginas que convierten usan el mismo lomo, aproximadamente en este orden:

  1. Héroe: qué es esto y en qué hacer clic. Cada página.
  2. Logotipo o tira de cliente: credibilidad prestada, barata de añadir.
  3. Características o servicios: lo que realmente obtienes.
  4. Acerca de: por qué tú, con cara si tienes una.
  5. Estadísticas: prueba de escala donde los números son buenos.
  6. Testimonios: prueba de alguien que no eres tú.
  7. Precios: para cualquier cosa que tenga planes.
  8. Equipo: agencias, clínicas, empresas locales.
  9. Preguntas frecuentes: las objeciones que detienen el clic.
  10. Banda CTA: la última pregunta ante el pie de página.
  11. Contacto: el formulario y el mapa si la ubicación importa.

Corta lo que no puedes llenar honestamente. Una sección testimonial vacía con tres citas inventadas causa más daño que ninguna sección testimonial.

Preguntas frecuentes

¿estas plantillas de sección Elementor son gratuitas?

Los 32 archivos JSON de esta página se pueden descargar gratis y su importación utiliza Widget Builder, que es una función Master Addons Pro. En la biblioteca, 93 de las 583 secciones se importan en el complemento gratuito. La división es desigual según la categoría: cada sección de precios es profesional, mientras que las preguntas frecuentes tienen la mayor cantidad de diseños gratuitos de cualquier categoría. La pantalla Biblioteca de plantillas marca los bloqueados.

¿dónde puedo encontrar plantillas Elementor gratuitas?

La propia biblioteca de Elementor tiene un nivel gratuito dentro del editor. Master Addons agrega 93 secciones gratuitas más plantillas y kits de páginas gratuitas, todos desde la misma pantalla de Biblioteca de plantillas una vez que el complemento está activo.

¿cómo importe una plantilla de sección en Elementor?

Para las descargas JSON en esta página: Addons maestros → Creador de widgets → Importar widget, cargue el archivo y luego arrastre el nuevo widget a su página. Para las secciones de la biblioteca: abra una página en Elementor, haga clic en el icono de plantilla de complementos maestros, cambie a Secciones, elija una categoría y haga clic en Insertar.

¿cómo creo una sección en Elementor?

Utilice un contenedor. En el editor, haga clic en el icono más, elija una estructura y luego arrastre los widgets hacia ella. Establezca el relleno y el fondo en el propio contenedor en lugar de en los widgets. Eso es lo que mantiene el espacio constante cuando lo duplica más tarde. Una vez que una sección sea como la desea, haga clic derecho en ella y elija Guardar como plantilla para reutilizarla.

¿Puedo editar las plantillas después de importarlas?

Sí, todo. Las plantillas JSON vienen como widgets individuales donde cada cadena, enlace, imagen y color base es un control en la pestaña Contenido o Estilo. Las secciones de la biblioteca vienen como contenedores y widgets ordinarios.

¿funcionan con algún tema de WordPress?

Trabajan con cualquier tema que admita Elementor, que son casi todos ellos. Las secciones tienen su propio espaciado y colores, por lo que los estilos de un tema rara vez aparecen. Si un encabezado parece desactivado, suele ser la tipografía del tema. Configure la fuente en el widget y la anulará.

¿existe una alternativa gratuita a Elementor?

La versión gratuita de Elementor es la alternativa que la mayoría de la gente quiere decir, y cada sección aquí funciona en ella. Master Addons Pro es una licencia separada de Elementor Pro.

¿Cuál es la diferencia entre una sección y una plantilla de página?

Una sección es una banda de una página. Una plantilla de página es la página completa. Las secciones son a lo que puede acceder cuando existe un sitio y es necesario reemplazar una parte del mismo.

¿por qué algunas descargas vienen con archivos SVG?

La obra de arte de la demostración es vectorial, por lo que se mantiene nítida en cualquier ancho. WordPress bloquea las cargas SVG de forma predeterminada por razones de seguridad. Conviértalos a PNG o WebP antes de cargarlos, o habilite las cargas SVG si confía en la fuente.

Comience con una sección

Elija la sección de su sitio que menos le guste, encuéntrela arriba y reemplácela. Ese es un trabajo de diez minutos y determina si esta biblioteca se adapta a su forma de trabajar.

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.