Aprenda qué es Webflow y qué funciones realiza.

Webflow: funciones y objetivos de la plataforma, pros y contras del constructor, integración de Webflow

Examinaremos en profundidad todos los servicios de Webflow (incluidos Designer, CMS, alojamiento, tienda, etc.) para responder a las preguntas más urgentes:

  1. ¿POR QUÉ es útil WEBFLOW y para quién es?
  2. ¿CÓMO funciona su SISTEMA DE TARIFAS y planes de precios?
  3. ¿WEBFLOW funciona con tecnología popular?
  4. ¿Por qué WEBFLOW es MEJOR que las herramientas tradicionales?

El lema de Webflow es "inteligente sin código", lo que significa que la herramienta fue diseñada específicamente para personas que desean crear sitios web sin centrarse en el aspecto técnico, confiando en un código de calidad y sin estar atados a ninguna plataforma de publicación en particular.

Este principio de funcionamiento atraerá especialmente a los artistas visuales, ya que permite a los diseñadores realizar su imaginación directamente en línea, quizás incluso sin pasar por paquetes de gráficos como Photoshop y Sketch.

Preguntas frecuentes

Antes de entrar en detalles, aquí hay una selección de las preguntas más populares sobre Webflow, con respuestas cortas que incluyen enlaces a las secciones relevantes de esta revisión:

¿Qué es Webflow?

En esencia, Webflow es un conjunto de herramientas en línea para crear y ejecutar sitios web. Es una especie de híbrido de creadores de sitios web tradicionales como Wix, sistemas de gestión de contenido clásicos como WordPress y, de hecho, escribir el código del sitio web a mano.

¿Confundido todavía? ¡Este tutorial es exactamente lo que está escrito para aclarar las cosas! Primero, es mejor comprender los componentes básicos de Webflow, a saber, su diseñador de sitios, CMS y sistema de implementación/alojamiento.

¿Cuánto cuesta Webflow?

Esta es probablemente la pregunta más difícil sobre Webflow. Quizás la mejor respuesta aquí es un gráfico que hemos hecho, que se puede encontrar en la sección de precios.

Para simplificar, hay dos niveles de precios en Webflow: planes de cuenta y planes de sitio. Los planes de cuenta determinan cuántas personas de su equipo pueden usar Webflow y para cuántos proyectos. Y los planes de sitio, a su vez, difieren entre sí en términos de opciones de alojamiento y capacidades de comercio electrónico.

¿Qué tan fácil es usar Webflow?

Aquí, como en todas las cosas: duro en el aprendizaje, fácil en la batalla. En otras palabras, una vez que te acostumbras a Webflow, es bastante fácil de usar. Sí, puede parecer más complicado en algunos puntos que, digamos, Wix o Squarespace, pero la recompensa por el arduo trabajo es tener una herramienta mucho más flexible y poderosa.

Abordaremos este tema con más detalle en las siguientes tres secciones, que tratan directamente con la funcionalidad central de Webflow:

Diseñador de sitios web de flujo web

Webflow ofrece tres componentes principales: una herramienta de diseño web visual sin código, un sistema de gestión de contenido (CMS) y alojamiento. El primero de ellos es, sin duda, el buque insignia del servicio, lo que significa que en primer lugar vamos a echar un vistazo más de cerca al diseñador del sitio Webflow.

La interfaz similar a una ventana de Photoshop es en realidad una herramienta de automatización HTML/CSS en la que el usuario puede agregar, colocar y diseñar elementos como desee, mientras que el sistema subyacente genera automáticamente el marcado y todo el código necesario. La interfaz es bastante compleja y lleva un tiempo acostumbrarse, pero sin duda es uno de los creadores de sitios web en tiempo real más poderosos y versátiles disponibles en la actualidad.

Seamos claros de inmediato: el diseñador de sitios de Webflow no ofrece simplemente dibujar cualquier forma en el centro del monitor. Después de todo, detrás de cada elemento visual de una página web hay un código real, y dicho código se volverá exponencialmente más complejo si no se tiene en cuenta el trabajo de HTML y CSS.

En otras palabras, para dibujar un cuadrado simple en el medio de la página, agrega un nuevo elemento <div> (Webflow lo llama "contenedor" o "sección"), establece su posición en "fijo" y su parte superior derecha y las posiciones inferior izquierda a 0. ¡Felicitaciones por tu primera lección de programación!

El Panel del diseñador de flujo web es similar en propiedades a CSS, por lo que para apreciar completamente el poder de esta herramienta, debe conocer los conceptos básicos de HTML/CSS. Sin embargo, si marca la casilla "No escribo código" durante el proceso de registro, Webflow automatizará una parte importante de los procesos de creación de su sitio web. Por ejemplo, manejará las solicitudes de medios para garantizar que el sitio se comporte de manera "responsiva" (es decir, generará código sobre la marcha para ver su página desde tabletas y otros dispositivos móviles).

Sistema de gestión de contenido (CMS)

Además de la capacidad de modificar cualquier texto o multimedia directamente en la página que se está desarrollando, Webflow CMS le permite definir manualmente tipos de contenido personalizados (publicaciones de blog, proyectos, miembros del equipo, etc.) utilizando campos personalizables, lo que puede hacer la vida mucho más fácil. para aquellos que gestionan grandes proyectos web con estructuras complejas.

Esto se hace usando las colecciones de CMS disponibles en la pestaña del icono de pila en el lado izquierdo de la ventana principal del editor. Una vez que se crea una colección o un tipo de contenido específico, puede personalizar campos y agregar elementos para usarlos como páginas individuales o como listas/cuadrículas en páginas estáticas existentes. Por ejemplo, puede agregar una colección de "miembros del equipo" para crear una página con fotos de las personas de su empresa, nombres, descripciones, enlaces sociales, etc.

Despliegue y hospedaje

Publicar a su hijo a través de Webflow es fácil: haga clic en el botón correspondiente en la parte superior de la pantalla del Diseñador y se abre una lista de opciones de implementación disponibles que incluye un subdominio de dominio webflow.com (recomendado para pruebas) y un dominio personalizado. Un clic más y listo, su sitio se publica automáticamente.

Los servicios de hospedaje de Webflow se brindan sobre la base de "crear gratis, agregar hospedaje para el lanzamiento". Esto significa que puede crear un prototipo (hasta 2 páginas estáticas) en el subdominio webflow.com y luego conectar su nombre de dominio (no incluido en el paquete gratuito) suscribiéndose a uno de los planes de alojamiento de Webflow.

Funcionalidad de la tienda (comercio electrónico)

Una de las adiciones más recientes (y más esperadas) a Webflow es la funcionalidad de la tienda en línea.

Webflow eCommerce se ofrece en planes de precios separados e incluye todo lo que necesita para las ventas en línea: administración de productos e inventario, carritos de compras personalizados, pago, correspondencia con los clientes y autoservicio de pago.

La principal ventaja de Webflow eCommerce es la capacidad de personalizar completamente cada detalle de su tienda en línea: desde las cuadrículas de productos y las páginas de pago hasta cómo se ven las notificaciones de compra.

En comparación, en Shopify, Wix o incluso el paquete WooCommerce + WordPress, tendría que esforzarse mucho (y también tener habilidades de programación) para lograr el mismo nivel de control detallado.

Pros y contras de Webflow

Bien, los componentes están ordenados. Para ver el panorama general, enumeremos las fortalezas y debilidades del servicio Webflow en comparación con creadores de sitios web similares y sistemas de administración de contenido populares:

Webflow Integrations as a Service

  1. Entre las principales ventajas está la presencia de integraciones de Webflow , que permiten al usuario conectar el complemento deseado de forma inmediata y simplemente configurarlo, sin las habilidades de programación.
  2. Una herramienta profesional de diseño web en tiempo real que genera fácilmente código limpio y exportable para las versiones de pantalla completa y móvil del sitio.
  3. Puede diseñar su sitio desde cualquiera de las docenas de plantillas premium y gratuitas, o desde cero.
  4. Gestión avanzada de CSS y JS, lo que permite un control detallado de estilos y animaciones, como elementos individuales y de todo el sitio.
  5. Implementación rápida y sencilla en un entorno de middleware y/o en su dominio directamente desde Webflow Designer.
  6. CMS integrado con un generador de tipo de contenido flexible que puede usar para crear cualquier tipo de contenido estático o dinámico, desde páginas y publicaciones de blog hasta proyectos, reseñas, miembros del equipo, etc.
  7. El alojamiento distribuido avanzado basado en Amazon Cloudfront brinda a sus visitantes velocidades máximas de carga de página y una posibilidad mínima de un sitio "caído".
  8. La red integrada de entrega de contenido (CDN) proporciona alta velocidad y aumenta la seguridad de su sitio: el contenido se descarga desde las mejores ubicaciones geográficas para el usuario.
  9. Un certificado SSL, que garantiza los estándares de seguridad web, ya está incluido en el costo del alojamiento (generalmente cuesta $ 50-100 por año).
  10. Aquellos que nunca antes se hayan involucrado en el desarrollo web, tendrán algo de tiempo para trabajar en el dominio de la interfaz y los principios de trabajar con Webflow.
  11. Capacidades multilingües limitadas (fáciles de arreglar, en principio, con extensiones como Weglot).
  12. Un esquema confuso de planes de precios para la cuenta y los sitios, que intenta abarcar todos los casos posibles.
  13. La interfaz del constructor no es totalmente compatible con Firefox y Edge. Es decir, casi una cuarta parte de todos los navegadores instalados (bueno, la creación de Microsoft, ¿¡de qué es culpable el zorro ardiente!?) Aquí Webflow ciertamente necesita mejoras.
  14. La suite de comercio electrónico Webflow todavía está en desarrollo activo, por lo que para tiendas en línea grandes y complejas todavía es un poco rudimentaria.

Conviertete en un programador más sociable

Patrocinadores