Descripción

Crea cabeceras fijas avanzadas para Elementor con efectos de desplazamiento: desenfoque, reducción, ocultar al desplazarse, además de controles adaptables completos en Elementor Gratuito o Pro.

Sticky Header Effects para Elementor: construye cabeceras fijas inteligentes y adaptables

Las cabeceras fijas (también llamadas cabeceras fijas o flotantes) son esenciales para mejorar la navegación, la visibilidad de la marca y la experiencia del usuario en cualquier sitio web moderno. Con el plugin Sticky Header Effects para Elementor, ahora puedes construir cabeceras fijas elegantes y personalizables que responden al comportamiento de desplazamiento del usuario, todo con Elementor Gratuito o Pro.

Desde superposiciones transparentes hasta efectos de reducción animados, cambios de fondo dinámicos y visuales de desenfoque. Este plugin te ofrece más de 10 efectos basados en el desplazamiento que ayudan a que tu cabecera se adapte perfectamente al diseño de tu página.

Este plugin es perfecto para desarrolladores, diseñadores, blogueros y agencias que quieren más control sobre el comportamiento de la cabecera sin escribir ni una sola línea de código.

🚀 Nuevo: Sticky Header Effects para Elementor Pro

¿Necesitas más control? La extensión Sticky Header Effects para Elementor Pro añade 11 efectos de desplazamiento avanzados además de este plugin gratuito (consulta la lista completa abajo). Más información sobre Pro. (Es un plugin independiente)

🔥 Incluye más de 50 plantillas listas para importar para cabeceras de Elementor con cabecera fija

👑 Más de 10 potentes efectos de cabecera fija para Elementor

1. Efecto de distancia de desplazamiento de la cabecera

Establecer el umbral de activación por desplazamiento
Define hasta dónde se desplaza el usuario antes de que se activen los efectos fijos. Perfecto para un control preciso del comportamiento de la cabecera.
👉 Demo en vivo

2. Efecto de fondo de cabecera transparente

Superposición con elegancia
Permite que tu cabecera se superponga a tus secciones hero o banner con total transparencia. Ideal para diseños modernos de página de inicio.
👉 Demo en vivo

3. Cambio dinámico del color de fondo

Cambio automático de fondo
Cambia el color de fondo de tu cabecera al desplazarse para que coincida con diferentes secciones o mantener el contraste.
👉 Demo en vivo

4. Efecto de estilizado del borde inferior

Separación sutil de secciones
Añade bordes personalizables debajo de tu cabecera fija para una mejor definición y un diseño limpio.
👉 Demo en vivo

5. Efecto de reducción de la cabecera

Reducir dinámicamente la altura de la cabecera
Reduce toda la cabecera después de desplazarse para ahorrar espacio y centrar la atención en el contenido de la página.
👉 Demo en vivo

6. Efecto de reducción del logotipo

Transición de logotipo adaptable
Reduce el logotipo proporcionalmente durante el desplazamiento, manteniendo el equilibrio visual y la presencia de la marca.
👉 Demo en vivo

7. Efecto de cambio de color del logotipo

Cambiar el color del logotipo para un mejor contraste
Cambia automáticamente a un color de logotipo de contraste al desplazarse, según el fondo o el comportamiento del usuario.
👉 Demo en vivo

8. Efecto de desenfoque de fondo

Añadir transición de desenfoque moderno
Mejora el flujo visual aplicando un sutil efecto de desenfoque al fondo de tu cabecera fija.
👉 Demo en vivo

9. Efecto de ocultar la cabecera al desplazarse hacia abajo

Ocultar y reaparecer al desplazarse
Oculta automáticamente la cabecera al desplazarse hacia abajo y vuelve a mostrarla al desplazarse hacia arriba. Ideal para páginas con mucho contenido.
👉 Demo en vivo

10. Efecto de sección superior a la cabecera

Sincroniza limpiamente las secciones superiores
Alinea tus efectos fijos con las secciones situadas encima de la cabecera principal para un movimiento unificado y transiciones más limpias.
👉 Demo en vivo

👑 Sticky Header Effects PRO: 11 efectos de desplazamiento avanzados

¿Quieres más control? Sticky Header Effects para Elementor Pro es una extensión independiente que se basa en este plugin gratuito. Añade 11 características avanzadas de cabecera basadas en el desplazamiento:

1. Condiciones de visualización (PRO)

Muestra u oculta la cabecera fija en páginas, entradas, taxonomías, roles, estado de inicio de sesión, URL y más específicos.
👉 Demo en vivo

2. Fijo hasta (control de límite) (PRO)

Libera la fijación en un contenedor, al final de la página, en un elemento personalizado o a una distancia de desplazamiento.
👉 Demo en vivo

3. Animaciones de revelado o entrada (PRO)

9 efectos de entrada (deslizar, desvanecer, zoom, voltear) cuando la cabecera se vuelve fija, con duración, aceleración y retraso.
👉 Demo en vivo

4. Sustitución de la cabecera al desplazarse (PRO)

Muestra un aspecto de cabecera completamente diferente cuando está fija, construida a partir de una versión normal y una fija en una misma cabecera (sin segunda plantilla).
👉 Demo en vivo

5. Intercambio de imagen del logotipo (PRO)

Cambia a una imagen de logotipo diferente (con retina @2x) cuando la cabecera se vuelve fija.
👉 Demo en vivo

6. Estilizado del menú fijo (PRO)

Reestiliza los colores, la tipografía y el espaciado del menú de navegación solo cuando está fijo (Elementor, Mega Menu, Menú de WordPress y TPAE Nav Menu).
👉 Demo en vivo

7. Filtros de fondo extendidos (PRO)

Añade escala de grises, brillo, contraste y rotación de tono además del desenfoque gratuito de fondo.
👉 Demo en vivo

8. Imagen de fondo al fijarse (PRO)

Muestra una imagen de fondo solo cuando la cabecera está fija, con controles completos de posición, tamaño, repetición y adjunto.
👉 Demo en vivo

9. Transición de opacidad de la cabecera (PRO)

Desvanece suavemente la opacidad de la cabecera entre sus estados normal y fijo.
👉 Demo en vivo

10. Estilizado del logotipo al fijarse (PRO)

Añade relleno, borde, radio y sombra al logotipo solo cuando está fijo, con una transición suave.
👉 Demo en vivo

11. Coordinación de múltiples elementos fijos (PRO)

Coordina hasta cinco secciones fijas en una página en modos Apilado o Secuencial, con orden de prioridad.
👉 Demo en vivo

👉 Obtén Sticky Header Effects Pro, con garantía de devolución de 60 días.

🔍 Consulta nuestros otros productos

🥇 The Plus Addons para Elementor – Obtén más de 120 widgets únicos para Elementor, plantillas de Elementor y más.

🥇 Nexter Blocks – Nexter Theme funciona en sincronía con el núcleo de Gutenberg. Añade más de 90 bloques potentes y altamente personalizables.

🥇 NexterWP Theme – El mejor y más ligero tema de inicio para WordPress y Elementor.

🥇 Nexter Extension – Potencia tu sitio web de WordPress con más de 20 extensiones para diseño, rendimiento, seguridad y más.

🥇 UiChemy – Convertidor de Figma a Elementor – Convierte tus plantillas de Figma en sitios web de Elementor en vivo usando nuestro plugin gratuito para Figma.

🥇 WDesignKit – Más de 1000 plantillas, constructor de widgets para Elementor y Gutenberg, almacenamiento en la nube, conversor de widgets a bloques y más.

🥇 SproutOS – Un plugin moderno de WordPress que ayuda a propietarios de sitios, agencias y desarrolladores a trabajar más rápido con herramientas impulsadas por IA, automatización y controles de flujo de trabajo.

Servicios externos

Sticky Header Effects para Elementor puede conectarse a los servicios externos que se indican a continuación solo cuando la característica correspondiente está activada:

api.posimyth.com — análisis de uso. Desactivado por defecto; al enviar el formulario de comentarios de desactivación también se envía, además de tu correo de administración si marcas la casilla de contacto. Términos · Privacidad · qué se comparte
stickyheadereffects.com, posimyth.com — listados de plantillas de cabecera y predefinidos, solicitados por el panel de control del plugin en tu nombre. Términos · Privacidad
store.posimyth.com — suscripción al boletín, solo cuando envías el formulario de «Obtener actualizaciones» o de suscripción del panel de control. Envía la dirección de correo que escribes, además del nombre si usas el recuadro del panel de control. Términos · Privacidad
wdesignkit.com — predefinidos de cabecera ya hechos e imágenes de vista previa, entregados a través del plugin complementario gratuito WDesignKit. Términos · Privacidad
downloads.wordpress.org — El gestor de reversión descarga una versión anterior del plugin desde el directorio de plugins de WordPress.org, solo cuando inicias una reversión. Privacidad

Capturas

Presentación de cabecera fija para Elementor: resumen de todas las características clave y actualizaciones

Encuentra los ajustes de cabecera fija en la pestaña Avanzado de Elementor — Presentación de cabecera fija para Elementor: resumen de todas las características clave y actualizaciones

Instalación

☑️ Cómo instalar Sticky Header Effects para Elementor en 3 pasos sencillos

Asegúrate de que Elementor (Gratuito o Pro) esté instalado y activado.
Instala el plugin Sticky Header Effects para Elementor desde el repositorio de plugins de WordPress.
Abre cualquier página con Elementor Selecciona un contenedor o sección Ve a la pestaña Avanzado Activa los ajustes de cabecera fija.

FAQ

¿Por qué no funciona el efecto «encoger»?

¡La cabecera no puede reducirse más que los objetos que contiene!

El efecto «encoger» está limitado por el tamaño del contenido en la sección de cabecera. Como por ejemplo, logotipos, imágenes, menús, widgets, y también todos los rellenos y márgenes de esos elementos. Esto también incluye los rellenos y márgenes de las secciones y columnas en sí mismas.

Para obtener el mejor efecto de «encogimiento», utiliza estos ajustes:
* Establece el relleno superior e inferior en 0px en la sección de cabecera fija, columna y elementos dentro de ella.
* Establece una altura personalizada para el logotipo y otras imágenes (puedes dejar en blanco el ancho para «automático»).
* Establece la altura de la sección de cabecera como «altura mínima» y ajústala a la altura deseada.

Básicamente, lo que ocurre es que el contenido de la cabecera es «demasiado alto» para seguir reduciéndose.

¿Necesito Elementor Pro para usar este plugin?

No. Este plugin funciona perfectamente con Elementor Gratuito. Para los menús de navegación, puedes usar el widget de menú de navegación gratuito de The Plus Addons para Elementor. Solo necesitarás Elementor Pro si estás usando widgets de navegación Pro.

¿Funciona con el constructor de temas de Elementor?

Sí. Encontrarás el panel de efectos de cabecera fija en la pestaña Avanzado de cada sección y contenedor de Elementor. Si tienes Elementor Pro, funciona en las plantillas de cabecera creadas con el constructor de temas de Elementor Pro. En Elementor Gratuito tampoco necesitas Elementor Pro para crear una cabecera personalizada: Nexter Extension incluye un constructor de temas gratuito para cabeceras, y los mismos efectos de cabecera fija se aplican también a esas cabeceras.

¿Es un plugin independiente?

No, requiere Elementor Gratuito o Pro. Amplía la funcionalidad de Elementor con nuevos efectos de cabecera al desplazarse.

¿Existe una versión Pro de este plugin?

Sí. Sticky Header Effects para Elementor Pro es una extensión independiente que requiere que este plugin gratuito esté instalado y activo. Añade condiciones de visualización, fijación hasta (control de límite), animaciones de revelado, sustitución de cabecera al desplazarse, intercambio de logotipo, estilizado del menú fijo, filtro de fondo extendido, imagen de fondo al fijarse, transiciones de opacidad, estilizado del logotipo y coordinación de múltiples elementos fijos. Todos los efectos gratuitos siguen funcionando exactamente igual con o sin Pro instalado.

¿Cuál es la diferencia entre Sticky Header Effects Pro y Elementor Pro?

Son productos no relacionados. Elementor Pro es el plugin premium propio de Elementor (widgets, constructor de temas, etc.). Sticky Header Effects para Elementor Pro es nuestra extensión que amplía los efectos de cabecera fija de este plugin específico, y funciona tanto con Elementor Gratuito como con Elementor Pro.

¿Dónde puedo encontrar los ajustes de Sticky Header Effects?

Dentro del editor de Elementor Selecciona cualquier contenedor Ve a la pestaña Avanzado Desplázate hasta la sección Sticky Header Effects.

¿Funcionará este plugin con cualquier tema de WordPress?

Sí, funciona bien con la mayoría de los temas optimizados para Elementor, incluyendo Hello, Nexter, Astra y más.

¿Ralentizará esto mi sitio web?

En absoluto. Está altamente optimizado para el rendimiento y codificado de forma ligera para garantizar cargas rápidas de páginas.

¿Cómo puedo informar de errores de seguridad?

Puedes informar de errores de seguridad a través del programa de divulgación de vulnerabilidades de Patchstack. El equipo de Patchstack ayuda a validar, clasificar y gestionar cualquier vulnerabilidad de seguridad. Informar de una vulnerabilidad de seguridad.

Reseñas

haoge 27 de noviembre de 2025

This was my first time using this plugin, but I encountered a problem that the plugin couldn't solve. I checked their YouTube tutorials but couldn't find the solution I needed. On a whim, I left a message asking for help, and to my surprise, they replied very quickly, telling me to submit a support ticket. I did, and their technical support responded quickly and helped me solve my problem. The key point is that I hadn't used any of their Pro versions; they helped me resolve my issue for free. I'm very grateful and highly recommend it to everyone.

Udayraj Khatri 25 de agosto de 2025

We have been using Sticky Header Effects for Elementor for a while now and it’s been a great help in our projects. The latest version has a few more ads, but overall the plugin works smoothly. It also helped us find Nexter Extension, which we now use on all our WordPress sites. We’ve shared some feedback in their survey and are looking forward to more awesome updates from the team. Highly recommended for anyone using Elementor.

jaydenbtc 10 de julio de 2025 1 respuesta

What a shame! This used to be a very useful, simple, and straightforward plugin. Once upon a time it didn't add any marketing features to your dashboard, didn't try and upsell you on PRO features or other plugins. The plugin developer either sold it to someone else or gave up its rights as of v2.1.0 it now it does exactly the opposite of that, I clicked 2-3 buttons that installed another plugin "WPDesignKit" and they're constantly trying to shove other plugins and upsells down your throat in the plugin's new dashboard and your WordPress dashboard. You can roll the plugin back to earlier versions, but then you're missing out on the alleged "Bug fixes and Improvements" in their updates and dealing with (1 Plugin needs to be updated) notices…. I am using it on version 1.7.8 – the last good version.

jkalukic 24 de mayo de 2025

The sticky panel feature is incredibly useful. I added it to a sidebar for important links, and it works flawlessly across all screen sizes. It keeps the user experience smooth and professional. Great plugin!

ianstudio 18 de mayo de 2025

Ups and downs over time in development, also this tool mentions:IMPORTANT: This plugin does NOT control the sticky position of the header. Please use the above Motion Effects tab sticky options to make the header sticky. but the opposite is true, if you do activate Elementor's Sticky Menu option your menu will mess up and not return to full width upon window size changes. It took me some time to figure this out. I was about to ditch the plugin. Please devs, remove this mention.

Developer zahir 15 de agosto de 2024 1 respuesta

I highly recommend this plugin for creating a sticky header in Elementor. However, it's challenging to add custom CSS after implementing the sticky header. It would be helpful to have the ability to add a "sticky-active" class to customize the header when it's sticky. Additionally, having the option to add a box-shadow would be beneficial.

Leer todas las 68 reseñas

Colaboradores y desarrolladores

«Sticky Header Effects for Elementor» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

«Sticky Header Effects for Elementor» está traducido en 9 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «Sticky Header Effects for Elementor» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

2.2.2

Maintenance: WordPress 7.1 compatibility update
Maintenance: Elementor 4.2 and Elementor Pro 4.1 compatibility update

2.2.1

Added: Privacy: Data sharing is off by default. When enabled, shared non-sensitive details help us improve the plugin and build a better experience for users
Improvement: Privacy: Nothing is shared until you turn it on, and never any personal data
Improvement: Translation – several dashboard strings that were previously hard-coded can now be translated
Improvement: Deactivation feedback now works on translated sites, and only sends your email address if you tick the contact box
Fix: Resolved a reported WordPress.org support issue where some dashboard strings could not be translated
Fix: Minor Bug Fixes & Performance Improvements

2.2.0

Added: WordPress Abilities API support for AI-assisted sticky-header demo creation (WordPress 6.9+)
Added: Pro feature discovery with Live Demo and Read Docs links in the editor
Added: «Join Community» admin notice
Improvement: Dashboard UI enhancements
Improvement: Dashboard input validation and permission handling improved
Improvement: Preset and WDesignKit popup input and permission handling improved
Improvement: Admin notice output rendering improved for better compatibility
Improvement: Plugin/theme scan now runs only on the plugin’s own dashboard screen for faster admin pages
Improvement: Sticky scroll performance improved with animation-frame throttling
Improvement: Plugin code quality, PHP 8 compatibility, and translation coverage
Fix: Sticky Scroll Distance now honors the vh unit and responsive overrides
Fix: Sticky header no longer hides behind the admin bar at smaller screen widths
Fix: Removed a broken image reference on the rollback screen
Fix: Minor Bug Fixes & Performance Improvements

2.1.9

Maintenance: WordPress 7.0 compatibility update

2.1.8

Maintenance: WordPress 6.9 compatibility update

2.1.7

Improvement: UI Related Minor Bug Fixes

2.1.6

Fixed: Minor Bug Fixes & Performance Improvements

2.1.5

Fixed: Minor Bug Fixes & Performance Improvements

2.1.4

Fixed: Minor Bug Fixes & Performance Improvements

2.1.3

Fixed: Security Patch (Low Security)

2.1.2

Improvement : WDesignKit 2.0 Compatibility
Fixed: Minor Bug Fixes & Performance Improvements

2.1.1

improvement: Header Template Import Process
Fixed: Minor Bug Fixes & Performance Improvements

2.1.0

Fixed: Header Resize Issue Fixed
Fixed: Minor Bug Fixes & Performance Improvements

2.0

New: Dashboard for better UI/UX
New: Add Preset Option for the Ready Design
New: Dashboard : Plugin Rollback Option
Fixed: Minor Bug Fixes & Performance Improvements

1.7.8

Fixed: Offset issues on the frontend
Fixed: Minor Bug Fixes & Performance Improvements

1.7.7

Fixed: Minor Bug Fixes & Performance Improvements

1.7.6

Fixed: Offset issues on the frontend
Fixed: Minor Bug Fixes & Performance Improvements

1.7.5

Added: Offset Option for Sticky Elements to Control the Distance from the Top With Responsive Support.
Added: Padding Option to Customize Spacing for Sticky Elements with Responsive Support.
Added: Width Option to Define the Width of Sticky Elements Dynamically With Responsive Support.
Fixed: Minor Bug Fixes & Performance Improvements

1.7.4

Added: Compatibility with Elementor Containers
Fixed: Minor Bug Fixes & Performance Improvements

1.7.3

Maintenance: WordPress 6.7 compatibility update

1.7.2

Corregido: Fallos

1.7.1

Fixed: Improved method for not overriding elementor sticky settings.

1.7

Mantenimiento: Actualización de compatibilidad con WordPress 6.5
Notice: Plugin will only receive minimal support
Added: Pro features that would have never been released(Disable Fully Transparent Background, Background Type, Custom Menu Toggle Button, Bottom Shadow, Blur Background settings)

1.6.11

Mantenimiento: Actualización de compatibilidad con WordPress 6.5

1.6.10

Maintenance: WordPress 6.4 compatibility update

1.6.9

Corregido: Error de Javascript con las secciones
Corregido: Error en el ancho de la cabecera
Retoque: CSS optimizado

1.6.8

Fixed: Shrink logo bug
Fixed: Shrink header bug
Fixed: Transparent header bug
Fixed: All CSS color and size transitions
Added: Compatibility with new elementor «mega» menu
Added: Ability to override logo color change on elements using class «not-logo»
Tweaked: Logo color change optimized so «full color» option no longer overwrites elementor css settings

1.6.7

Fixed: Transparent header bug

1.6.6

Fixed: Shrink header bug
Fixed: Bottom border color and size transitions
Added: Compatibility with new elementor «mega» menu
Added: Ability to override logo color change on elements using class «not-logo»
Tweaked: Logo color change optimized so «full color» option no longer overwrites elementor css settings

1.6.5

Tweaked: Logo transition CSS for image widget
Tweaked: Logo color CSS for image widget
Maintenance: WordPress 6.2 compatibility update

1.6.4

Fixed: Js bug
Fixed: Logo color not changing on scroll
Fixed: CSS for smooth transitions
Konwn Bugs: Shrink logo/header

1.6.3

Reverted to 1.5.5 only with container compatibility

1.6.2

Fixed: Section height bug

1.6.1

Fixed: Js bug
Fixed: Container shrink bug

1.6

Fixed: Shrinking Logo bug
Fixed: Container support using Elementor free
Fixed: Logo color change set to none doesn’t remove CSS filter settings
Added: Disable/enable completely transparent header
Tweak: Changed logo color settings to be more clear
Maintenence: Optimized CSS for v2.0
Maintenence: Optimized JavaScript for v2.0
Maintenence: Optimized Elementor controls for v2.0

1.5.5

Fixed: Shrinking Logo bug
Fixed: Header section top position
Maintenence: Optimized CSS code

1.5.4

Fixed: Shrinking Logo bug

1.5.3

Fixed: Gap above mobile header bug

1.5.2

Fixed: Gap above header bug

1.5.1

Fixed: WordPress admin bar bug

1.5

Fixed: Gap above header bug

1.4.9

Added: Compatibility with Elementor Containers
Maintenance: WordPress 6.0 compatibility update

1.4.8

Maintenance: WordPress 5.9 compatibility update

1.4.7

Fixed: Misc Bugs

1.4.6

Fixed: Hide header bug

1.4.5

Fixed: WP admin bar bug

1.4.4

Maintenance: WordPress 5.8 compatibility update
Fixed: Header width bug
Update: Better responsive Worspress admin bar handling

1.4.3

Fixed: Full color logo after scroll bug

1.4.2

Corregido: Fallos

1.4.1

Fixed: Gap above header bug

1.4.0

Added: WordPress 5.5 compatibility
Added: Elementor 3 compatibility
Added: Hide on scroll down feature
Added: Blur background feature
Added: Before and after scrolling logo color options
Fixed: Opera browser hash links not activating scrolling effects
Fixed: Editor handle bug
Fixed: All labels and descriptions to help with user operation
Fixed: Various code optimizations
Fixed: Transparent on mobile bug
Fixed: Stretched section broke transparent header

1.3.2

Fixed: Transition CSS

1.3.1

Corregido: Fallos

1.3.0

Added: Shrink Logo feature

1.2.3

Fixed: Hook on the new Elementor Pro 2.4.7 version

1.2.2

Removed: Stretched section condition

1.2.1

Added: Compatibility with the new Elementor 2.1.1 version
Fixed: JavaScript error

1.2.0

Removed: Sticky Header feature(Elementor fixed theirs)
Added: Transparent header feature
Added: Compatibility with the new Elementor 2.1 version
Added: Change javascript to external file
Corregido: Fallos

1.1.2

Corregido: Fallos

1.1.1

Fixed: Bug where section didn’t move to top of page

1.1.0

Añadido: Característica de cabecera fija
Added: Bottom border feature
Fixed: Bugs with tablet and mobile responsive modes
Fixed: Padding issues when using the «shrink» effect

1.0.0

Versión estable inicial

Highly recommend it

Fantastic Plugin! Helped Us Discover Even More Great Tools

Plugin was great, now it’s bloatware!

Incredibly useful

Ups and downs over time

Best