La guía completa de Shopify + Swarmify para alojamiento de videos de comercio electrónico

Swarmify lo ayuda a acelerar videos en su tienda en línea Shopify para aumentar la participación de los usuarios y aumentar sus ingresos.

¿Sabía que las páginas de productos con contenido de video experimentan un aumento del 80% en las conversiones ? Así es, a sus clientes les encanta ver lo que obtienen.

Puede cargar las mejores imágenes de productos, escribir descripciones irresistibles y recopilar reseñas brillantes sobre sus productos, pero el contenido de video lleva el punto a casa en segundos.

Puede demostrar fácilmente cómo funciona su producto y usar testimonios en video para mostrar por qué las personas están entusiasmadas con su producto. El punto es que el video marketing es una táctica poderosa para impulsar las ventas en su tienda de comercio electrónico Shopify.

Y en la publicación de blog de hoy, le mostramos exactamente cómo usar Swarmify y Shopify para ofrecer videos de inicio instantáneo, sin búfer e increíblemente rápidos a sus usuarios. Configurar todo es tan fácil como A, B, C, así que no te preocupes si no eres un experto en tecnología :)

Con Swarmify, disfruta de una mejor experiencia de usuario, tasas de conversión más altas y, en última instancia, más ventas. Por otro lado, los videos lentos cargados de enlaces de terceros (por ejemplo, YouTube) solo empañarán su marca, robarán su tráfico y alejarán a los usuarios.

Ahora no quieres eso, y nosotros tampoco. Sin más preámbulos, comencemos con algunos antecedentes, para que estemos en la misma página.

¿Qué es Shopify?

Shopify es una plataforma de comercio electrónico líder en la industria. Le ofrecen un montón de herramientas para crear una tienda en línea y empezar a trabajar.

Ya sea que sea un principiante o un profesional, Shopify hace que sea muy fácil comenzar a vender, ya sea en línea o en su tienda física.

Crear una tienda en línea Shopify es cosa de estudiantes de cuarto grado. La plataforma viene con un creador de tiendas fácil y toneladas de plantillas listas para usar que puede personalizar hasta que se canse.

Además de eso, le ofrecen un editor de productos fácil de usar, que le permite crear, publicar y administrar su inventario como un jefe. Incluso puede optimizar sus productos para los motores de búsqueda gracias a las funciones de SEO integradas.

Además, tiene todas las herramientas que necesita para procesar y enviar pedidos sin sudar. Aparte de eso, le ofrecen un conjunto de herramientas de marketing para "... crear, ejecutar y analizar campañas de marketing digital..." sin conjeturas.

Para colmo, tiene varias pasarelas de pago a su disposición, lo que facilita el cobro y el procesamiento de pagos.

Comienzan con una prueba de 14 días, sin necesidad de tarjeta de crédito, para probar las aguas. Para desbloquear la capacidad completa de Shopify, debe registrarse en un plan pago.

Características clave de Shopify

Shopify es la plataforma de comercio electrónico elegida por millones de usuarios, gracias a funciones como:

• Editor de sitios web fácil de usar para crear tiendas en línea como un desarrollador web experimentado
• Más de 70 temas que puede personalizar para adaptarse a su tienda
• Punto de Venta (POS), para que puedas vender en tu tienda o en tu smartphone/dispositivo móvil
• Integración sin esfuerzo de Oberlo para empresas de dropshipping
• Creador de tiendas en línea
• Múltiples procesadores de pago
• Diseño receptivo y compatible con dispositivos móviles
• fotos de stock gratis
• Edite fácilmente HTML, CSS y JS de su tienda
• Nombre de dominio personalizado, por ejemplo, swarmify.com
• Plataforma de blogs completa, que es excelente para el marketing de contenido.
• Certificado SSL gratis
• Recuperación de pago abandonado
• Tarifas de envío flexibles e impuestos automáticos
• Múltiples idiomas
• $ 100 en créditos publicitarios de Google si gasta $ 25 en una nueva cuenta de publicidad de Google
• Perfecta integración con las redes sociales
• Ancho de banda ilimitado
• Soporte 24/7
• ¡Y mucho más!

Si ya usa Shopify, no necesita que le explique por qué es una excelente plataforma de comercio electrónico. Si eres un novato total con cero habilidades tecnológicas, nunca puedes equivocarte con Shopify como tu proveedor de comercio electrónico.

Para endulzar el trato, Shopify ofrece planes asequibles desde solo $ 9 por mes. Si está comenzando un nuevo negocio, su plan básico de Shopify ($ 29 / mes) ofrece una excelente relación calidad-precio.

Dicho esto, ¿qué es Swarmify?

¿Qué es Swarmify?

A menos que sea completamente nuevo aquí, Swarmify es un servicio de aceleración de video único en su tipo que lo ayuda a entregar videos 12 veces más rápidos a sus usuarios.

Usamos la misma tecnología que usan los gigantes de la transmisión Netflix y Hulu para ofrecer experiencias de video sin demoras ni búfer.

Si usa (o planea usar) videos en su tienda Shopify, le ofrecemos exactamente lo que necesita para aumentar la velocidad de carga de sus videos.

Además de eso, lo ayudamos a brindar experiencias de video totalmente personalizadas a sus compradores.

En lugar de usar el reproductor de video de YouTube que viene con la marca de YouTube, los enlaces y los videos recomendados de sus competidores, le ofrecemos nuestro reproductor SmartVideo.

Nuestro revolucionario reproductor de video no contiene marcas ni enlaces. Es 100 % libre de desorden, además puedes personalizarlo para que coincida con tu tienda Shopify en minutos.

Esta es la razón por la que muchos emprendedores como tú eligen Swarmify SmartVideo para sus tiendas en línea de Shopify.

Características clave de Swarmify

Somos líderes en el campo y le ofrecemos funciones a la altura de nuestra reputación.

• Ancho de banda ilimitado , ya sabes, como Shopify :)
• Almacenamiento ilimitado
• Red de entrega de contenido de video SmartCDN: sus compradores disfrutan de videos 12 veces más rápidos que el promedio de la industria, sin importar dónde se encuentren
• Conversiones automáticas de YouTube: si ya usa YouTube y tiene algunos videos de YouTube en su tienda Shopify, SmartVideo convierte todos los videos automáticamente y los sirve desde nuestras pilas súper rápidas y CDN.
• Capacidad para alojar videos en varias plataformas como YouTube, Wistia, Vimeo, Google Drive, Amazon S3, pCloud, etc. Sus clientes no notarán la diferencia porque servimos todos sus videos en nuestro reproductor de video ordenado
• Excelente codificación de video para experiencias de visualización optimizadas en todos los dispositivos
• 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. Ahora, sus clientes no tienen que esperar a que los videos de productos se almacenen en el búfer. Tienes nuestro EdgeAI para agradecerlo :)
• Fácil instalación
• Soporte de primera clase respaldado por desarrolladores apasionados
• Y mucho más (Lea más sobre las características aquí)

Como emprendedor, desea usar videos en su tienda en línea Shopify para una mejor retención de usuarios, mayores tasas de conversión y más ventas.

Y dado que el marketing de video es un desafío, necesita un host de video que haga su trabajo más fácil, no más difícil.

Entra en Swarmify y salvas el día. Le ofrecemos justo lo que necesita para ofrecer experiencias de video rápidas, personalizadas y profesionales a sus compradores.

Con la reproducción de video rápida y de alta calidad de su lado, vender en su tienda Shopify se vuelve mucho más fácil que si estuviera sirviendo videos directamente desde YouTube, Wistia, Vimeo u otros sitios web de alojamiento de videos.

Con ese preámbulo, avancemos e integremos SmartVideo con su tienda Shopify.

Cómo usar Shopify + SmartVideo para alojamiento de videos de comercio electrónico

Para la siguiente sección, debe tener una tienda Shopify en funcionamiento. Si todavía está mojado detrás de las orejas, aquí hay una guía ingeniosa sobre cómo crear una tienda Shopify.

Además de eso, necesita una cuenta de Swarmify lista. Consulte nuestros planes de precios asequibles y elija el plan perfecto para su negocio. ¿Buscas aprender más? Consulte nuestra creciente lista de estudios de casos.

Cómo agregar un SmartVideo a una página de producto de Shopify

En la sección "Medios" de la página de administración de su producto, haga clic en "Agregar medios" y cargue un video. Una vez que SmartVideo esté instalado en su sitio, el video se entregará desde nuestra red de entrega global; sin embargo, el video aún se mostrará en el reproductor de video estándar de Shopify.

Para mostrar un video en el reproductor SmartVideo, deberá permitir que SmartVideo convierta automáticamente un video de YouTube o Vimeo.

Para nuestro producto de muestra, tomé prestado un video de revisión de Unbox Therapy en YouTube.

Luego seguí adelante y creé un producto de muestra completo con el video de YouTube. Así es como se ve en nuestra tienda Shopify de muestra:

Bastante ordenado, ¿verdad? Debo admitir que se ve bien al principio, pero hay un par de problemas.

En primer lugar, está la marca obvia de YouTube, que podría no adaptarse a su tienda Shopify.

En segundo lugar, el título en la parte superior del reproductor de video es un enlace ingeniosamente tejido que redirige a sus compradores a YouTube. Cuando trabajas tan duro para atraer tráfico a tu sitio web, definitivamente no quieres que eso suceda.

En tercer lugar, así es como se ve el reproductor de YouTube cuando el usuario reproduce y pausa el video:

Mira eso; el reproductor de YouTube está repleto de desorden y distracciones destinadas a desviar a sus visitantes.

¿Ves la sección "Más videos"?

Esa sección podría mostrar videos de tus competidores , lo cual es simplemente inaceptable. Y cuando su comprador comparte el video con amigos, el enlace redirige a los usuarios a YouTube, ¡y no a su tienda Shopify!

Si te gusta usar videos de productos en tu tienda Shopify, puedes ver claramente cómo alojar videos directamente desde YouTube es un problema , incluso si es un servicio gratuito.

O, como dicen, no hay nada como un almuerzo gratis :)

Simplemente pon...

No puedes proyectar esa sensación y apariencia profesional con el reproductor de video de YouTube. Además, las distracciones solo eliminarán a sus compradores, lo que resultará en tasas de conversión y ventas más bajas.

Cómo agregar un SmartVideo a una página estándar de Shopify

Una vez que se instala SmartVideo, los videos de YouTube y Vimeo se convertirán automáticamente en su sitio, pero la forma más sencilla de agregar un SmartVideo a una página normal de Shopify es aprovechar una etiqueta de SmartVideo.

En la sección de contenido del administrador de su página, haga clic en el botón "Insertar video" y pegue su etiqueta SmartVideo en el cuadro de texto.

Después de instalar SmartVideo (como veremos en la siguiente sección), el video será visible en su página:

Ahora que sabe con qué estamos trabajando, permítanos integrar Swarmify con su tienda Shopify y vea la diferencia.

Copie su fragmento de configuración de Swarmify

Al momento de escribir, no tenemos una aplicación de Shopify. Eso significa que debes integrar Swarmify con Shopify manualmente. De todos modos, el proceso es tan fácil como A, B, C.

¿Qué hacer?

Inicie sesión en su panel de Swarmify :

El panel de control de Swarmify es sencillo y fácil de usar. No lo atascamos con características inútiles. Lo mantenemos delgado de la manera que te gusta :)

A continuación, haga clic en la pestaña Configuración , como se muestra a continuación.

En la siguiente pantalla, elige si ya tienes videos de YouTube en tu tienda Shopify y haz clic en Siguiente :

Consejo profesional : lo mejor es elegir " Sí " para activar la conversión automática de YouTube. También elegí " Sí".

Después de eso, elige si tienes videos de fondo en tu tienda Shopify y haz clic en Siguiente . No tengo videos de fondo, así que elegí " No :"

En la página siguiente, elija si desea cambiar el esquema de color del reproductor de video.

Si desea cambiar el esquema de color, elija Sí (1), seleccione su color personalizado (2) y haga clic en Siguiente (3), como se destaca en la captura de pantalla a continuación.

Lo estás haciendo fantástico :)

A continuación, elija la forma del botón del reproductor de video y haga clic en Siguiente . Por el momento, tenemos tres opciones: Predeterminado (Hexagonal), Rectángulo y Círculo :

A continuación, elija si desea agregar una marca de agua personalizada a sus videos y haga clic en el botón Siguiente :

Finalmente, elija si desea habilitar los anuncios en sus videos y haga clic en Finalizar :

Como probablemente esté agregando videos explicativos a los productos de Shopify, es mejor que no tenga anuncios.

Después de eso, haz clic en Copiar al portapapeles , como detallamos a continuación.

Con su fragmento de Swarmify copiado, está listo para la siguiente parte: agregarlo a su tienda Shopify.

Agregar fragmento de Swarmify a la tienda Shopify

En la siguiente sección, agregamos el fragmento de Swarmify que acabas de copiar en tu tienda Shopify.

No te preocupes, es sencillo :)

Inicie sesión en el panel de control de su tienda Shopify y haga clic en Tienda en línea en el menú de navegación izquierdo:

A continuación, haz clic en Temas , como mostramos a continuación.

Después de eso, haga clic en el menú desplegable Acciones y seleccione Editar código :

A continuación, haz clic en {/} theme.liquid :

Desplácese hacia abajo hasta que vea la sección con otro código JavaScript. Por lo general, comienza con la etiqueta <script> . Aquí hay una captura de pantalla para ayudar:

A continuación, pegue el Swarmify Snippet que copió anteriormente sobre la etiqueta <script> y haga clic en Guardar , como se muestra a continuación.

¡Y eso es!

¡Tu tienda Shopify ahora está conectada a Swarmify!

Impresionante, ¿verdad?

Te agradezco por ser tan paciente. No quería saltarme ningún paso porque es importante hacerlo bien desde el principio :)

Ahora, puedes continuar subiendo videos a YouTube y agregarlos a tu tienda Shopify. Swarmify codificará, convertirá y publicará todos los videos en un reproductor de video hermoso y ordenado.

Ya sabes, algo como esto:

Sin marca de YouTube, sin enlaces y sin distracciones: solo un reproductor de video ordenado que se ve genial incluso cuando el usuario reproduce y pausa el video :)

N/B : los videos tardan en optimizarse según la duración. Mi video de muestra duró 3,58 minutos, así que esperé unos cuatro minutos :)

¿Y cómo supe que el video estaba completamente optimizado? En su reproductor de video, verá Video Acceleration: ON , como se muestra a continuación.

Mismo video, misma página - diferentes resultados. Todo lo que desviaría su tráfico se ha ido.

¡Maricón! Todo se ha ido.

Ahora puede mantener a sus compradores donde más los necesita: en las páginas de sus productos :)

El video se carga 12 veces más rápido que el reproductor promedio, y el nuevo reproductor ordenado se ve increíble y profesional.

No sabrías que obtuve el video de YouTube si Unbox Therapy no dijera: "Por favor, suscríbete y sígueme a través de los enlaces en la descripción... bla, bla..."

Es un gran tipo, por cierto, pero espero que entiendas el punto :)

Personalización adicional del reproductor de video

Tenemos un par de etiquetas para personalizar aún más su reproductor de video.

N/B : a diferencia del código JavaScript que agregamos a la sección <HEAD> del archivo {/}theme.liquid , agrega las siguientes etiquetas SmartVideo directamente donde desea mostrar su reproductor de video. Tenemos un gran ejemplo de Shopify hacia el final :)

Si desea agregar una imagen de póster o una miniatura a su video, copie y pegue el siguiente código en su sitio:

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

Notas:

• Reemplace " ruta/a/mi/video.mp4" y " ruta/a/mi/imagen.png" con las rutas reales a su video e imagen de póster respectivamente
• Puede ajustar el ancho y la altura de su reproductor como mejor le parezca.

Para reproducir automáticamente su video, use la siguiente etiqueta SmartVideo:

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

Consejo profesional: a menos que se combine con silenciado , muchos navegadores restringirán la reproducción automática . Recomendamos usar solo la reproducción automática en combinación con muted . Además, agregar juegos en línea es esencial para una reproducción adecuada en IOS/Safari cuando se reproduce automáticamente.

Para indicarle al reproductor de video que comience la reproducción con el audio silenciado, use:

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

Para reproducir su video en bucle una vez que termine, use:

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

Para evitar que el video se reproduzca a pantalla completa en Safari iOS, use:

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

Para que el jugador no responda (ancho y alto fijos), elimine class="swarm-fluid" de su etiqueta.

N/B: si usa YouTube como su fuente de video:

• Cambia todos los videos de "privados" a "no listados". De esta manera, Swarmify puede obtener y procesar sus videos.
• Utilice el enlace de inserción correcto, no el enlace directo a la página. Como ejemplo, use https://www.youtube.com/embed/wBp0Rb-ZJak (bueno) en lugar de https://www.youtube.com/watch?v=wBp0Rb-ZJak (malo) .

Además, no elimine los controles incluidos en cada etiqueta SmartVideo. Si lo hace, su usuario no tendrá los botones para reproducir su video.

Un ejemplo de trabajo de Shopify

Para ilustrar cómo usar las etiquetas SmartVideo en Shopify, agregaré un video a una nueva página de Shopify.

También puede agregar etiquetas SmartVideo a las publicaciones del blog de Shopify; el procedimiento sigue siendo el mismo.

Estoy usando el mismo video de Unbox Therapy. Recuerde usar el código de inserción y no el enlace directo.

Como tal, mi etiqueta SmartVideo lista se ve así:

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

A continuación, inicie sesión en el administrador de su tienda Shopify y vaya a Tienda en línea > Páginas y agregue una nueva página :

Tenga en cuenta que la mía es una tienda totalmente nueva sin páginas :) Si tuviera páginas existentes, vería algo como esto:

No importa, puede editar una página existente o hacer clic en Agregar página para agregar una nueva. Al hacerlo, accederá al editor de páginas.

A continuación, agregue un título a su página y cambie a HTML, como se muestra a continuación.

A continuación, copie y pegue su etiqueta SmartVideo y haga clic en Guardar , como destacamos a continuación:

Ahora, si ve su página en el front-end, verá:

Nuestro video de prueba está ahí, completo con aceleración de video de fondo. El video comenzó a reproducirse automáticamente ya que mi etiqueta SmartVideo incluye reproducción automática y estaba silenciada . También puede ver todos los controles allí.

Y eso es todo lo que hay que hacer para usar etiquetas SmartVideo para personalizar aún más su reproductor de video. Combine diferentes etiquetas para lograr los resultados deseados.

Ultimas palabras

Swarmify es el nuevo estándar para el alojamiento de videos. Combine nuestra tecnología con Shopify, y tendrá las herramientas para ofrecer experiencias de video fantásticas a sus compradores ansiosos.

Brindamos experiencias de video rápidas, personalizables y de alta calidad a una amplia gama de empresas, como la suya. Es nuestra misión principal y estamos mejorando cada día.

No confíe en nuestra palabra, consulte nuestros estudios de casos y descubra cómo otras empresas lo están logrando con el alojamiento de video Swarmify para comercio electrónico.