10 plantillas de secciones gratuitas de Elementor Hero que puedes importar en 2 minutos

La mayoría de las plantillas de sección de héroe de Elementor gratuitas tienen el mismo problema: importas un archivo JSON, obtienes un diseño congelado y luego pasas una hora haciendo clic en widgets de encabezado individuales, widgets de imagen y espaciadores tratando de hacerlo tuyo. ¿Cambiar el color del acento? Son doce paneles de estilo separados.

Înainte de te scutești: esta colección acaba de crecer a 11. La más nueva, Extremos sueltos, el héroe de partículas de GPU ubicado en el puesto 11, se creó después de que filmamos el video de YouTube, por lo que no lo encontrarás allí. No te lo saltes. Mil partículas orbitando tu titular y esquivando el cursor de tu visitante no es algo que verás en ninguna otra biblioteca de Elementor, y hay una vista previa animada a continuación para que puedas verlo moverse.

Construimos estas 10 secciones de héroes de manera diferente. Cada uno importa como un widget único a través del Creador de widgets de complementos maestros. Cuando lo arrastras a Elementor, cada título, párrafo, botón, enlace e imagen es un campo etiquetado en la pestaña Contenido, y todo el esquema de color se encuentra en la pestaña Estilo como de 3 a 6 seleccionadores de color. Cambie un “Color Accent” y los botones, estados de desplazamiento, brillan y subrayan todas las actualizaciones juntas, porque el CSS deriva cada tinte secundario de los colores base que elija.

Los 10 se pueden descargar gratis en esta página. Cada zip contiene el archivo del widget, las imágenes de demostración que ves en las capturas de pantalla (como PNG listos para cargar más los SVG originales) y un README que asigna cada imagen a su campo exacto. Las animaciones (montañas de paralaje, gráficos autodibujantes, insignias de ingredientes en órbita) aparecen automáticamente y cada una de ellas respeta la configuración de movimiento reducido del visitante, por lo que no estás enviando problemas de accesibilidad junto con el atractivo visual.

Las capturas de pantalla no explican cómo se ve realmente la animación. Hice un video para ti que deberías ver para que tengas una idea adecuada de la animación y de lo que obtendrás después de descargar la plantilla de secciones de héroe.

Y un héroe es sólo la primera pantalla. Todo lo que un visitante se desplaza después de él (la cuadrícula de características que explica, los testimonios que convencen, la tabla de precios que cierra, las preguntas frecuentes que eliminan la última objeción) aún necesita construirse. Empaquetamos todos ellos en una colección complementaria de Más de 30 plantillas de sección Elementor gratuitas, construido de la misma manera basada en widgets: elige un héroe aquí, apila el resto de la página desde allí y se crea una página de destino completa en una tarde en lugar de una semana.

A continuación encontrará los 10 diseños con capturas de pantalla reales, una nota honesta sobre a quién encaja realmente cada uno y luego un guía de importación paso a paso con capturas de pantalla del flujo de trabajo exacto.

Algunos héroes leen mejor con movimiento que con una foto fija. Si esa es la dirección en la que vas, el 20 diseños de carrusel Elementor son los compañeros configurados para este «coverflow, un acordeón de imagen, un paño de cortina, una órbita, una tira de desplazamiento de arrastre y un control deslizante de héroe de sangrado completo llamado Plinth que lleva su propio panel de subtítulos y llamada a la acción.

Importan exactamente como los héroes a continuación: un archivo JSON, Widget Builder, luego un widget con campos etiquetados. Ocho de los veinte se ejecutan en el complemento gratuito y doce necesitan Pro, que es la única diferencia que vale la pena conocer antes de elegir. Cada diseño tiene una demostración en vivo, por lo que puedes ver un estilo de movimiento durante diez segundos en lugar de adivinarlo a partir de una captura de pantalla.

¿Qué hay en esta colección

Por qué estas no son plantillas de sección ordinarias

Una distinción rápida antes de la exhibición, porque cambia la forma en que los usarás.

Una plantilla de sección Elementor normal es una disposición guardada de widgets de archivo. Parece terminado, pero estructuralmente son docenas de partes sueltas. Estos 10 héroes lo son widgets personalizados creado con Widget Builder: HTML, CSS y JavaScript empaquetados detrás de los controles Elementor. Tres consecuencias prácticas:

  • La edición es más rápida. El héroe del festival de música tiene 24 campos (fecha, ubicación, tres filas de alineación con sus propios enlaces, dos botones, colores). Los editas en un panel en lugar de buscar entre un árbol de contenedores anidados.
  • Las animaciones sobreviven. Javascript se envía dentro del widget: botones magnéticos, estadísticas de cuenta regresiva, paralaje del mouse. No hay complementos adicionales, ni llamadas CDN excepto Google Fonts, que cada widget carga una vez, por sí solo.
  • Nimic scurge. Cada hoja de estilo tiene su propio alcance y cada nombre de animación tiene el prefijo, por lo que dos héroes en la misma página no lucharán entre sí ni con los estilos de su tema. Aprendimos eso de la manera más difícil.

Necesitarás el Complemento de complementos maestros PRO instalado junto con Elementor. El Widget Builder y su función de importación están incluidos en la versión gratuita, que es como ya lo ejecutan más de 30.000 sitios.

1. Pulseboard « para SaaS y productos de análisis

Sección de héroe Pulseboard SaaS para Elementor con maqueta de panel, tarjetas de estadísticas flotantes y titular con acento azul

El clásico héroe dividido, copia a la izquierda y producto a la derecha, pero con tres detalles que hacen que los visitantes se detengan. El gráfico de ingresos se dibuja a sí mismo en carga con un punto de pulso que viaja a lo largo de la línea. Dos tarjetas de estadísticas flotan sobre el tablero en un movimiento lento. Y toda la imagen se inclina unos pocos grados hacia el cursor, lo que hace que una maqueta plana se lea como un objeto.

La fila a prueba de redes sociales que se encuentra debajo cuenta hasta su número (predeterminado: 4700 equipos). Escribes un número simple en el panel y la animación se encarga del resto. Este es el diseño que debe elegir si su producto tiene una pantalla que vale la pena mostrar: herramientas de análisis, CRM, paneles, sistemas de reserva. Si su producto no muestra bien la demostración en una captura de pantalla, mire Offbeat (#5), porque este diseño vive o muere en esa imagen de la derecha.

Poți edita: Titular de 4 partes (la palabra acentuada subrayada es su propio campo), texto de insignia, párrafo, 2 botones con controles de enlace completos, número de cuenta atrás, texto de prueba, 3 imágenes, 6 colores.

2. Alpenrute « para viajes, tours y marcas de actividades al aire libre

Sección de héroe de viaje Alpenrute para Elementor con escena de paralaje de montaña en capas, sol ámbar y contador de altitud

Un panorama de montaña en pantalla completa construido a partir de tres capas de imágenes separadas. Mueve el mouse y las capas se desplazan a diferentes velocidades. Esa es una profundidad real, no una foto plana con texto encima. Las nubes se desplazan en bucles de 55 y 90 segundos, y un ticker de altitud vertical a la derecha cuenta de 0 a 2.847 m a medida que se carga la página. Incluso hay un pequeño excursionista con un faro parpadeante en la cresta frontal. Nadie necesita al excursionista. Todo el mundo recuerda al excursionista.

Debido a que el paisaje proviene de tres campos de imágenes, puedes cambiar las montañas por tus propias obras de arte en capas (dunas, costa, horizonte de la ciudad) y mantener el paralaje. La fila de hechos (27 rutas / 8 excursionistas máximo / 19 años) son seis campos editables, y es donde este héroe se gana la confianza: números específicos en lugar de adjetivos. Mejor opción: empresas de trekking, operadores turísticos, parques nacionales, cualquier marca que venda un lugar en lugar de un producto.

Poți edita: Titular de 2 líneas, ceja, párrafo, 2 botones + enlaces, número de altitud y etiqueta, 3 pares de hechos, 4 imágenes de paisajes, 4 colores (todo el gradiente del cielo se vuelve a teñir a partir de un color base).

3. Ember & Oak « para cafeterías, cafeterías y restaurantes

Sección héroe de cafetería Ember and Oak para Elementor con anillo de texto giratorio alrededor de una taza de café con leche sobre fondo de espresso oscuro

Fondo de espresso oscuro, titular serif con una palabra con acento ámbar en cursiva y la pieza distintiva: un anillo de texto que dice “PEQUEÑO LOTE · ASADO TODOS LOS JUEVES · ORIGEN ÚNICO” que gira lentamente alrededor de una foto de café con leche de arriba hacia abajo mientras sale vapor de la taza. Una bolsa de café se inclina hacia la esquina y se endereza cuando se flota. En la parte inferior, una carpa con el nombre del origen (Yirgacheffe, Huila, Sidra...) se desplaza en bucle y se detiene al flotar.

El texto del anillo es un campo editable, por lo que una panadería escribe “MASA · HORNEADO A LAS 5 A. M. · SIN ATAJOS” y toda la personalidad se transfiere. Lo mismo ocurre con la marquesina: un campo, impreso dos veces internamente para que el bucle nunca muestre una costura. Funciona para cualquier negocio de alimentación donde la artesanía es el campo “tostadores, panaderías, cervecerías, restaurantes de la granja a la mesa.

Poți edita: Titular de 3 partes con palabra de acento, párrafo, nota de precio, 2 botones + enlaces, texto de anillo, texto de marquesina, 2 imágenes, 5 colores.

4. Atelier Norr « para marcas de moda y comercio electrónico premium

Sección de héroes de la moda de Atelier Norr para Elementor con tipografía QUIET TAILORING de gran tamaño a horcajadas sobre un retrato arqueado

El diseño más silencioso del conjunto y el más editorial. Dos palabras de gran tamaño (QUIET / TAILORING de forma predeterminada) se encuentran a horcajadas sobre un marco de retrato arqueado, cada palabra se borra desde un borde recortado durante la carga. Pase el retrato y se desvanece hasta una segunda mirada mientras el título debajo cambia de “01 / 02 « The Longline Coat” a “02 / 02 « The Drape Dress”. Ese intercambio flotante de dos imágenes es el widget completo en miniatura: sobrio, pero vivo.

Sólo tres colores para gestionar (lienzo, tinta, acento sabio) porque el poder del diseño es la tipografía y el espacio negativo más que la paleta. Si tu marca fotografía bien y quieres que el sitio parezca un lookbook, este es el indicado. Moda, joyería, cerámica, muebles. Si necesitas incluir cinco propuestas de valor por encima del pliegue, luchará contra ti y debería hacerlo.

Poți edita: ambas palabras principales, etiqueta de temporada vertical, párrafo, botón + enlace, pista flotante, 2 imágenes de apariencia con 2 subtítulos, tira de pie de página, 3 colores.

5. Offbeat Studio « para agencias y estudios creativos

Sección de héroe de agencia de Offbeat Studio para Elementor con titular en mayúsculas en negrita, palabra con acento coralino y collage de portafolio inclinado

Cobalto, coral y limón sobre la energía del cartel de la Bauhaus blanquecina. El titular grita en mayúsculas con una palabra acentuada resaltada que recibe un deslizamiento amarillo y subraya medio segundo después de la carga. Debajo, tres mosaicos del portafolio se sientan ligeramente girados como impresiones sobre una mesa; cada uno se endereza, se levanta y se inclina hacia el cursor en 3D al flotar. Una pegatina que dice “RESERVAR PARA el cuarto trimestre” gira perezosamente sobre el collage.

El llamado a la acción circular es la pieza con la que juega la gente. Es magnético: sigue tu cursor dentro de su radio y regresa cuando te vas. Cada mosaico tiene su propio campo de enlace, por lo que el collage también funciona como un mini portafolio con tres estudios de caso en los que se puede hacer clic directamente desde el héroe. Para agencias, diseñadores, fotógrafos, cualquiera cuyo trabajo es el campo.

Poți edita: 3 etiquetas de servicio, kicker, titular de 5 partes (palabra de acento separada), párrafo, botón magnético + enlace, 3 mosaicos con 3 enlaces, texto adhesivo, marquesina de cliente, 5 colores.

6. Forge Athletics « para gimnasios y marcas de fitness

Sección de héroe del gimnasio Forge Athletics para Elementor con título en mayúsculas condensado, acento verde voltio e imagen de atleta en ángulo

Verde carbón y voltio, tipo mayúscula condensada y un titular que portazos en: cada línea aterriza con un chasquido sesgado y a escala en lugar de un desvanecimiento cortés. La línea dos está delineada en lugar de llena, la línea tres toma el color voltio. Detrás de todo, una palabra fantasma gigante (FORGE) se desplaza contra tu pergamino. La imagen del atleta se encuentra en un marco de paralelogramo en ángulo con una barra voltio que corta el diseño en diagonal.

Las estadísticas cuentan hasta abajo: 14 plataformas, 31 clases, 24 miembros por entrenador máximo. Observe lo que hace ese último número. “Miembros por entrenador, máximo” es una promesa, no un alarde, y es el tipo de línea que llena las sesiones de introducción. Cambie la palabra fantasma por el nombre de su gimnasio en un solo campo. Diseñado para gimnasios de fuerza, cajas CrossFit, estudios de artes marciales y entrenadores cuya marca es la intensidad.

Poți edita: Titular de 3 líneas, ceja, párrafo, palabra fantasma, etiqueta vertical, 2 botones + enlaces, 3 pares de estadísticas, imagen de atleta, 4 colores.

7. Mentes onduladas « para aplicaciones, escuelas y educación para niños

Los niños de Wiggly Minds aprenden la sección de héroes para Elementor con colores pastel, mascotas de manchas que rebotan y subrayado de garabatos

Pasteles de caramelo, tipos redondeados y tres mascotas de masa: una leyendo un libro, otra sosteniendo un lápiz y otra agitando una varita de estrella. Aparecen con un resorte, se balancean suavemente y se alejan del cursor a medida que se mueve. Las estrellas brillan sobre el fondo, un garabato amarillo se dibuja debajo de la palabra de acento inclinado y el botón principal se aplasta como gelatina cuando se presiona. Una onda blanca cierra la sección para que fluya hacia lo que viene después.

El diseño centrado mantiene a los padres (los compradores reales) en un camino claro: insignia de rango de edad, promesa, un párrafo que responde “¿me arrepiento de este tiempo frente a la pantalla?”, confíe en la clasificación de la App Store. Las mascotas son tres campos de imagen. Intercambie sus propios personajes y el comportamiento de rebote, sombra y timido del cursor se aplicará automáticamente. Para aplicaciones de aprendizaje, guarderías, clubes infantiles, consultorios pediátricos y marcas de juguetes.

Poți edita: titular con acento inclinado palabra, insignia, párrafo, 2 botones + enlaces, línea de confianza, 3 imágenes de mascota, 6 colores.

8. Studio Meridian « para arquitectos, diseñadores de interiores y portafolios

Sección héroe de arquitectura Studio Meridian para Elementor con diseño de cuadrícula suiza, tipografía delgada y plano de planta autodibujado

Disciplina de cuadrícula suiza: una metacolumna (práctica, fundada, proyectos en el sitio), un título delgado de 300 pesos con una palabra subrayada con ladrillos y una foto de proyecto grande que se revela con una toallita. Una cortina de papel se desliza y la imagen se asienta con un ligero zoom durante un segundo completo. El detalle sobre el que nos envían correos electrónicos es el plano de la barra lateral, que se dibuja a sí mismo « primero las paredes, luego las puertas se abren y luego las etiquetas de las habitaciones se desvanecen. Es una animación SVG que se envía dentro de la imagen de demostración, sin ningún complemento involucrado.

Veinticinco campos editables hacen de este el héroe más rico en datos de los diez. Cada metaetiqueta, ambos subtítulos, incluso las coordenadas en la regla inferior. Sólo tres colores, y eso es deliberado: el grafito, el papel y el ladrillo son un sistema, y los sistemas son lo que esta audiencia respeta. Para estudios de arquitectura, estudios de interiores, ingenieros estructurales y cualquier cartera donde la moderación indique competencia.

Poți edita: Titular de 5 partes, párrafo, botón + enlace de texto con URL, 3 metapares, foto + título, plano + título, regla de coordenadas, 3 colores.

9. Tono bajo « para festivales, conciertos y páginas de eventos

Sección de héroe del festival de música de tonos bajos para Elementor con marca denominativa degradada, orbe brillante, filas de alineación y ecualizador animado

El diseño más ruidoso aquí y lo gana. Una marca denominativa gigante divide la mitad de la palabra en un gradiente de naranja a violeta, un orbe brillante se desplaza detrás del contenido y se aleja del cursor, y a lo largo de la parte inferior recorre todo su ancho ecualizador: docenas de compases, cada uno animando a su propio ritmo para que la tira nunca tenga bucles visibles. Las barras son generadas por el propio script del widget y extraen su degradado de los colores de la pestaña Estilo, por lo que al volver a colorear el festival se vuelve a colorear el sonido.

Tres filas de alineación (VIERNES/SÁBADO/SOL) llevan cada una su propia etiqueta, lista de actos y enlace, por lo que puede enviar cada día a su propia página de programación. El degradado son tres paradas de color separadas en la pestaña Estilo. Muévalos y le seguirán la marca denominativa, los botones, el brillo y el ecualizador. Para festivales, lugares, noches de clubes, conferencias con cabezas de cartel y lanzamientos de álbumes.

Poți edita: marca denominativa dividida, fecha, ubicación, párrafo, 3 filas de alineación con 3 enlaces, 2 botones + enlaces, imagen de orbe, 5 colores, incluidos los 3 topes de gradiente.

10. Måne « para marcas de cuidado de la piel, belleza y bienestar

Sección de héroe del cuidado de la piel Måne para Elementor con botella de producto de lavanda e insignias de ingredientes orbitando sobre un anillo discontinuo

Las neblinas brumosas de lavanda y melocotón se desdibujan y flotan detrás de un titular serif cuya línea cursiva, “el turno de noche”, obtiene un suave gradiente que florece hacia afuera. La botella del producto flota suavemente en el centro de un anillo discontinuo y tres insignias de ingredientes (2% de retina, 5% de fermento de avena, 0% de fragancia) órbita está en un bucle de 26 segundos, contrarrotando para que permanezcan en posición vertical durante todo el recorrido.

Esas insignias son el juego de conversión. Las afirmaciones porcentuales son lo que los compradores de cuidado de la piel buscan, y aquí literalmente rodean el producto. Los seis valores de las insignias y las etiquetas son campos de texto sin formato. La fila de reclamaciones debajo (probado por dermatólogos · sin fragancia · vidrio reciclable) completa la historia de confianza. Para el cuidado de la piel, suplementos, velas, cuidado del cabello, cualquier producto donde la lista de ingredientes sea el argumento.

Poți edita: Titular de 2 partes, ceja, párrafo, 2 botones + enlaces, 3 reclamaciones, 3 pares de insignias en órbita, imagen de botella, 4 colores.

11. Loose Ends -para portafolios, estudios y páginas de lanzamiento que necesitan una caída asombrosa

Loose Ends - sección héroe para elementor

Este es nuevo y es lo más ambicioso que hemos impulsado hasta ahora en Widget Builder: un titular en pantalla completa ubicado en el ojo de un vórtice de mil partículas, simuladas en la GPU del visitante en tiempo real. Mueva el mouse y las partes del enjambre alrededor del cursor y luego salte hacia atrás. La cámara también se desvía un poco, lo que hace que el campo se lea como un espacio en lugar de un video de fondo. El titular se decodifica a sí mismo con un personaje revuelto en carga, el botón principal realiza un barrido lento de luz y una capa de grano de película evita que el fondo oscuro se anude.

Sección de héroe de campo de hebras de Loose Ends para Elementor con mil partículas simuladas por GPU girando alrededor de un titular gigante centrado

Las partículas no son una mirada fija. Un menú desplegable en la pestaña Estilo cambia el campo entre Hebras (filamentele viteze colorate), Nieve (lentă deriva albă), Estrellas (un campo estelar casi quieto), y Universo (muros largos en el espacio profundo). Cuatro controles deslizantes controlan la densidad (de 100 a 2000 partículas), el tamaño, la profundidad y la fuerza con la que reacciona el enjambre al mouse. También hay un control de alineación que mueve toda la pila de contenido hacia la izquierda, el centro o la derecha, por lo que el mismo widget funciona como un héroe editorial alineado a la izquierda o una página de presentación centrada. Una nota honesta: el motor 3D se carga desde una CDN, aproximadamente 1,2 MB almacenados en caché después de la primera visita, y se ejecuta en WebGPU en Chrome y Edge con un respaldo WebGL2 en cualquier otro lugar. Si esa solicitud falla, el héroe se representa como una sección de estilo normal y nada se rompe. Tampoco se generan imágenes completas; se genera toda la escena.

Poți edita: texto de píldora, ceja, encabezado, eslogan, 2 botones con controles de enlace completos, señal de desplazamiento, 3 textos de la barra inferior, alineación de contenido (izquierda/centro/derecha), tipo de partícula (cadenas/nieve/estrellas/universo), densidad, tamaño, profundidad y controles deslizantes de reacción del ratón, 5 colores.

Cómo importar una plantilla de sección de héroe a Elementor (paso a paso)

Todo el proceso dura unos dos minutos por widget. Necesitas WordPress con Elementor y el Complementos maestros Complemento PRO activo. Aquí está el flujo de trabajo exacto, capturado de una importación real del héroe del festival de música.

Paso 1: descomprime la descarga

Carpeta music-festival-hero descomprimida en el escritorio que muestra el archivo JSON del widget, imágenes de demostración y README

Haga doble clic en la cremallera (aquí, music-festival-hero.zip). Dentro encontrarás tres cosas: el archivo de widget (widget-music-festival.json), a demo-images carpeta con PNG listos para cargar y a README.txt eso te dice qué imagen pertenece a qué campo. También hay un svg-originals carpeta « más sobre eso en las preguntas frecuentes.

Paso 2: importe el JSON al Widget Builder

descomprima el archivo zip y verifique los archivos

En su administrador de WordPress, vaya a Complementos maestros → Creador de widgets y haga clic Importar widget. Arrastra el .json introduzca el archivo en el cuadro de diálogo o haga clic en Explorar archivos. Aquí sólo va el JSON. Las imágenes llegan más tarde, a través de la biblioteca multimedia normal.

importe el widget personalizado en los complementos maestros

Paso 3: verifique el widget y guárdelo

Widget de héroe importado abierto en Master Addons Widget Builder que muestra campos de contenido, código HTML y tokens de documentación

El widget se abre en el generador con todo lo que ya está conectado: secciones de contenido a la izquierda, las pestañas HTML/CSS/JS detrás y una barra lateral de documentación que enumera cada token de campo. No es necesario tocar nada de eso. Simplemente presiona Guardar configuración. Si tiene curiosidad sobre cómo se conectan los campos al código, el Guía de configuración del creador de widgets explica el sistema de tokens.

Paso 4: Arrástrelo a su página

El widget de héroe del festival de música se coloca en una página de Elementor dentro de un contenedor flexbox de ancho completo

Abra cualquier página con Elementor. Su nuevo widget aparece en el panel a continuación Favoritos; busca su nombre si no lo detectas. Arrastrarlo a un contenedor. Un consejo para ti: configura el del contenedor Ancho del contenido a ancho completo por lo tanto, los diseños de borde a borde, como los héroes de festivales y viajes, pueden llegar a los límites.

Paso 5: Edite el contenido y los enlaces

Panel de contenido de Elementor que muestra campos de alineación editables, etiquetas de día y controles de enlace para el widget héroe

Haga clic en el widget y la pestaña Contenido enumera cada pieza editable, agrupada de la forma en que se agrupa el diseño: Área de contenido, filas de alineación, botones, imágenes. Escriba cualquier texto y las actualizaciones de vista previa en vivo. Cada botón y fila vinculada tiene un control de enlace Elementor adecuado. Pegue su URL y luego presione el engranaje para alternar “abrir en una nueva ventana” y “no seguir”.

Paso 6: cargue las imágenes de demostración

cargue la imagen de demostración para ver la vista previa exacta

En la sección Imágenes, haga clic en cada campo y cargue el archivo coincidente desde demo-images carpeta. README los asigna si un widget tiene varios. Los PNG de demostración se exportan con una resolución de 2x, por lo que se mantienen nítidos en las pantallas de la retina. Intercambie sus propias fotos en cualquier momento; el campo es un selector de medios estándar de WordPress. Entonces Publicar. Terminat.

vista previa del widget de la sección héroe importado

Para rediseñar: abra el Pestaña Estilo. Cada héroe expone su paleta completa como un puñado de controles de color, y cada tono derivado (estados flotantes, brillos, bordes, gradientes) se recalcula a partir de ellos. No se pueden volver a colorear a medias estos diseños, que es exactamente el punto.

Preguntas frecuentes

¿estas plantillas de sección de héroes funcionan con Elementor gratis?

Sí. Aquí todo se ejecuta en Elementor gratuito más el complemento Master Addons PRO. No se requiere Elementor Pro. La función de importación de Widget Builder se envía en la versión gratuita.

¿Las animaciones ralentizarán mi sitio?

No hay diferencias mensurables en nuestras pruebas. Las animaciones son CSS y un script de pequeño alcance por widget. Sin bibliotecas de animación, sin dependencia de jQuery, sin solicitudes externas excepto una llamada de Google Fonts por widget (y se carga una vez incluso si el widget aparece dos veces). Los zips en sí ejecutan de 30 KB a 2 MB, y esas son casi en su totalidad las imágenes de demostración.

¿qué sucede con los visitantes que desactivan las animaciones?

Cada widget verifica la preferencia de movimiento reducido del sistema operativo. Si está activado, las entradas se representan instantáneamente, las carpas y órbitas se detienen y los contadores muestran sus números finales. El diseño permanece intacto; el movimiento se va cortésmente.

¿por qué hay archivos SVG en el zip si WordPress no los carga?

WordPress bloquea las cargas SVG de forma predeterminada por razones de seguridad, por lo que los zips incluyen versiones PNG que se cargan en cualquier lugar. Eso es lo que utiliza la guía de importación. El svg-originals la carpeta es una ventaja: si su sitio permite SVG (a través de un complemento como Safe SVG), las versiones vectoriales son infinitamente nítidas en una fracción del tamaño del archivo.

¿Puedo usar dos de estas secciones de héroes en el mismo sitio?

Sí, incluso en la misma página. Los estilos de cada widget tienen su propio alcance y sus nombres de animación tienen prefijo, por lo que no pueden chocar entre sí ni con su tema.

¿Puedo cambiar las fuentes?

Cada widget carga sus dos fuentes de Google automáticamente para que coincidan con el diseño. Para intercambiarlos, abra el widget en Widget Builder, edite la URL de la fuente en la pestaña JS y los apellidos de fuentes en la pestaña CSS. Es un cambio de dos líneas. El Documentos del creador de widgets cubra cómo funcionan las pestañas de código.

¿Puedo editar el diseño en sí, no sólo el contenido?

Esa es la parte divertida. Cada widget está completamente abierto en Widget Builder. HTML, CSS y JS están ahí en pestañas, comentados y legibles. Agregue un campo, elimine una sección, cambie un punto de interrupción. Si puede editar una hoja de estilo, puede bifurcar cualquiera de estos en algo nuevo. El Creador de widgets page tiene una descripción general y si construyes algo bueno, queremos verlo.


Las 10 secciones de héroes son gratuitas para proyectos personales y comerciales. Creado y probado por el equipo de Master Addons en Elementor con Master Addons v3.x. ¿Preguntas o una solicitud de widget? Cuéntanos en los comentarios. La colección crece en función de lo que pide la gente.

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.
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