Complete Brizy Builder/Cloud + Swarmify para WordPress Video Hosting

¿Utiliza el creador de páginas Brizy WordPress o Brizy Cloud? Si es así, siga leyendo para aprender cómo integrar Swarmify con cualquiera de las plataformas para obtener un rendimiento de video mucho mejor.

Los creadores de sitios web han hecho que la creación de hermosos sitios web sea increíblemente fácil. En el pasado, tenías que aprender a codificar para crear incluso los sitios web más básicos.

Hoy en día, las cosas son totalmente diferentes. No necesita conocimientos previos de codificación para crear sitios web como los profesionales.

Todo gracias a herramientas como Brizy WordPress Page Builder y su hermana alojada en la nube, Brizy Cloud. La misma empresa ofrece ambas soluciones.

Brizy WordPress Page Builder viene en forma de complemento que instala en su sitio web de WordPress. Ya sabes, algo como Elementor y Divi, entre otros.

Brizy Cloud, por otro lado, viene en forma de un creador de sitios web en línea como Webflow, Wix y Weebly, entre otros.

Tanto Brizy Cloud como Brizy WordPress Builder le ofrecen las herramientas que necesita para crear una amplia gama de sitios web sin sudar.

Básicamente son el mismo producto. La única gran diferencia es que uno es un complemento de WordPress y el otro es un servicio alojado en la nube.

¿Consíguelo?

La buena noticia es que puede integrar fácilmente Swarmify con Brizy Cloud o un sitio web de WordPress creado con el creador de páginas Brizy.

¡Y en la publicación de hoy, te mostramos exactamente cómo!

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

¿Qué es Brizy Builder/Nube?

Lo primero es lo primero, ¿qué es Brizy? Brizy es un creador de sitios web notablemente fácil de usar que viene en dos sabores: un complemento de WordPress y una versión alojada en la nube.

El complemento Brizy WordPress es ideal para personas con un sitio web de WordPress. Brizy Cloud es perfecto para principiantes que buscan crear sitios web sin conocimientos de codificación.

Tanto el complemento Brizy como Brizy Cloud le ofrecen un editor de arrastrar y soltar que lo ayuda a crear un sitio web visualmente.

Brizy fue creado por el galardonado desarrollador de temas de WordPress, Themefuse , para ayudarlo a crear sitios web impresionantes con un creador de sitios web intuitivo que es muy fácil de usar.

Tomé la versión de WordPress y la nube para probar y colorearme impresionado. Themefuse ha cambiado el juego por completo con un creador de sitios web simple pero poderoso que no se interpone en su camino.

Aquí hay una lista de las características que disfruté.

Características clave de Brizy Builder/Cloud

• Editor intuitivo de arrastrar y soltar
• Más de 40 diseños de sitios web prefabricados que puede importar con un clic
• Más de 150 bloques prefabricados
• Estilos globales para personalizar tu sitio rápidamente
• 4000+ iconos
• Docenas de elementos de contenido como formularios, espaciadores, texto, botones, etc.
• Estilos ilimitados
• Inyección de código personalizado
• Un subdominio gratuito (p. ej., https://cherry1993132.brizy.site/) con Brizy Cloud (puede alojar una página de destino gratuita si lo desea)
• Nombre de dominio personalizado
• Integración perfecta con sus aplicaciones favoritas, incluidas Zapier, Mailchimp y más
• Guardado automático en la nube
• Responsivo y listo para dispositivos móviles
• ¡Y mucho más!

Brizy está repleto de todas las funciones que necesita para crear sitios web increíbles en un tiempo récord.

Si está buscando un creador de sitios web, Brizy no lo decepcionará. Si ya usa Brizy, prepárese para la siguiente sección, donde aprenderemos más sobre Swarmify SmartVideo y cómo integrarlo con su sitio web de Brizy.

¿Qué es Swarmify SmartVideo?

Si ha estado leyendo este blog por un tiempo, ya está bastante familiarizado con Swarmify y SmartVideo.

Si eres nuevo aquí... bienvenido y siéntete como en casa :)

Para los novatos, Swarmify es una empresa de aceleración de video que se dedica a brindar experiencias de video rápidas y de alta calidad a pequeñas empresas de todo el mundo.

Para lograr esta misión, Swarmify ha invertido mucho en tecnología patentada y la misma infraestructura que utilizan los gigantes de transmisión como Netflix y Hulu.

La compañía también ha invertido en un SmartCDN que garantiza que sus videos se carguen rápidamente para todos los usuarios, independientemente de dónde se encuentren en el mundo.

Lea más: sobre las características de SmartVideo aquí.

Ahora puede decir adiós al torpe YouTube y Vimeo se integra gracias a nuestro reproductor de video ordenado que se ve hermoso y profesional en su sitio web.

Mejor aún, nuestro servicio SmartVideo convierte todos sus videos de YouTube y Vimeo automáticamente una vez que lo configura en su sitio web de Brizy.

Si aloja sus videos en otro lugar, le complacerá saber que admitimos los principales sitios de carga de videos y servicios de almacenamiento en la nube.

SmartVideo le ofrece una reproducción a prueba de bloqueos y sin búfer en todos los dispositivos. Nuestra solución fácil de implementar garantiza que "... haga más ventas, reduzca las tasas de rebote y mantenga a los visitantes enfocados en su marca".

Además, obtiene ancho de banda y almacenamiento ilimitados, por lo que puede seguir compartiendo sus mejores videos sin facturas elevadas.

Dicho esto, necesita una cuenta de Swarmify activa para la siguiente sección, donde aprenderá a integrar SmartVideo con su sitio web de Brizy, ya sea que esté utilizando el complemento de WordPress o la versión alojada en la nube.

¡Hagámoslo!

Cómo integrar SmartVideo con Brizy Builder para WordPress

Comencemos con Brizy Builder para WordPress. Instalar SmartVideo en su sitio web de WordPress es notablemente fácil.

Comencemos instalando el complemento SmartVideo WordPress.

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, ingrese SmartVideo en el cuadro de búsqueda y luego haga clic en Instalar ahora , como se destaca a continuación.

Después de eso, presione el botón Activar :

A continuación, haga clic en SmartVideo en su menú de administración de WordPress:

Su complemento SmartVideo aún no está listo. Sería mejor vincularlo a nuestro CDN de Swarm a través de una clave especial que se encuentra en su cuenta de Swarmify.

A continuación, haz clic en el botón Configurar si ya tienes una cuenta de Swarmify:

Si no tiene una cuenta de Swarmify, tiene la opción de crear una. Ya tenía un Swarmify, así que hice clic en el botón Configurar , que me llevó a la siguiente página.

Como puede ver en la imagen de arriba, SmartVideo todavía está deshabilitado. Desplácese hacia abajo en la página y verá un campo que le permite ingresar su clave Swarm CDN:

Pegará la clave que está a punto de copiar a continuación en el campo de arriba.

Inicie sesión en su panel de Swarmify y copie la clave Swarm CDN en la parte superior:

Vuelva a su sitio de WordPress, pegue la clave Swarm CDN en el campo y haga clic en Habilitar SmartVideo , como se muestra a continuación.

Ahora, cuando se desplace hacia arriba, notará que SmartVideo está habilitado:

Eso fue súper fácil.

Ahora, su sitio web Brizy WordPress está conectado con SmartVideo :)

¿No eres natural en esto?

Para obtener más opciones, haga clic en la pestaña Configuración en la parte superior, como se muestra a continuación.

En la página de configuración, tiene muchas opciones adicionales para personalizar su experiencia SmartVideo. Puede cambiar los colores del reproductor de video SmartVideo y la forma del botón de reproducción, entre otras cosas:

Active Optimizar videos de fondo y videos existentes , como se muestra arriba, y haga clic en Guardar configuración en la parte inferior de la página.

Antes de continuar, agreguemos un SmartVideo a su sitio web Brizy WordPress. Estoy trabajando con la siguiente página.

Reemplazaré la imagen resaltada en la parte superior con el video Starship: Journey to Mars de SpaceX que tomé prestado del canal de YouTube Newsthink.

Usaremos la siguiente etiqueta SmartVideo para incrustar el video:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

Recuerda reemplazar ruta/a/mi/video.mp4 con la URL real de tu video.

N/B: si usa YouTube, debe usar el enlace de inserción: https://www.youtube.com/ embed /-kU6fMGh4l4 en lugar del enlace de visualización directa: https://www.youtube.com/ watch ?v= -kU6fMGh4l4. Si usa el enlace directo, SmartVideo no encontrará ni procesará su video.

Dicho esto, mi etiqueta SmartVideo lista se ve así:

 <smartvideo src="https://www.youtube.com/embed/-kU6fMGh4l4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

Si está utilizando otra fuente de video, digamos Amazon S3, reemplace el enlace de YouTube con la URL de su video real. Echa un vistazo a los 9 mejores servicios de carga de videos y almacenamiento en la nube.

¿Qué sigue?

Abra la página de WordPress que desea editar dentro de Brizy haciendo clic en Continuar para editar con Brizy :

Eso debería cargar su página dentro del editor intuitivo de arrastrar y soltar. Dado que estoy reemplazando la imagen, seleccionaré la imagen y haré clic en el icono Eliminar :

Si no está reemplazando nada, arrastre y suelte el elemento de contenido incrustado donde quiera que agregue el video.

Mi página se ve así ahora:

A continuación, haga clic en el ícono Agregar (+) para que aparezca el panel lateral, luego arrastre y suelte Incrustar donde desee. (En nuestro caso, está dentro de la sección del héroe ya que estamos reemplazando la imagen):

A continuación, haga clic dentro del elemento Incrustar y haga clic en el botón Incrustar , como se muestra a continuación:

A continuación, copie y pegue su etiqueta SmartVideo en el cuadro que aparece:

¡Mirarás eso!

El reproductor de video SmartVideo ya está en acción. A continuación, actualice su página:

Ahora, cuando veo mi sitio web de muestra en la interfaz, veo esto:

La imagen desapareció y, en su lugar, tenemos un hermoso reproductor SmartVideo. Nadie puede decir que tomamos prestado el video de YouTube.

Ahora que hemos integrado Swarmify SmartVideo con su sitio Brizy WordPress, agreguemos SmartVideo a Brizy Cloud.

Cómo integrar Swarmify SmartVideo con Brizy Cloud

No tenemos un complemento para Brizy, pero agregar Swarmify a la plataforma en la nube es más fácil de lo que cree. Usaremos el fragmento de JavaScript de SmartVideo.

No es como una etiqueta SmartVideo porque va en la sección <head> de sus páginas, no en el <body> como la etiqueta SmartVideo. Si no entiende lo que eso significa, no se preocupe, lo respaldamos.

Pero, ¿dónde obtengo este fragmento de JavaScript?

No te preocupes, está dentro de tu cuenta de Swarmify.

Cómo obtener su fragmento de JavaScript de SmartVideo

Inicie sesión en su cuenta de Swarmify y haga clic en Configuración :

A continuación, elija si tiene videos de YouTube en su sitio de Brizy Cloud y haga clic en Siguiente :

Consejo profesional: elija siempre Sí para ayudar en la conversión automática en caso de que use videos de YouTube en el futuro.

¿Tienes videos de fondo? Especifique eso y haga clic en Siguiente :

Lo estás haciendo muy bien :)

A continuación, cambie los colores del reproductor de video si lo desea y haga clic en Siguiente :

Después de eso, tienes la oportunidad de cambiar la forma del botón de reproducción. Haga clic en Siguiente después de:

Agregue una marca de agua personalizada si es necesario y haga clic en Siguiente :

A continuación, elija si desea incluir anuncios en sus videos y presione Finalizar :

Por último, presione Copiar al portapapeles :

Eso no fue difícil, ¿verdad?

Su SmartVideo JavaScript está listo. Ahora permítanos agregarlo a su sitio web de Brizy Cloud .

Cómo agregar su fragmento de JavaScript al sitio web de Brizy Cloud

Inicie sesión en su panel de Brizy Cloud (supongo que ya tiene un sitio web de Brizy Cloud) y elija el sitio web que desea editar:

Eso lo lleva directamente al creador de sitios web de arrastrar y soltar de Brizy Cloud:

Como puede ver, estoy usando la misma plantilla que antes :)

Pero no se confunda ; ahora estamos dentro de Brizy Cloud y no de Brizy Builder para WordPress . Los editores visuales tienen el mismo aspecto, con algunas excepciones menores.

Luego, presiona el ícono de Configuración :

Después de eso, presione la pestaña Configuración :

A continuación, haga clic en Inyección de código :

Pegue su fragmento de JavaScript de SmartVideo en la sección Encabezado y presione Guardar cambios , como se muestra a continuación.

¡Y eso es! Su Brizy Cloud ahora está conectado a Swarmify SmartVideo.

Consejo profesional : ¿Recuerdas cómo agregamos una etiqueta SmartVideo usando el elemento Incrustar cuando trabajábamos con Brizy Builder para WordPress ? Repita el proceso para agregar un video SmartVideo a su sitio web de Brizy Cloud .

Estoy hablando de esto:

No quiero volver a repasar todo el proceso porque sería redundante cuando es prácticamente lo mismo. Mismo proceso.

Consejos finales

La integración con Brizy Builder implica el uso del complemento SmartVideo WordPress. La integración con Brizy Cloud aprovecha el fragmento de JavaScript de SmartVideo.

Incrustar un video en Brizy Builder o Brizy Cloud sigue siendo el mismo. Utilice el elemento Incrustar para agregar una etiqueta SmartVideo donde desee.

Simplemente no olvide reemplazar ruta/a/mi/video.mp4 en su etiqueta SmartVideo con la URL real de su video, sin importar dónde esté almacenado.

¿Alguna pregunta? Haznos saber :)