La guía completa de Beaver Builder + Swarmify para alojamiento de videos

¿Utiliza Beaver Builder? Si es así, Swarmify lo ayuda a brindar experiencias de video rápidas, sin búfer y profesionales en su sitio web sin arruinarse.

Con más de un millón de sitios web, Beaver Builder es un popular creador de páginas de arrastrar y soltar entre los usuarios de WordPress.

El generador de páginas es increíblemente fácil de usar, pero viene con un conjunto único de características que lo han hecho querer tanto a principiantes como a expertos.

Por ejemplo, obtuve la siguiente página en menos de cinco minutos:

Es básicamente una plantilla lista para usar que puede importar en cuestión de segundos. A continuación, reemplace las imágenes y el texto con su contenido, y estará en funcionamiento.

Si no le gustan las plantillas de Beaver Builder, puede comenzar con una página en blanco. A continuación, arrastre y suelte bloques de contenido en su lugar y forje visualmente el resto de su página sin escribir HTML ni luchar con códigos abreviados.

En el pasado, cubrimos otros creadores de páginas como Divi, Elementor, Brizy y Webflow. Por favor, consulta las guías siempre que puedas :)

Hoy, le mostramos exactamente cómo usar Beaver Builder y Swarmify para ofrecer experiencias de video rápidas, sin interrupciones y profesionales en su sitio web.

Sin más preámbulos comencemos ya que hay mucho que aprender.

¿Qué es Beaver Builder?

Antes que nada, aprendamos más sobre Beaver Builder por el bien de los principiantes entre nosotros.

Beaver Builder es un creador de páginas premium de WordPress. La herramienta lo ayuda a crear páginas de WordPress receptivas visualmente.

Eso significa que creas páginas arrastrando y soltando bloques de contenido. No necesita experiencia previa en codificación para usar el generador de páginas Beaver Builder.

Esa es una gran noticia para principiantes y profesionales, ya que puede optimizar su flujo de trabajo y ahorrar mucho tiempo mientras crea sitios web.

Los nombres más importantes en WordPress aman y confían en Beaver Builder:

La mejor parte de Beaver Builder es el hecho de que es tan fácil de usar que estará creando sitios web de WordPress en cuestión de horas y no de días.

Y ser fácil de usar no significa que Beaver Builder no sea tan poderoso como otros creadores de páginas. Es un generador de páginas robusto gracias a una extensa lista de características ingeniosas.

¿Características, dices?

Sí, Beaver Builder se jacta de las siguientes características:

• Diseño 100% receptivo, lo que significa que sus páginas se verán geniales en múltiples dispositivos
• Marco temático de Beaver Builder para todos sus proyectos de WordPress
• Docenas de plantillas prefabricadas para crear páginas de destino, páginas de inicio, páginas de contenido, etc.
• Creador de páginas de arrastrar y soltar de Beaver Builder
• Montones de bloques de contenido para agregar texto, imágenes, botones, encabezados, videos, etc.
• Una tonelada de widgets de WordPress, incluido el widget SmartVideo
• Configuración global
• HTML, CSS y JavaScript personalizados si es necesario
• Atajos de teclado
• Complemento Beaver Themer para personalizar cada parte de su sitio web, incluidos encabezados y pies de página
• Control total sobre el diseño de su sitio web
• Compatible con una amplia gama de temas de WordPress
• Una versión gratuita disponible como complemento en WordPress.org
• Soporte de clase mundial
• Capaz de multisitio
• Marca blanca
• Etcétera

Beaver Builder es un poderoso creador de páginas que hace que la creación de sitios web de WordPress hermosos y receptivos sea muy fácil. Si es su primera vez, puede probar la versión gratuita y actualizar a un plan profesional más tarde.

Ofrecen tres paquetes de precios perfectos para propietarios de sitios principiantes, autónomos profesionales y agencias creativas. Todos los paquetes le permiten usar Beaver Builder en un número ilimitado de sitios web.

Ahora que todos estamos en la misma página, pasemos al SmartVideo de Swarmify.

¿Qué es Swarmify SmartVideo?

Swarmify es una empresa de aceleración de video enfocada en brindar transmisión con calidad de Netflix para todos en un paquete simple. Nuestra plataforma SmartVideo simplifica todas las partes móviles complejas y costosas que rodean la implementación de video.

SmartVideo maneja automáticamente la carga, la codificación, el alojamiento y entrega sus videos sin importar dónde los almacene, ya sea YouTube, Dropbox, Amazon S3, Google Cloud, etc.

¿Por qué Swarmify SmartVideo?

La plataforma Swarmify SmartVideo ayuda a las empresas a resolver algunos de los problemas más difíciles en la transmisión de video: almacenamiento en búfer y calidad de transmisión. SmartVideo también evita que los Me gusta de YouTube desvíen su tráfico utilizando reproductores de video cargados de enlaces.

Gracias a nuestra solución de entrega, puede entregar videos que son 12 veces más rápidos que los reproductores promedio de la industria . La misma plataforma de entrega también lo ayuda a reducir 8 veces las paradas .

“Swarmify SmartVideo se lanzó en mayo de 2017. Hemos visto un enorme crecimiento cada mes. Más empresas están reconociendo el costo real de usar YouTube. Antes de SmartVideo, nuestra solución solo estaba disponible para empresas de gran escala. En total, recientemente celebramos haber transmitido más de quinientos millones de videos”, dice Nathan Barnett, director ejecutivo de Swarmify. “Si su sitio web se carga rápido, pero su video se carga lentamente, aún perderá ese cliente”. Fuente: YourStory.com

SmartVideo lo ayuda a entregar videos rápidos, sin búfer y de alta calidad en su sitio web de Beaver Builder. Le ofrecemos un reproductor de video ordenado que no contiene enlaces ni marcas de terceros, lo que le permite brindar experiencias de video profesionales a los visitantes de su sitio web.

Estas son algunas de las características que hacen de SmartVideo la mejor plataforma de aceleración de video.

• Reproductor de video limpio y sin distracciones: YouTube y otras plataformas saturan su reproductor con enlaces para desviar su tráfico. El reproductor SmartVideo es limpio, personalizable y sin fugas.
• Conversiones automáticas de YouTube y Vimeo: si ya usa videos de YouTube o Vimeo en su sitio de Beaver Builder, SmartVideo convertirá automáticamente todos los videos tan pronto como instale nuestro complemento de WordPress.
• Optimizado en todos los dispositivos, lo que significa que sus videos se pueden ver en cualquier dispositivo y navegador.
• Ancho de banda y almacenamiento ilimitados
• Reproducción rápida, sin búfer y a prueba de bloqueos
• Soporte continuo proporcionado por desarrolladores súper talentosos y amigables
• Estructura de precios simple sin contratos turbios
• Análisis de participación de video
• CDN de video global para entregar videos ultrarrápidos a los usuarios sin importar en qué parte del mundo se encuentren
• Etc.

Swarmify SmartVideo es un cambio de juego en el campo de la aceleración de video. Aportamos mucha experiencia laboral y conocimientos a la mesa.

Además, instalar SmartVideo en su sitio web de Beaver Builder es increíblemente fácil, como aprenderá en la siguiente sección. Pero si alguna vez te quedas atascado, siempre puedes contactarnos :) Siempre estamos encantados de ayudarte.

Moviéndose rápidamente, instalemos SmartVideo en su sitio web de Beaver Builder.

NB: Para la siguiente sección, necesitará una cuenta de Swarmify activa. ¿Aún no tienes una cuenta? Crea uno hoy y aprovecha tu descuento exclusivo del 50 %.

Cómo integrar Swarmify SmartVideo con un sitio web de Beaver Builder

Dado que Beaver Builder funciona con WordPress, usaremos el complemento gratuito SmartVideo. Después de crear su cuenta Swarmify, descargue el complemento SmartVideo WordPress en su computadora.

A continuación, inicie sesión en su panel de administración de WordPress y navegue hasta Complementos > Agregar nuevo , como se muestra a continuación.

A continuación, haga clic en el botón Cargar complemento , seleccione el complemento SmartVideo de su computadora y presione Instalar ahora :

Después de eso, active el complemento:

Todavía no hemos llegado allí: es hora de conectar su sitio web con su cuenta de Swarmify.

¿Cómo?

Haga clic en SmartVideo en su menú de administración de WordPress, como destacamos a continuación.

En el tablero de SmartVideo, haga clic en el botón Configurar :

Al hacerlo, accederá a la siguiente página de configuración, que tiene instrucciones y un GIF interactivo que muestra exactamente lo que debe hacer a continuación.

Pero para evitarle problemas, inicie sesión rápidamente en su cuenta de Swarmify y copie la clave Swarm CDN en la parte superior:

Vuelva a la página de configuración de SmartVideo en WordPress, desplácese hacia abajo, pegue la clave Swarm CDN y haga clic en Habilitar SmartVideo , como se muestra a continuación.

Es bastante sencillo; No espero que enfrentes dificultades. Una vez hecho esto, debería ver la etiqueta verde Habilitado en la parte superior:

Antes de que aprendamos cómo agregar un video SmartVideo a su sitio web de Beaver Builder, cubramos algunas de las configuraciones de SmartVideo disponibles en la página anterior.

Haga clic en la pestaña Configuración , como destacamos en la captura de pantalla a continuación.

Hacerlo conduce a la siguiente página de configuración.

Repasemos cada sección brevemente. He numerado las secciones apropiadamente para su placer.

(1) En la parte superior, tiene la opción de activar o desactivar SmartVideo. Obviamente, desea mantener SmartVideo siempre habilitado para garantizar el mejor rendimiento.

(2) Opciones básicas

Tienes la segunda sección con un par de opciones básicas para personalizar tu reproductor y experiencia SmartVideo. Las opciones disponibles incluyen:

• Activa o desactiva las conversiones automáticas de YouTube y Vimeo : marca la casilla de verificación para convertir videos de YouTube y Vimeo que ya están en tu sitio automáticamente. Activar y dejar así.
• Mostrar subtítulos cuando estén disponibles en las fuentes de YouTube : a menos que sea esencial, deje esta casilla sin marcar.
• Optimizar videos de fondo y videos existentes : actívelo y SmartVideo optimizará los videos existentes y los videos de fondo. Activar y dejar así.
• Cambiar la forma del botón de reproducción - Se explica por sí mismo. Tiene tres opciones de forma: Predeterminada (o Hexágono ), Rectángulo y Círculo . Elige cualquiera que te guste. La forma predeterminada funciona para mí :)
• Elija un color para que coincida con los componentes del reproductor de video con los colores de su sitio web : nuevamente, tiene la oportunidad de personalizar la apariencia de su reproductor de video en su sitio. Elige tu color personalizado desde aquí :)

Debajo tenemos...

(3) Opciones avanzadas

Cuando carga la página de configuración, la sección Opciones avanzadas se contrae. Haga clic en el título para cargar la sección, que le ofrece las siguientes opciones.

• Activar o desactivar el método de diseño alternativo : esta opción es útil si experimenta problemas de tamaño de video extraño o pantalla completa. Marque la casilla de verificación.
• Activa o desactiva la aceleración de carga : si tienes problemas con la carga de tus videos, activa esta opción.
• (Solo Plan Pro) Establecer una marca de agua : aquí puede establecer una imagen o un logotipo como marca de agua para el reproductor de video. Esto es excelente para fines de marca, así que use su mejor imagen/logotipo.
• (Solo plan Pro) Agregue la URL del anuncio VAST : aquí es donde ingresa la URL del anuncio si desea monetizar sus videos con anuncios de AdSense, DFP, SpotX, etc.

Una vez que tenga la configuración correcta, no olvide hacer clic en Guardar configuración en la parte inferior de la página.

Con eso fuera del camino, permítanos agregar un video inteligente a su página de Beaver Builder.

Cómo agregar SmartVideo a una página de Beaver Builder

Estoy usando la misma página que le mostró anteriormente con fines ilustrativos. Reemplazaré la imagen marcada en la parte superior con un SmartVideo:

Tomé prestado el video SpaceX Launches del canal SpaceX de YouTube. Es el mismo video en nuestra demostración . (Por favor, míralo).

NB: si YouTube es su fuente, asegúrese de usar el enlace de inserción (es decir, https://www.youtube.com/embed/gmJgW-yMAIg ) en lugar del enlace de visualización directa (es decir, https://www. youtube.com/watch?v=gmJgW-yMAIg ).

Para encontrar el enlace de inserción, vaya debajo del video y haga clic en el botón Compartir :

Después de eso, haga clic en el botón Incrustar , como se muestra a continuación.

Luego ingrese a la ventana emergente que aparece y copie el enlace incrustado, como destacamos a continuación.

¿Ver? Eso no fue tan difícil.

NB: Otra cosa, si está obteniendo videos de su canal de YouTube y sus videos están configurados como " privados ", cámbielos a " no listados ".

Con ese preámbulo, sigamos adelante.

Abra su página en Beaver Builder:

Dado que estoy reemplazando la imagen, primero debo eliminarla haciendo clic en el ícono Eliminar de esta manera:

Lo que me deja con una columna vacía:

Consejo profesional : puede omitir el paso anterior si no está reemplazando una imagen como en mi caso. Solo asegúrese de tener una columna o fila vacía donde está agregando su video. Si ha usado Beaver Builder antes, eso no debería ser un problema.

A continuación, haga clic en el icono de añadir módulo de contenido ( + ) más en la parte superior:

Después de eso, arrastre y suelte el bloque de contenido de SmartVideo donde desea colocar el video:

Al arrastrar y soltar el módulo SmartVideo, aparece el pequeño y agradable cuadro que se muestra a continuación.

Esta caja te permite hacer muchas cosas. Por ejemplo, le permite elegir su fuente de video y controlar un par de opciones básicas y avanzadas, más sobre eso en un minuto.

A continuación, haga clic en Fuente de video , elija YouTube , pegue su código de inserción y presione Guardar , en ese orden:

Agradable. Ya puede ver el botón de reproducción del hexágono amarillo y el reproductor de video incluso antes de hacer clic en Guardar.

Haga clic en Listo en la parte superior y luego Publicar :

Consejo profesional : puede Guardar borrador si todavía está trabajando en la página.

Si reviso mi video inteligente en la interfaz, lo veré en el reproductor de video ordenado. El video ya está optimizado y acelerado por Swarmify, como puede ver a continuación.

Sin marca de YouTube, sin almacenamiento en búfer y sin enlaces que desvíen su tráfico. Ah, sí, tampoco hay "Videos recomendados" cuando detengo el video. Además, se carga bastante rápido :)

Pero se ve extrañamente pequeño, pero eso se debe a que no cambié el ancho de mi columna en Beaver Builder. Puede cambiar el ancho de sus columnas y mover las cosas hasta que obtenga el tamaño correcto.

Jugué con el ancho de mi columna y edité algo de contenido, y esto es lo que obtuve"

Nada mal. Más grande es mejor después de todo :)

Ahora hablemos de las opciones básicas y avanzadas que mencionamos hace un segundo. ¿Sabes? ¿Cuándo estábamos agregando el video y apareció esa bonita cajita?

Haga clic dentro del módulo de contenido de SmartVideo dentro de Beaver Builder:

Al hacerlo, accederá a las siguientes opciones, donde podrá ver las opciones básicas y avanzadas:

A diferencia de las opciones básicas y avanzadas que cubrimos cuando conectamos su sitio a su cuenta de Swarmify, las opciones anteriores le permiten personalizar el comportamiento del jugador, a falta de una palabra mejor.

Esto es lo que quiero decir. Continúe y haga clic en Opciones básicas , que lo lleva aquí:

¡Solo mira eso! Muchas opciones para controlar cosas como el ancho y la altura del reproductor de video, reproducir video en línea (excelente para el navegador Safari OS) y diseño receptivo.

También tiene controles como Reproducción automática (si activa esto, asegúrese de que su video se reproduzca automáticamente silenciado) , Apagado (el video comienza silenciado) , Loop (el video sigue reproduciéndose) e incluso uno para apagar los controles (pero no lo haga porque los usuarios no podrán reproducir, pausar o bajar el volumen, lo cual es molesto).

Luego tienes la pestaña Avanzado , que se ve así:

Nuevamente, un montón de opciones para personalizar aún más su reproductor de video. Agrega animaciones (hace que el video rebote cuando se carga la página), establece el espacio alrededor del reproductor de video y mucho más.

Una vez más, como siempre, no olvide guardar los cambios cuando haya terminado.

Pensamientos finales

Beaver Builder es un generador de páginas bastante elegante. Es poderoso más allá de lo que te imaginas al principio, pero una vez que ingresas y comienzas a jugar, rápidamente te das cuenta de que tienes una herramienta formidable para construir cualquier sitio web moderno.

Pero no está diseñado para la optimización de video o incluso para la aceleración; es simplemente un creador de páginas. Ahí es donde entra en juego la solución Swarmify SmartVideo. Lo ayudamos a brindar experiencias de video rápidas y profesionales en sus sitios web de Beaver Builder.

Todo sin los altos costos, límites y desafíos técnicos que vienen con la mayoría de los anfitriones de video.

¿Omitimos algo? Póngase en contacto con nosotros en cualquier momento, y estaremos encantados de charlar.