Cómo agregar un video flotante pegajoso a la página de la página en WordPress

¿Le gustaría averiguar cómo agregar un video flotante pegajoso en la página de su sitio de WordPress? Los videos adhesivos son una forma fuerte de atraer a su audiencia a su sitio. Hoy en día, las personas consumen más contenido de video que el contenido escrito. Entonces, si descubre que los visitantes de su sitio no interactúan lo suficiente con su sitio, agregar un video puede resolver este problema. Si está buscando una forma fácil de hacer que su video sea pegajoso, entonces ha alcanzado el artículo correcto. Porque en este blog, aprenderá cómo agregar un video pegajoso en el sitio web de WordPress basado en Elementor en unos pocos pasos y unos minutos.
Entonces continúas leyendo …
Se esconde el contenido
¿Qué es un video pegajoso?
¿Por qué agregar un video adhesivo al sitio web de WordPress Elementor?
Cómo agregar un video pegajoso al sitio web de Elementor en 6 pasos
Paso 1: Instale Elementor y Elementskit
Paso 2: active el módulo de contenido adhesivo de ElementsKit
Paso 3: Tire y coloque el widget de elemento de video
Paso 4: elija la fuente de video y agregue la URL
Paso 5: Configuración para que el video elemental sea pegajoso
Paso 6: Actualizar para agregar videos adhesivos al elemento y ver la vista previa
Ultimas palabras
¿Qué es un video pegajoso? Los videos adhesivos son videos reparados en una página web y permanecen flotando en el mismo lugar en la ventana de una página web incluso mientras un usuario se ejecuta hacia arriba o hacia abajo.
¿Por qué agregar un video adhesivo al sitio web de WordPress Elementor? El concepto de un video pegajoso en un sitio no solo suena genial, sino que también tiene muchas ventajas. Estos son algunos de los beneficios que puede aprovechar agregando un video pegajoso en su sitio de WordPress. Haga la participación de los usuarios: con videos pegajosos, las personas pueden ver y leer el contenido de la página web al mismo tiempo. Como resultado, las personas tienden a involucrarse más con los sitios web.
Aumente la tasa de finalización del video: debido a que los videos adhesivos no bloquean toda la página, los clientes pueden ver hasta el final, en lugar de cerrarla a mitad de camino. Por lo tanto, hacer un video pegajoso puede aumentar el tiempo de finalización del video.
Draje la atención del usuario: generalmente las personas se rascan a través de un sitio. En este caso, si confía solo en el contenido de texto, existe la posibilidad de que sus clientes se pierdan cosas importantes que le gustaría notar. Puede dibujar al usuario más efectivo a la información específica utilizando el video.
Mejor historia: los videos te dan un lienzo más amplio para contar historias que el simple contenido de texto. Debido a que puede usar el texto, la animación y la voz al mismo tiempo en un video, está mejor equipado para contar una historia más eficiente.
¿Está convencido de que debe agregar un video pegajoso a su sitio de WordPress? Bueno, si lo está, pase a la siguiente sección para averiguar cómo puede hacer esto.
Cómo agregar un video pegajoso en el sitio de primaria en 6 pasos Este es el proceso más simple de hacer un video pegajoso y flotante en su sitio de WordPress. Cruce todos los pasos para agregar un video pegajoso al elemento en unos momentos. PAS 1: Instale Elementor y ElementsKit primero, el paso es instalar todos los complementos necesarios. Para seguir este tutorial sobre cómo agregar videos pegajosos al elemento, necesitará
Primaria y
ElementsKit (tanto gratuito como pro)).
Elementor es un generador de páginas de arrastrar y soltar, y Elementskit es un suplemento para el elemento. Por lo tanto, primero debe instalar Elementary, luego descargar ElementsKit y luego actualizar a la versión Pro.
Puede consultar la documentación si necesita ayuda en la instalación de ElementsKit Pro y el proceso de activación de la licencia.
Obtener ElementsKit Pro
Paso 2: active el módulo de contenido pegajoso de ElementsKit para que el video sea pegajoso, usaré las características de contenido pegajoso del ElementsKit. Por lo tanto, debe activar el módulo de contenido pegajoso. Ahora navegue por ElementsKit ⇒ Módulos ⇒ Contenido pegajoso, active la opción y haga clic en Guardar cambios para actualizar los cambios que acaba de hacer.
Paso 3: extra y coloque el widget de video en la página donde desea agregar el video pegajoso, haga clic en la edición con Elementor.
Elija cualquier aspecto deseado haciendo clic en el icono +. Después de eso, busque el widget de video, tire del widget y colóquelo donde desee agregarlo.


Nota: Para este tutorial, ya he importado la página prefabricada que edito para mostrar todo el proceso. Puede crear fácilmente sitios web de WordPress con la sección preconstruida ElementsKit.pas 4: Elija la fuente de video y agregue la URL con el widget de video, puede mostrar videos de fuentes como YouTube, Vimeo, Dailymotion y auto alojados.

Primero, elija su tipo de fuente favorito, luego proporcione la URL de video. Usaré YouTube para este artículo.

Nota: En el caso de su propio alojamiento, puede cargar un video en su servidor o proporcionar una URL externa. También puede personalizar el estilo de video. Para hacer esto, navegue por la pestaña de estilo. Aquí puede elegir la relación de apariencia y el filtro CSS. Puede elegir entre seis tipos de informe, como 1: 1, 3: 2, 4: 3, 16: 9, etc. Haga clic en el icono de edición del filtro CSS para personalizar la falta de claro, el brillo, el contraste, la saturación y la sombra.

Paso 5: Configuración para que el video elemental sea pegajoso Vaya a la pestaña Avanzada. Luego extienda la opción Sticky ElementsKit. Aquí puede elegir el tipo pegajoso como arriba, abajo, columna y puede mostrar hacia arriba.

Una vez que elija un tipo pegajoso como cualquier otra cosa que no, obtendrá las siguientes opciones:
Sticky hasta: aquí debe configurar la ID de CSS de la sección hasta que desee que el video permanezca pegajoso. Puede establecer una ID CSS personalizada en la columna, luego copiarla y pegarse a la opción Sticky UNT.


Compensación adhesiva: en esta opción, configure el valor de compensación. El valor de compensación indica la distancia entre el video y la posición superior de su página.

Nota: Sticky hasta que la opción esté disponible con la columna de opciones adhesivas, porque solo será visible hasta que la columna principal sea visible en la pantalla. Puede cambiar el fondo pegajoso y puede hacer que el video sea pegajoso en todos los dispositivos, solo el escritorio o ambos en el escritorio, así como en tabletas.
¿Busca una forma más fácil de agregar una gran cantidad de datos a la tabla de su sitio? Verifique cómo puede agregar datos de CSV/Excel a la tabla de WordPress en solo unos pocos pasos usando ElementsKit.
Paso 6: Actualice para agregar videos adhesivos al elemento y vea la vista previa después de elegir el tipo de video y configurar todas las configuraciones persistentes, haga clic en Actualizar para guardar y hacer clic en el botón Vista previa para ver los resultados finales.

Nota: Si desea un botón de video pegajoso que aparezca emergente para mostrar un video, haga clic, entonces puede usar el kidget de video Elementskit en lugar del widget de video Elementer. Puede seguir el mismo proceso descrito anteriormente para agregar videos adhesivos al elemento utilizando el widget de kit de elementos de video. Aquí hay una vista previa de la barra de video usando el widget de video.
También puede consultar nuestro blog sobre cómo crear una plantilla de blog de blog personalizada
¡Palabras finales felicitaciones! Ahora sabe cómo agregar videos adhesivos al sitio web de Elementor. Es mucho más fácil de hacer de lo que parece inicialmente, ¿verdad?
Pruebe todas las opciones y configuraciones del módulo de Elementos Sticky y úselo en su sitio para obtener los máximos resultados.Si está impresionado por el módulo Sticky Elementskit y lo fácil que es agregar cómo agregar un video flotante en la página.Luego, la saludable colección de widgets y módulos Elementskit tiene para ofrecerle que le sorprenderá aún más.Así que asegúrese de verificar todas las características que Elementskit tiene para ofrecer.