Parallax Vídeo Fijo para WPBakery - Imagen 2

Parallax Vídeo Fijo para WPBakery - Imagen 3

Parallax Vídeo Fijo para WPBakery - Imagen 4

Parallax Vídeo Fijo para WPBakery

0,00 € IVA

Convierte cualquier página en un escenario con vídeo o imagen de fondo fijo, mientras filas y columnas hacen scroll por encima. Sin CSS. Gratis y ligero.

Activa el efecto solo donde quieras añadiendo una clase a la fila y, para asegurar legibilidad, pinta paneles de color en las columnas (blanco por defecto o negro translúcido con una clase extra).

Pensado para WPBakery Page Builder, el plugin usa la estructura estándar .wpb_column > .vc_column-inner > .wpb_wrapper, por lo que funciona con la gran mayoría de temas que respetan ese marcado.

Características clave

Fondo vídeo o imagen fijo y a pantalla completa.
Activación selectiva por fila (no afecta a todo el sitio).
Panel de color por columna sin CSS (default blanco + variante negra).
Controles de overlay, poster (móviles) y autoplay seguro.
Rendimiento: opción para ocultar vídeo en móvil y usar poster.

Categorías: Plugins Woocommerce, Plugins Wordpress

Descripción

Parallax Vídeo Fijo para WPBakery

1.Instalación y configuración

Instala y activa el ZIP.

Ve a Ajustes → Fondo Vídeo Fijo:

Opciones en la página de ajustes:

URL del vídeo (MP4 en tu servidor) — Obligatorio si quieres vídeo. Pega la ruta completa al .mp4 (mejor H.264, 720p, sin audio). Tip: cuanto más ligero, mejor experiencia.
Poster / imagen de respaldo — Muy recomendable. Se muestra mientras carga el vídeo y cuando lo ocultas en móvil. Úsalo también si prefieres sólo imagen de fondo.
Modo: Automático si la página contiene la clase de fila — Recomendado. El plugin solo se activa en páginas que tengan una fila con fvf-block.

Transparentar solo la fila — Actívalo. Hace transparente solo la fila marcada con fvf-block (no toda la plantilla).
Anular parallax de WPBakery — Actívalo para evitar micro-movimientos de fondos internos de WPBakery. Garantiza que el vídeo quede totalmente fijo y el scroll lo haga únicamente el contenido.
Ocultar vídeo en móvil (usa poster) — Muy recomendable por rendimiento y por las políticas de autoplay en móviles. En móviles verán el poster estático; en escritorio, el vídeo.
Color default del panel (blanco) — Afecta a todas las columnas con fvf-panel. Es el fondo translúcido que asegura legibilidad sobre el vídeo. Ajusta la opacidad (el último número en rgba) para equilibrar contraste y “aire”.
Color “black” (para fvf-panel-black) — Variante rápida para alto contraste. Se aplica cuando a una columna le pones fvf-panel fvf-panel-black. Útil para títulos/CTA potentes.
Inset (padding visual) — Espacio interno del panel. Sube/baja este valor (ej. 12px, 16px, 24px) para darle respiración al contenido del panel.
Radius — Bordes redondeados del panel. Estético y legible; si lo quieres totalmente recto, pon 0.
Sombra (box-shadow) — Profundidad del panel. Útil para separarlo del vídeo cuando este tiene mucho detalle. Ajusta la opacidad final para que no parezca “pegatina”.

Recordatorio del flujo en la página

Fila ventana: añade fvf-block (abre la “ventana” al fondo fijo).

Columna con panel: añade fvf-panel (toma el Color default).

Variante negra: añade además fvf-panel-black si necesitas más contraste.

2. Configuración de página

A) Opción rápida: descargar e instalar la página demo

Descarga el archivo de nuestra demo de de página:
→ PAGINA PARALLAX.txt
Crea una página nueva en WordPress (Páginas → Añadir nueva).
- Si usas el editor clásico: cambia a la pestaña “Texto/HTML” (no “Visual”).
- Si usas Gutenberg: inserta un bloque “Código HTML” y trabaja ahí.
Pega dentro todo el contenido del .txt.
Guarda (Borrador o Actualizar).
Abre WPBakery en modo Backend (botón “Backend Editor”) para ver los bloques ya montados (filas, columnas, textos, etc.).
- En la demo ya vienen las clases puestas: la fila con fvf-block y las columnas con fvf-panel.
Personaliza: cambia textos, duplica columnas o secciones, ajusta títulos y CTA.
- El vídeo y el poster los define el plugin en Ajustes → Fondo Vídeo Fijo, no en la página.

B) Opción manual: configurar filas y columnas (WPBakery)

1. Fila “ventana al vídeo”

Abre una primera fila y en Ajustes de la Fila (Row) busca Clase CSS Extra y escribe la etiqueta: fvf-block
Esta acción abrirá la ventana del vídeo para toda la página, de modo que todas las filas nuevas se volverán transparentes por defecto y mostrarán el vídeo de fondo.
Para que ahora se activen las configuraciones del plugin todas las filas de la página deberán llevar el CSS extra fvf-block.. (Se recomienda duplicar filas )

2. Columnas con panel de color

Ahora para que las columnas tengan color de fondo, abre Ajustes de la Columna y en Extra class name añade: fvf-panel.
Esto pinta el panel blanco translúcido por defecto (se ajusta en los ajustes del plugin):

Variante negra (alto contraste): añade además fvf-panel-black
Quedaría así: fvf-panel fvf-panel-black:

Contenido: mete tus bloques dentro (Text Block, Heading, Button…) con normalidad y ajusta altura de filas y columnas.

En la página (WPBakery, Backend Editor):

- Fila donde quieras el efecto → Clase CSS extra: fvf-block.
- Columna con panel → Clase CSS extra: fvf-panel.
- Panel negro (opcional) → añade también fvf-panel-black.