El bloque Vídeo te permite incrustar contenido de vídeo directamente en cualquier página de SeedProd. Puedes incrustar un vídeo de YouTube utilizando su URL o pegar un código de incrustación personalizado de cualquier plataforma, incluyendo Vimeo, Wistia y otras, lo que te da la flexibilidad de utilizar cualquier servidor de vídeo en el que se aloje tu contenido.
El vídeo es una de las herramientas más eficaces para aumentar la interacción y las conversiones en las páginas de destino. Utiliza este bloque para mostrar demostraciones de productos, testimonios, vídeos explicativos o cualquier contenido multimedia que ayude a contar tu historia y a mantener a los visitantes en tu página durante más tiempo.
Añadir el bloque de vídeo a tus páginas
Sigue estos pasos para añadir un bloque de vídeo a tu página SeedProd:
Paso 1: Añadir el bloque
En Diseño > Bloques, arrastra y suelta el bloque Vídeo en la sección deseada de tu página.
Paso 2: Configurar los ajustes de contenido
Una vez añadido, haz clic en el bloque Vídeo para abrir su configuración. En la pestaña Contenido, encontrarás las siguientes opciones en la sección Vídeo:
- Tipo: Elige entre YouTube para incrustar un vídeo mediante una URL, o Personalizado para pegar un código de incrustación de cualquier plataforma de vídeo, como Vimeo, Wistia u otras.
- URL de YouTube (Solo tipo YouTube): Introduce la URL completa del vídeo de YouTube que deseas incrustar (por ejemplo,
https://www.youtube.com/watch?v=MUXoqm3VpRo). - Código de vídeo personalizado (solo tipo personalizado): pega el código iframe completo proporcionado por tu plataforma de alojamiento de vídeos.
- Ancho: Establece el ancho del reproductor de vídeo como un porcentaje de su contenedor utilizando un control deslizante (por defecto: 100 %).
- Alineación: Establezca la alineación horizontal del reproductor de vídeo (izquierda, centro o derecha) con controles específicos para cada dispositivo: ordenador, tableta y móvil.
Paso 3: Personalizar el diseño
En la pestaña Avanzado, puedes personalizar el aspecto visual de tu bloque de vídeo.
Estilos:
- Sombra: Aplica una sombra de cuadro al reproductor de vídeo utilizando tamaños preestablecidos: Ninguno, Fino, Pequeño, Mediano, Grande, Extragrande o 2X Grande.
Espaciado:
- Margen: establece el espacio exterior alrededor del bloque en los cuatro lados, con controles independientes para ordenador, tableta y móvil.
- Relleno: Establece el espaciado interior dentro del contenedor del bloque en los cuatro lados, con controles por dispositivo.
Atributos:
- Clase personalizada: añade una o más clases CSS personalizadas al contenedor del bloque para aplicar un estilo específico.
- ID CSS: SeedProd genera automáticamente un ID CSS único para este bloque. Puede utilizarlo para hacer referencia al bloque en CSS o JavaScript personalizados.
- Atributos personalizados: añade atributos HTML personalizados al elemento contenedor del bloque. Introduce cada atributo en una nueva línea utilizando el formato clave|valor.
Visibilidad del dispositivo:
- Ocultar en el escritorio: Activa esta opción para ocultar el bloque cuando se vea en pantallas de escritorio.
- Ocultar en tableta: Activa esta opción para ocultar el bloque cuando se vea en pantallas de tableta.
- Ocultar en dispositivos móviles: Activa esta opción para ocultar el bloque cuando se vea en pantallas de dispositivos móviles.
Efectos de animación:
- Efecto de desplazamiento: aplica una animación activada por desplazamiento al bloque, incluyendo opciones de desplazamiento vertical y horizontal con controles de dirección, velocidad y desplazamiento de la ventana gráfica.
- Efecto ratón: aplica un efecto de paralaje impulsado por el movimiento del ratón al bloque.
Paso 4: Guarde los cambios
Una vez que haya terminado de configurar el bloque Vídeo y personalizar su apariencia, asegúrese de guardar su trabajo.
¡Has añadido correctamente un bloque de vídeo a tu página! Tanto si incrustas un vídeo de YouTube como un reproductor personalizado de otra plataforma, el contenido de vídeo es una forma muy eficaz de comunicar tu mensaje y aumentar el tiempo de permanencia en la página. Utiliza los ajustes de ancho, alineación y sombra para integrar perfectamente tu vídeo en cualquier diseño de página.