Biblioteca de Videos

Introducción a Shopify (Todo relacionado con productos, filtros, pedidos y envíos)
Como funciona el Sistema de Filtros de Shopify
Nuevo
Más información

Para mejorar la experiencia de búsqueda de productos en nuestra tienda en línea, en este video te guiaré a través de la configuración de filtros en la aplicación nativa de Shopify. Aprenderemos a agregar filtros y además, veremos cómo filtrar productos por tipo de prenda, colección y así como a personalizar los filtros por talla, color y categoría.

Guía para agregar productos en Shopify
Nuevo
Más información

En este video te explico detalladamente cómo agregar productos en Shopify. Te muestro paso a paso cómo rellenar la información necesaria, vincular productos a colecciones, automatizar procesos y verificar la sincronización con Webflow. Es importante revisar cuidadosamente la información para asegurar una correcta configuración. Además, te indico cómo verificar la sincronización con Smoothify según el plan seleccionado.

Configuración de la Tienda en Linea
Nuevo
Más información

Resumen

  • El comercio headless separa el front-end del back-end, ofreciendo mayor flexibilidad en el diseño de tiendas en línea.
  • Smootify combina la flexibilidad de diseño de Webflow con las capacidades de comercio electrónico de Shopify.
  • Las ventajas del headless incluyen mejor control de SEO y menos dependencia de desarrolladores.
  • Shopify ofrece un dashboard intuitivo con herramientas para gestionar ventas, productos, clientes y marketing.
  • Smootify tiene tres planes de precios: Free, Light y Server, con diferentes niveles de funcionalidad.
  • Los precios de Smootify son competitivos en comparación con soluciones de comercio electrónico tradicionales.
  • Las suscripciones se pueden gestionar fácilmente, pero no se ofrecen reembolsos por planes degradados o cancelados.

How To Videos (Todo relacionado con Blogs, y Colecciones)
Como optimizar y subir videos a Webflow
Nuevo
Más información

Recursos:

[Cambiar URL de Dropbox ]

dl.dropboxusercontent.com


[Optimizar video WEBM]

Optimizar Video

Para subir vídeos en Webflow de manera eficiente, es crucial optimizar el peso, la longitud y las dimensiones del video.

En este video, te muestro cómo convertir un video pesado en formato .webm para una carga más rápida en la web. Además, te explico cómo modificar el enlace del video para que se reproduzca correctamente en el navegador.

Sigue los pasos detallados para mejorar la experiencia de carga de tus vídeos en Webflow.

Agregar un Post al Blog
Nuevo
Más información

Para agregar un blog post a nuestra tienda, debemos acceder a la plataforma de Webflow. Se explica la importancia de separar las plataformas para aprovechar sus respectivas herramientas. Se detalla el proceso de creación de un nuevo blog, resaltando la importancia de no modificar ciertos campos para evitar problemas futuros. Se muestra cómo editar el contenido del blog, incluyendo el cuerpo, resumen, imágenes y la opción de destacarlo. Finalmente, se indica cómo publicar el blog y verificar su visualización.

Como editar el marquee
Nuevo
Más información

En este video te explico la importancia de las colecciones en el CMS para la sincronización con Shopify.
*No elimines las colecciones de Productos, Collections y Vendors, ya que puede afectar la sincronización.

Te muestro cómo controlar los elementos conectados al marquee del home y la configuración de los posts de Instagram. Es crucial verificar la conexión con Shopify y considerar el plan para asegurar una sincronización correcta.

Es sencillo, solo necesitas familiarizarte con el CMS de Webflow.

Recuerda, si deseas agregar nuevas categorías, contáctame para habilitarlas.

Documentación Técnica (Todo sobre como se creo el sitio web, animaciones, y su estructura)
Como se configuro el Marquee del Home
Nuevo
Más información

En este video, explico el proceso detrás de la animación del marquee en nuestra página de inicio. Destaco los desafíos que enfrentamos para lograr esta animación interactiva y responsive, que involucra la interacción del usuario y la adaptabilidad a diferentes tamaños de pantalla. Muestro cómo resolvimos problemas de superposición y glitches, y detallo la solución basada en líneas de código CSS.

Styleguide del Sitio
Nuevo
Más información

En este video les presento el Style Guide del sitio web, una herramienta fundamental en el proceso de desarrollo de nuevos sitios. Exploro elementos como Flexbox, grids, paddings, y más, que nos ayudan a mantener la coherencia visual y la eficiencia en el diseño web. Además, les muestro cómo utilizar las utility classes para controlar los textos y mantener la flexibilidad y escalabilidad del proyecto.