La guía completa de Webflow + Swarmify para alojamiento de videos

¿Utiliza Webflow? Si es así, Swarmify le ofrece justo lo que necesita para brindar experiencias de video súper rápidas y de alta calidad.

¿Qué es un buen contenido? ¿Qué es una página de destino? ¿Qué es un sitio web?

Atrás quedaron los días en que la creación de sitios web era el coto exclusivo de los desarrolladores web de dragones que escupen fuego.

Hoy en día, puedes crear sitios web increíbles en el tiempo que le toma al siguiente tipo terminar un sándwich.

Gracias a los creadores de sitios web como Webflow, no necesita saber nada sobre codificación para crear sitios web notables en un santiamén.

Para la publicación de hoy, creé un sitio web de muestra ( lo verás en un minuto ) ¡en menos de 30 minutos! Y no soy lo que llamarías un desarrollador web profesional. Ni en mis sueños :)

Herramientas como Webflow han eliminado muchos de los obstáculos que impedían que las personas no expertas en tecnología como tú y yo construyéramos sitios web.

Ahora...

Si usa videos en su sitio web de Webflow, quiere que se carguen rápido y sin estancarse.

Desea ofrecer a sus usuarios solo la mejor de las experiencias de visualización, y nada menos que eso.

Los videos lentos que se almacenan en el búfer durante la reproducción solo molestarán a sus visitantes y los enviarán corriendo hacia las colinas y directamente a los brazos de espera de sus competidores.

No quieres eso porque eres inteligente. Además, porque ahora tienes a tu disposición la tecnología SmartVideo de Swarmify.

SmartVideo le permite ofrecer experiencias de video totalmente personalizadas y profesionales a sus usuarios.

Puede entregar videos que son 12 veces más rápidos que los reproductores promedio en la industria. Mejor aún, la solución patentada de entrega SmartVideo reduce las paradas 8 veces.

¡Y en la publicación de hoy, le mostramos exactamente cómo integrar Swarmify con Webflow para acelerar los videos para una mejor participación de los usuarios y más ventas!

Sin más preámbulos, levemos anclas y zarpemos :)

¿Qué es Webflow?

Entonces, ¿qué es este animal al que llamamos Webflow? Para los no iniciados, Webflow es una empresa estadounidense con sede en San Francisco.

Ofrecen una plataforma de software como servicio (SaaS) para la creación y el alojamiento de sitios web, todo incluido en un solo paquete.

Webflow le ofrece un ingenioso creador de sitios web de arrastrar y soltar que es muy fácil de usar. Además de eso, le ofrecen un montón de características que hacen que la creación de sitios web receptivos sea tan fácil como abracadabra.

Cuando su sitio web esté listo, no necesita ir a otro lugar para alojamiento web. Webflow le ofrece alojamiento de primer nivel que es perfecto para todas las empresas, grandes y pequeñas.

Grandes marcas como Zendesk, Dell, Rakuten y Upwork, entre otras, confían en Webflow, lo que significa que está en buenas manos.

Entre usted y yo, nunca antes había usado un creador de sitios web tan intuitivo. Webflow saca completamente del agua a empresas como Weebly, Squarespace y Wix.

Y también beben su propio Kool-Aid. El sitio web oficial de Webflow está hecho, lo adivinaste: ¡Webflow!

Características clave del flujo web

Webflow es popular y mejor conocido por las siguientes funciones clave.

• Un creador de sitios web intuitivo de arrastrar y soltar que le permite crear sitios web visualmente
• Docenas de hermosas plantillas listas para usar que puedes personalizar hasta que te canses
• Toneladas de elementos del sitio web
• Funcionalidad de comercio electrónico
• Alojamiento súper rápido y robusto de Amazon S3
• Estilos ilimitados
• Capacidad para agregar código HTML, CSS y JS personalizado
• Planes de precios flexibles
• Potente sistema de gestión de contenidos (CMS)
• Muchas integraciones de terceros
• Plan gratuito para probar las aguas
• Un montón de interacciones y animaciones.
• Conectar nombre de dominio personalizado
• Use su subdominio, por ejemplo, swarmify.webflow.io para alojar un sitio web gratuito
• Soporte profesional

Si usted es un desarrollador web front-end (o simplemente el Joe normal) que busca un creador de sitios web potente pero fácil de usar, Webflow es muy recomendable.

Es la herramienta perfecta para ahorrar tiempo y agilizar su ya ocupada jornada laboral. Si ya es usuario de Webflow, ya sabe que Webflow es un creador de sitios web perfecto.

Aún así, no te ofrecen las herramientas adecuadas para optimizar videos. Si usa YouTube, el reproductor de video en su sitio web de Webflow aún mostrará la molesta marca de YouTube y los enlaces que distraen a sus usuarios y roban su tráfico.

Y aunque Webflow utiliza alojamiento rápido, los videos que usa de YouTube o de cualquier otra fuente se almacenarán en el búfer y aún tardarán en cargarse.

Aquí es donde entra Swarmify. Le ofrecemos exactamente lo que necesita para optimizar videos en su sitio web de Webflow, ya sea que esté usando YouTube, Vimeo o cualquier otro sitio para alojar sus videos.

¿Qué es Swarmify?

Swarmify se lanzó en 2013 como una plataforma de aceleración de video. El servicio se ejecuta en la misma infraestructura que utilizan los gigantes de transmisión como Netflix y Hulu.

Puede almacenar sus videos donde quiera y usar SmartVideo de Swarmify para entregar videos a sus usuarios a velocidades ultrarrápidas.

Aquí hay un escenario de ejemplo para ilustrar lo que quiero decir:

• Cargue videos en YouTube o Vimeo para los beneficios sociales e insértelos en su sitio web como siempre
• Integre SmartVideo con su sitio web utilizando nuestro complemento de WordPress o fragmento rápido
• SmartVideo descarga sus videos de YouTube/Vimeo detrás de escena y los sube a nuestra red de entrega global
• SmartVideo ofrece sus videos ahora más rápidos en un reproductor de video ordenado que se ve increíble
• Todo sucede en segundo plano de forma automática . De hecho, SmartVideo convierte todos los videos de YouTube en su sitio web automáticamente. Instalar una vez y eso es todo!

SmartVideo utiliza EdgeAI interno para evitar que se detenga durante la reproducción y una solución SmartCDN que garantiza que sus visitantes disfruten de videos rápidos y sin búfer en cualquier parte del mundo.

Si usa muchos videos, las velocidades lentas pueden matar el compromiso y generar menos ventas. SmartVideo lo ayuda a sortear este problema sin grandes facturas ni límites de almacenamiento/ancho de banda.

Características clave de Swarmify

Los usuarios de Swarmify adoran SmartVideo gracias a las siguientes funciones.

• Reproductor de video limpio, ordenado y sin distracciones
• Inicio instantáneo: los videos SmartVideo comienzan a reproducirse 12 veces más rápido que otros reproductores en promedio (vea nuestra demostración aquí)
• Experiencia de visualización optimizada en múltiples dispositivos
• Conversiones automáticas de YouTube/Vimeo: ¿ya aloja videos en YouTube o Vimeo? SmartVideo los convierte automáticamente
• Optimización de transmisión continua: a lo largo de la reproducción, SmartVideo monitorea continuamente la experiencia de video de cada usuario individual y evita fallas antes de que ocurran.
• Reproducción sin interrupciones: SmartVideo le ofrece 8 veces menos almacenamiento en búfer durante la reproducción que otros reproductores en promedio.
• Todo ilimitado: disfrute de ancho de banda y almacenamiento ilimitados
• Soporte profesional respaldado por un equipo de desarrolladores apasionados
• Fácil instalación e implementación.
• Lea más sobre nuestras características aquí

El video es una parte fundamental del marketing digital. No puede ignorar los increíbles beneficios de usar el video como estrategia de marketing.

Dicho esto, la velocidad de carga de su video es parte de brindar una mejor experiencia de usuario en su sitio web.

Para ofrecer experiencias de video rápidas y sin demoras en su sitio web de Webflow, necesita una solución como SmartVideo.

Con videos rápidos, disfruta de una mejor retención de usuarios, más conversiones, tasas de rebote más bajas y más ventas. Es una obviedad.

Además, ¿quién quiere ver un video que tarda una eternidad y un viaje alrededor del sol en cargar?

¡Absolutamente nadie! Ni siquiera tú.

Eso fuera del camino, permítanos integrar Swarmify con su sitio web de Webflow para acelerar sus videos y poner una sonrisa en los rostros de sus estimados clientes.

N/B: Para integrar Swarmify con Webflow, necesita una cuenta Swarmify activa y un plan pago en Webflow.

¿Todavía en la cerca? no seas Regístrese en Swarmify hoy y aproveche nuestro descuento exclusivo del 50 % . ¿Curioso? Obtenga más información aquí.

Dicho esto, integremos el alojamiento de video de Swarmify con su sitio web Webflow.

Cómo agregar Swarmify a Webflow

'Antes de llegar a Webflow, primero configuremos su fragmento de SmartVideo. Continúe, inicie sesión en su panel de Swarmify y haga clic en Configuración , como se muestra a continuación.

A continuación, elija si tiene videos de YouTube en su Webflow:

Si elige Sí arriba, SmartVideo convierte automáticamente todos los videos de YouTube en su sitio web de Webflow. Presiona el botón Siguiente .

En la siguiente pantalla, elija si su sitio Webflow tiene videos de fondo:

¿Quiere cambiar los colores de su reproductor de video para que coincida con su sitio Webflow? Puedes hacerlo en la siguiente pantalla:

Presiona Siguiente .

A continuación, puede cambiar la forma del botón de reproducción si así lo desea. Prefiero el botón hexagonal predeterminado, pero tiene la opción de elegir un rectángulo o un círculo:

Luego, elige una marca de agua personalizada para tus videos:

Eres bueno en esto, debo admitir :)

Presiona Siguiente .

En la siguiente pantalla, elija si desea vender anuncios en sus videos y haga clic en Finalizar :

Finalmente, haga clic en Copiar al portapapeles , como se muestra a continuación.

Ahora, su fragmento de SmartVideo está listo para su sitio web de Webflow.

¿Qué sigue?

Ahora agregaremos Swarmify a su sitio web de Webflow.

Aquí está el sitio web de muestra con el que estoy trabajando, como prometí:

Tomé prestado el famoso video Jerusalema de Openmic Productions. Gran canción y video, por cierto. En todo el mundo, la gente está participando en el desafío de baile de Jerusalema .

Cómo me gustaría poder bailar.

Continuando, agreguemos Swarmify a su sitio web de Webflow.

Inicie sesión en Flujo web:

Ingrese los detalles y presione el botón Iniciar sesión :

A continuación, haga clic en el sitio web donde desea agregar SmartVideo:

Ahora, estás dentro del creador de sitios web intuitivo del que hablamos anteriormente:

Pero no agregaremos el fragmento de SmartVideo a una sola página. Queremos que el fragmento se aplique a todo el sitio web.

Entonces, ¿qué hago Freddy?

Haga clic en el ícono Webflow (W) (se convierte en un menú de hamburguesas cuando pasa el mouse):

A continuación, haga clic en Configuración del proyecto :

Después de eso, presione Código personalizado :

Sí.

A continuación, pegue el fragmento de SmartVideo que copió anteriormente en la sección Código de encabezado y haga clic en Guardar cambios así:

Con ese fragmento, su Webflow está conectado con Swarmify. Todos los videos de YouTube en su sitio se convertirán automáticamente :)

Hecho.

¿El resultado?

Este:

Observe el nuevo reproductor de video sin marca de terceros.

Recuerde : si está usando YouTube, use el enlace incrustado en lugar del enlace directo, es decir, https://www.youtube.com/embed/fCZVL_8D048 versus https://www.youtube.com/watch?v=fCZVL_8D048 .

Consejo profesional : utilice el enlace de inserción. Asegúrese de utilizar el enlace de inserción al agregar videos a su sitio web de Webflow.

¿Alojando videos en otro lugar?

SmartVideo te cubre las espaldas

Consulte los 9 mejores sitios de carga de videos y servicios de almacenamiento en la nube.

Aquí hay un enlace para compartir : https://swarmify.com/blog/top-video-upload-sites-cloud-storage-services/.

Adición de etiquetas SmartVideo

Puede agregar un video SmartVideo en cualquier lugar de su sitio web de Webflow usando una etiqueta SmartVideo:

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

Abra la página de Webflow que desea editar. Para nuestro ejemplo, reemplazaré la sección Héroe con el mismo video de Jerusalema que usamos anteriormente. Esta vez, sin embargo, usaré la etiqueta SmartVideo de arriba.

Así es como se ve mi etiqueta SmartVideo lista:

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

Observe que reemplacé path/to/my/video.mp4 con el enlace incrustado para el video.

A continuación, haga clic en Agregar (+) y elija Incrustar , como se muestra a continuación:

A continuación, pegue su etiqueta SmartVideo y haga clic en Guardar y cerrar :

Ahora, cuando reviso mi sitio web de muestra en la interfaz, veo el video convertido:

Tan fácil como A, B, C.

¿Di adiós?

Los usuarios de Webflow encontrarán que SmartVideo es muy útil. SmartVideo acelera sus videos para una mejor experiencia de usuario.

Swarmify SmartVideo ofrece videos 12 veces más rápidos que el promedio de la industria. Aumentarás tus conversiones y ventas con videos más rápidos.

Hasta la próxima, cree más videos y acelerelos con SmartVideo de Swarmify :)