Episodio 40 - Herramienta: Webflow

Webflow es una herramienta NoCode para realizar páginas web de una forma muy visual, comparable con el Photoshop de las páginas web que tiene una paleta de componentes a la izquierda y una paleta de parámetros a la derecha cona los tamaños de pantalla arriba, es responsive y te permite definir y cambiar los valores de los parámetros para cada una de las pantallas. Los componentes y los parametros estan muy bien organizados en estructuras desplegables Elementos responsive como FlexBox o Gridbox Webflow es realmente un CMS y no solo un maquetador de páginas Podemos crear colecciones, que son un conjunto de campos que después se asocian a componentes visuales. realmente lo que estamos creando en las colecciones, son colecciones de campos que nos permiten utilizar información variable (la que venga en cada campo) en elementos visuales que se repiten para mostrar colecciones, como por ejemplo colecciones de Post, categorías de producto. Viene con plantillas de colecciones de campos, como puede ser Blog, Autores, Canciones, Recetas, Clientes, miembros de un equipo… tiene implementando animaciones para determinadas acciones, por lo que las acciones de mouse over (pasar el ratón por encima de un botón o un elemento) se pueden anima Podemos crear Symbols, que son componentes reutilizables para poder repetir a lo largo de varias páginas como puede ser la navegación, el footer y elementos que sea necesario tener repetidos. Dispone de un árbol de objetos que hace muy sencillo seguir la estructura de la página de una forma jerárquica con ramas para mostrar objetos dentro de objetos Dispone de biblioteca de medios para subir las imágenes que después vais a disponer en los elementos imagen de las páginas. Pantalla retina Gestor de páginas Comercio electronico productos categorías configurador de la tienda dirección Moneda Productos metodo de envio Impuestos Diseñar la tienda Diseñar la página de producto Diseñar el carrito La página de pago Correos electrónicos Añadir método de pago Añadir un hosting plan Habilitar SSL Habilitar Chekcout Seo Metaetiquetas Edición de etiquetas de imagens Eschema Control sobre la indexación de las páginas Redireccionamiento 301 Exportación de código limpio y semántico. Para ello hay que usar buenos nombres de clases css Precios Starter - Free 2 proyectos Puesta en escena gratuita Sin exportación de código Sin etiqueta blanca No hay protección por contraseña del sitio Sin panel de control del equipo Lite    24€ mes/mensual   - 16€  mes/anual 10proyectos Mejora de la puesta en escena Exportación de códigos Sin etiqueta blanca No hay protección por contraseña del sitio Sin panel de control del equipo Pro 42€ mes/mensual  —35€ mes /anual Proyectos ilimitados Puesta en escena mejorada Exportación de código Etiqueta blanca Protección con contraseña del sitio Sin panel de control del equipo Hosting 16$ mensuales