La primera vez que intenté incrustar un vídeo de Vimeo en WordPress, me quedé atascado con el reproductor predeterminado y sin una forma fácil de cambiar el aspecto o añadir una miniatura personalizada. Fue entonces cuando descubrí que hay dos mejores opciones: pegar el enlace de Vimeo para una incrustación rápida, o usar SeedProd para crear una ventana emergente Lightbox con tu propio diseño, ajustes de reproducción automática y marca.
En esta guía, te mostraré exactamente cómo hacer ambas cosas para que tus vídeos se vean nítidos y los visitantes sigan viendo.
Pasos rápidos para incrustar vídeos de Vimeo en WordPress:
- Paso 1. Instalar y Activar SeedProd
- Paso 2. Crea un diseño de página personalizado para tu incrustación de Vimeo
- Paso 3. Añade el bloque de ventana emergente de vídeo y selecciona Vimeo como origen
- Paso 4. Personaliza los ajustes del reproductor de Vimeo y las opciones de Lightbox
- Paso 5. Publica tu página de WordPress con el Vimeo incrustado
¿Puedes incrustar un vídeo de Vimeo en WordPress?
Sí, puedes incrustar un vídeo de Vimeo en WordPress. Por defecto, WordPress tiene una función de incrustación automática que te permite copiar y pegar la URL de tu vídeo para mostrarlo en cualquier publicación o página.
Sin embargo, como muchas de las funciones predeterminadas de WordPress, tiene opciones de personalización limitadas. No puedes editar fácilmente las opciones del reproductor de vídeo, añadir imágenes en miniatura personalizadas o hacer que el vídeo sea "fijo" mientras los usuarios se desplazan por la página.
Ahí es donde esta guía puede ayudar.
Te mostraremos cómo usar un fácil constructor de páginas para incrustar ventanas emergentes de vídeo de Vimeo en cualquier página de WordPress. Y para completar, también compartiremos los pasos para usar la función de incrustación automática de WordPress en cualquier lugar de tu sitio.
¿Por qué usar vídeos de Vimeo en WordPress?
Vimeo es conocido por su reproducción de alta calidad, compresión mínima y opciones de presentación profesional. Si quieres que tus vídeos se vean nítidos y se carguen sin problemas en tu sitio de WordPress, es una opción sólida.
Aquí hay algunas razones por las que a menudo recomiendo las incrustaciones de Vimeo sobre otras plataformas:
- Mejor calidad de vídeo: Vimeo admite mayores tasas de bits y resoluciones sin añadir anuncios distractivos.
- Marca personalizada: Cambia los colores del reproductor, elimina el logotipo de Vimeo y añade tus propias llamadas a la acción.
- Controles de privacidad avanzados: Limita la reproducción a tu dominio o protege los vídeos con contraseña.
- Tiempos de carga más rápidos: Descarga el alojamiento de vídeo a los servidores de Vimeo, manteniendo tu sitio ligero.
- Control creativo: Usa miniaturas personalizadas, tiempos de inicio y ventanas emergentes Lightbox para una experiencia de visualización a medida.
Cuando se incrustan en WordPress, los vídeos de Vimeo no solo mejoran el atractivo visual, sino que también pueden ayudar a mantener a los visitantes en tu sitio por más tiempo, lo cual es excelente para la participación y el SEO.
Tabla de Contenidos
Cómo incrustar un vídeo de Vimeo en WordPress con una ventana emergente Lightbox
Incrustar vídeos de Vimeo es fácil con SeedProd, el mejor constructor de sitios web de WordPress de arrastrar y soltar. Con más de 1 millón de usuarios, te permite crear temas y diseños de página personalizados de WordPress sin escribir código.
Puedes empezar con una plantilla prefabricada y personalizar cada página con bloques de construcción visuales para hacerla tuya.
¿Y las ventanas emergentes de vídeo de Vimeo? Incrustarlas es fácil con el bloque de ventana emergente de vídeo.
Simplemente arrastra, suelta, apunta y haz clic para mostrar ventanas emergentes tipo lightbox de Vimeo a pantalla completa donde quieras, sin código de inserción de vídeo a la vista.
Sigue la guía paso a paso a continuación para aprender cómo hacerlo.
Paso 1. Instalar y Activar SeedProd
Primero, deberás instalar y activar el plugin SeedProd.
Aunque hay una versión gratuita de SeedProd disponible, recomendamos usar SeedProd Pro para acceder a más plantillas y bloques, incluido el bloque de ventana emergente de vídeo.
Después de elegir tu plan y descargar el plugin a tu ordenador, sigue estas instrucciones para instalar SeedProd en tu sitio de WordPress. También te mostrarán cómo activar tu clave de licencia del plugin.
Paso 2. Crea un diseño de página personalizado para tu incrustación de Vimeo
Una vez activado el plugin, puedes usar el constructor de páginas de arrastrar y soltar para crear diseños personalizados de WordPress.
Si buscas reemplazar tu tema de WordPress actual, puedes usar el Theme Builder para crear uno nuevo desde cero.
Puedes construir cada parte de tu sitio, incluyendo una cabecera, pie de página, barra lateral, página de inicio, página de blog y más. Para aprender cómo crear un tema de WordPress personalizado, sigue nuestra guía.
Alternativamente, puedes construir páginas individuales con el Landing Page Builder, que es lo que haremos para esta guía.
Desde tu administrador de WordPress, navega a SeedProd » Landing Pages y haz clic en el botón Añadir Nueva Landing Page.
A continuación, explora las plantillas de landing page responsivas para encontrar una que coincida estrechamente con el tipo de página que deseas crear. Para facilitar las cosas, haz clic en las pestañas de la parte superior para filtrarlas por tipo de campaña.
Una vez que hayas encontrado una, pasa el ratón sobre la plantilla y haz clic en el icono de marca de verificación para seleccionarla.
Ahora verás una ventana para introducir el nombre y la URL de tu página. SeedProd generará automáticamente la URL, pero puedes cambiarla haciendo clic y escribiendo una nueva.
Haz clic en el botón Guardar y Empezar a Editar la Página cuando estés satisfecho con esos detalles.
Paso 3. Añade el bloque de ventana emergente de vídeo y selecciona Vimeo como origen
Tu plantilla elegida se abrirá ahora en el editor de arrastrar y soltar. Aquí, verás una vista previa en vivo de tu página a la izquierda, bloques y secciones a la derecha, y opciones de deshacer, rehacer y vista previa en la barra de herramientas inferior.
Puedes cambiar cualquier parte de la plantilla haciendo clic en un bloque en la vista previa en vivo. Al hacer clic, verás la configuración del bloque en la barra lateral izquierda, donde puedes cambiar el contenido, la alineación, el tamaño de fuente y más.
Para añadir nuevo contenido a la página, elige un bloque de la barra lateral izquierda y arrástralo a la vista previa. A partir de ahí, simplemente personaliza el contenido del bloque para que se ajuste a tus necesidades.
Verás los cambios en tiempo real a medida que ocurren. Esto te evita tener que cambiar entre el backend y el frontend de tu sitio para ver cómo queda.
Hagamos esto añadiendo el bloque de ventana emergente de vídeo a la página.
Por defecto, este bloque muestra un vídeo de YouTube. Puedes cambiarlo fácilmente en la configuración del bloque haciendo clic en el desplegable "Fuente" y seleccionando la opción Vimeo.
Nota: Este bloque también te permite subir un archivo de vídeo a WordPress.
Paso 4. Personaliza los ajustes del reproductor de Vimeo y las opciones de Lightbox
Ahora, pega tu URL de Vimeo. Puedes establecer un tiempo de inicio del vídeo en segundos si lo deseas.
Debajo de esa sección se encuentran los ajustes del vídeo, que te permiten habilitar o deshabilitar:
- Autoplay
- Silenciar
- Bucle
- Controles del reproductor de vídeo
- Ajustes de privacidad
- Título de introducción
- Retrato de introducción
- Línea de autor de introducción
- Vídeo fijo
También puedes cambiar los colores de los controles del reproductor de Vimeo eligiendo un color personalizado de la paleta.
Ahora, abramos la pestaña de Superposición de Imagen. Al habilitar esta opción, puedes establecer una imagen de miniatura personalizada para tu vídeo.
Simplemente haz clic en el botón "Usar tu propia imagen" y carga una miniatura desde tu ordenador o la biblioteca de medios de WordPress.
Puedes hacer lo mismo para el icono de reproducción de vídeo seleccionando un icono personalizado y cambiando su tamaño, color y opacidad.
Por último, pero no menos importante, está el interruptor Habilitar Lightbox. Habilitar esta opción permite a los usuarios ver tu vídeo en una ventana emergente lightbox a pantalla completa.
Es una excelente manera de reducir las distracciones y centrarse en captar la atención de tu audiencia.
Paso 5. Publica tu página de WordPress con el Vimeo incrustado
Cuando estés satisfecho con las opciones de incrustación de tu vídeo, haz clic en Guardar en la esquina superior derecha de tu pantalla, luego selecciona la opción Publicar.
Ahora, puedes previsualizar la página y ver tu vídeo de Vimeo incrustado en acción.
Y si haces clic en el vídeo, se abrirá en una ventana emergente de vídeo.
¿Quieres añadir vídeos de Vimeo a la barra lateral de tu WordPress? Consulta esta guía sobre cómo crear una barra lateral personalizada en WordPress y sigue los mismos pasos que arriba para añadir el bloque de Ventana emergente de vídeo.
Para obtener más consejos de personalización y formato, consulta esta guía sobre cómo crear una página de destino en WordPress.
Cómo incrustar un vídeo de Vimeo en WordPress sin plugins
A veces, es posible que desees añadir un vídeo simple y sin florituras a tu sitio web, como en una entrada de blog. Dado que la mayoría de los constructores de páginas solo funcionan en páginas, usar la función de incrustación de WordPress es la opción más sencilla.
Puedes hacerlo de 2 maneras: con la función de auto-incrustación o utilizando los bloques de incrustación de WordPress.
Así es como se utiliza la función de auto-incrustación:
Método 1: Pega la URL del vídeo de Vimeo en el editor de WordPress
Primero, crea o edita una entrada o página de WordPress. Luego, pega la URL de tu vídeo de Vimeo en el editor de contenido.
WordPress incrustará y mostrará automáticamente el vídeo de Vimeo en unos segundos.
Método 2: Usa el bloque de incrustación de Vimeo en WordPress
Alternativamente, puedes hacer clic en el icono más para agregar un nuevo bloque y hacer clic en el bloque Incrustar de Vimeo .
Luego, pega tu enlace de video y haz clic en el botón Incrustar.
Después de publicar la entrada o página, puedes previsualizarla para ver tus cambios.
Preguntas frecuentes sobre cómo incrustar videos de Vimeo
¿Cómo enlazo a un video de Vimeo?
Para enlazar a un video de Vimeo, haz clic en el botón de compartir y copia la URL del video. Luego puedes pegar esa URL en tu sitio web.
¿Qué es una URL de video incrustado?
Una URL de video incrustado es un video agregado directamente a un sitio web en lugar de un sitio de intercambio de videos en redes sociales. Por ejemplo, la URL del video incrustado en tu sitio de WordPress frente a la fuente en Vimeo.com.
¿Se puede incrustar un escaparate de Vimeo en WordPress?
Si deseas mostrar videos de Vimeo en la barra lateral de tu WordPress, puedes usar el bloque de incrustación de Vimeo de WordPress. Alternativamente, copia y pega el código de incrustación de video en un bloque HTML.
¿Cómo incrusto un video de Vimeo sin iFrame?
Para incrustar un video de Vimeo sin iFrame, ve a la página web del video y haz clic en el botón Compartir. En el cuadro emergente, haz clic en el texto +mostrar opciones, luego desplázate hasta el final y cambia el tamaño a 'Responsivo'. Esto elimina el iFrame del código HTML.
Desde allí, copia el código y pégalo en un widget HTML en tu sitio web.
Incrusta videos de Vimeo en WordPress hoy mismo
Esperamos que esta guía te haya ayudado a aprender cómo incrustar un video de Vimeo en WordPress. Ya sea que los uses como un mensaje de bienvenida, una introducción a un seminario web o para promocionar el lanzamiento de un nuevo producto, los pasos de esta guía cubren todo lo que necesitas.
Para obtener más ayuda con videos, también te pueden interesar los siguientes tutoriales y escaparates:
- Cómo incrustar videos de YouTube en WordPress
- Cómo vender vídeos en línea en WordPress
- Los 8 mejores plugins de vídeo para WordPress
- Cómo incrustar vídeos de Facebook en WordPress
- Cómo crear una página de destino de vídeo en WordPress
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
