Revisión del creador de sitios web de flujo web

Webflow es una plataforma de diseño de sitios web respetada utilizada por más de 3.5 millones de clientes en todo el mundo. Ya sea que sea un profesional experimentado o recién esté comenzando, esta revisión de Webflow le brindará una visión detallada de las características y capacidades de esta plataforma de creación de sitios web sin código.

Hay cientos de creadores de sitios web por ahí. Cada uno es adecuado para una audiencia diferente. Webflow se ha posicionado firmemente como el software elegido por diseñadores profesionales, agencias y empresas que alcanzan el nivel empresarial. 

De hecho, tiene una impresionante variedad de herramientas y características que son un placer usar: siempre y cuando sepas lo que estás haciendo. 

No soy un experto en diseño web, así que veamos cómo manejo la plataforma. ¿Cualquiera puede usar Webflow? ¿O es mejor dejarlo en manos de los expertos? Vamos a averiguar.

TL; DR: Webflow tiene una increíble variedad de herramientas y funciones para crear sitios web sorprendentes y de rápido rendimiento. Sin embargo, está dirigido al profesional del diseño y no a la persona promedio. Por lo tanto, la plataforma requiere una curva de aprendizaje pronunciada y puede ser demasiado abrumadora para algunos.

Reddit es un gran lugar para aprender más sobre Webflow. Aquí hay algunas publicaciones de Reddit que creo que te resultarán interesantes. ¡Échales un vistazo y únete a la discusión!

Pros y contras

Primero, equilibremos lo bueno con lo malo con una descripción general rápida de los pros y los contras de Webflow:

Planes y precios

Webflow tiene cinco planes disponibles para uso general:

• Plan gratuito: Úselo gratis de forma limitada
• Plan básico: Desde $14/mes facturado anualmente
• plan CMS: Desde $23/mes facturado anualmente
• Plan de negocios: Desde $39/mes facturado anualmente
• Empresa: Precios a medida

Webflow también tiene planes de precios específicos para comercio electrónico:

• Plan estándar: Desde $24.mes facturados anualmente
• Plan Plus: Desde $74/mes facturado anualmente
• Plan avanzado: $212/mes facturado anualmente

Si necesita asientos de usuario adicionales para su cuenta de Webflow, estos costo desde $ 16 / mes hacia arriba, dependiendo de sus requerimientos. 

Planificar	Tipo de Propiedad	Costo mensual	Costo mensual facturado anualmente	Usado para
Gratuito	Uso general	Gratuito	Gratuito	Uso limitado
Basic	Uso general	$18	$14	Sitios simples
CMS	Uso general	$29	$23	sitios de contenido
Empresa	Uso general	$49	$39	Sitios de alto tráfico
Empresa	Uso general	Hecho a la medida	Hecho a la medida	Sitios escalables
Estándar	E-commerce	$42	$29	Nuevos negocios
+	E-commerce	$84	$74	volumen alto
Tecnología	E-commerce	$235	$212	Piel escamosa
Los precios a continuación se suman a las tarifas del plan elegido
Básico	Equipos internos	Gratuito	Gratuito	novatos
Core	Equipos internos	$ 28 por asiento	$ 19 por asiento	Equipos pequeños
Crecimiento	Equipos internos	$ 60 por asiento	$ 49 por asiento	Equipos en crecimiento
Básico	Freelancers y agencias	Gratuito	Gratuito	novatos
Freelancer	Freelancers y agencias	$ 24 por asiento	$ 16 por asiento	Equipos pequeños
Agency	Freelancers y agencias	$ 42 por asiento	$ 36 por asiento	Equipos en crecimiento

Para obtener un desglose más detallado de los precios de Webflow, consulte mi artículo detallado aquí.

Pagando anualmente te ahorras un 30% en comparación con el pago mensual. Dado que hay un plan gratuito disponible, no hay una prueba gratuita.

Importante: el flujo web hace no proporcionar reembolsos, y hay sin garantía de devolución de dinero después de pagar inicialmente por un plan.

Características sobresalientes

Ahora vamos a darle a la plataforma una buena carrera por su dinero y atascarnos en lo que hace Webflow y sus características y ver si son vale la pena todo el bombo.

Plantillas de flujo web

¡Todo comienza con una plantilla! Webflow tiene una buena selección de plantillas prediseñadas gratuitas que tienen todas las imágenes, el texto y el color hechos para usted. Si desea subir de nivel el diseño, también puede optar por una plantilla de pago.

El costo de una plantilla oscila entre alrededor de $ 20 y más de $ 100 y está disponible en muchos nichos comerciales diferentes.

Pero esto es lo que más me gusta. Con casi todos los creadores de sitios web, no hay término medio. Puede comenzar con una plantilla preconstruida que canta y baila o con una página en blanco. 

Una página en blanco puede ser un punto de partida difícil, especialmente si es un principiante y un plantilla preconstruida puede hacer que sea difícil ver cómo funcionaría con su estética.

Webflow ha encontrado el término medio. La plataforma tiene plantillas básicas para sitios de cartera, negocios y comercio electrónico. La estructura está ahí, pero no está llena de imágenes, colores o cualquier otra cosa que distraiga.

Esto hace que sea fácil de visualizar y crea tu sitio web sin dejarse engañar por lo que ya está allí.

Herramienta de diseño de flujo web

Ahora, mi bit favorito, la herramienta de edición. Decidí ir con una plantilla preconstruida aquí y la encendí en el editor.

Inmediatamente, Se me presentó una lista de verificación de todos los pasos que necesitaba para completar para tener mi sitio web listo para publicar. Pensé que este era un buen toque para aquellos que son nuevos en este software.

A continuación, me quedé atascado en las herramientas de edición, y este fue el momento Me quedé impresionado por la gran cantidad de opciones que se ofrecen.

La herramienta tiene el habitual interfaz de arrastrar y soltar donde eliges el elemento que deseas y lo arrastras a la página web. Al hacer clic en un elemento, se abre el menú de edición en el lado derecho de la pantalla y el menú de navegación en el lado izquierdo. 

Aquí es donde se vuelve súper detallado. En la captura de pantalla, solo ves una fracción del menú de edición. En realidad, se desplaza hacia abajo para revelar un loca número de opciones de edición.

Cada elemento de la página web tiene este tipo de menú, y no se detiene ahí. Cada menú también tiene cuatro pestañas en la parte superior que revelan más herramientas de edición.

Ahora, no me malinterpreten. Este no es un punto negativo. Alguien que ya esté acostumbrado al software de creación web y a los diseñadores web profesionales se deleitará con la cantidad de control que tienen, ya que permite una total libertad creativa.

Por otro lado, ya puedo ver que esto es no es una buena opción para principiantes ya que no es inmediatamente obvio lo que tienes que hacer y cómo lo haces.

No voy a entrar en detalles de cada herramienta de edición disponible en esta plataforma porque estaremos aquí toda la semana.

Para obtener una lista completa de funciones, visite el sitio web webflow.com ahora.

Basta decir, es avanzado y tiene todo lo que pueda necesitar para satisfacer incluso al diseñador más orientado a los detalles. 

Sin embargo, señalaré algunas de las características notables aquí:

• Herramienta de auditoría automática: Webflow puede auditar su sitio web cuando lo desee. Resaltará las oportunidades en las que puede mejorar la usabilidad y el rendimiento de la página.
• Agregar activadores de interacción: La herramienta le permite crear disparadores que realizan automáticamente una acción cuando el mouse se desplaza sobre un área determinada. Por ejemplo, puede configurar que aparezca una ventana emergente.
• Contenido dinámico: En lugar de cambiar o actualizar elementos manualmente en varias páginas web, puede cambiarlos en una sola página y los cambios se aplicarán en todas partes. Esto es útil si tiene, por ejemplo, cientos de publicaciones de blog que requieren un cambio.
• Colecciones CMS: Esta es una forma inteligente de organizar grupos de datos para que pueda controlar y editar el contenido dinámico.
• Activos: Esta es su biblioteca de imágenes y medios donde carga y almacena todo. Me gusta esto porque se parece a la herramienta de activos de Canva y hace que sea muy fácil desplazarse para encontrar lo que necesita mientras permanece en la página de edición.
• Compartir herramienta: Puede compartir un enlace visible al sitio para obtener comentarios o invitar a colaboradores con un enlace de edición.
• Tutoriales en vídeo: Webflow sabe que es una herramienta integral y debo decir que su biblioteca de tutoriales es extensa y realmente fácil de seguir. Además, se puede acceder a ellos directamente desde la herramienta de edición, lo cual es muy conveniente.

Animaciones de flujo web

¿Quién quiere sitios web aburridos y estáticos cuando puede tener páginas web magníficas, dinámicas y animadas?

Webflow usa CSS y Javascript para permitir a los diseñadores crear animaciones complejas y fluidas sin necesidad de sin conocimientos de codificación .

Esta característica estaba más allá de mis propias capacidades de creación web, pero alguien versado en diseño web tener un día de campo con todo lo que puede hacer.

Por ejemplo, Webflow te permitirá crear animaciones de desplazamiento como parallax, revelaciones, barras de progreso y más. Las animaciones se pueden aplicar a toda la página o a elementos individuales.

Me encanta ver sitios web con movimientos dinámicos en ellos. Son una excelente manera de captar la atención de las personas o mantenerlas en su sitio por más tiempo.

También son una herramienta fabulosa para pedirle a alguien que haga clic en un elemento específico o que realice una acción deseada.

Comercio electrónico de flujo web

Webflow está completamente configurado para el comercio electrónico (y tiene planes de precios que lo acompañan), y probablemente pueda adivinar que esta característica es tan completo como sus herramientas de creación web.

De hecho, se accede a la función de comercio electrónico a través de la interfaz de edición web y le permite hacer todo lo que haría una aplicación de comercio electrónico dedicada:

• Montar una tienda de productos físicos o digitales
• Exportar o importar listados de productos de forma masiva
• Crear nuevos productos, establecer precios y editar detalles
• Organice los productos en categorías específicas
• Crea descuentos y ofertas personalizados
• Agregar opciones de entrega personalizadas
• Seguimiento de todos los pedidos
• Crear productos basados ​​en suscripción (actualmente en modo beta)
• Crea carritos y pagos personalizados
• Personaliza los correos electrónicos transaccionales

Para aceptar pagos, Webflow se integra directamente con raya, pago de manzana, Google Pagar y PayPal.

Honestamente, encontré esta lista algo limitada, especialmente en comparación con otras plataformas de creación web. 

Aunque tú podemos use Zapier para conectarse con otros proveedores de pago, esto es más complicado y le costará mucho más, especialmente si ve altos volúmenes de ventas.

Membresías, cursos y contenido restringido de Webflow

Vender cursos es caliente ahora, por lo que los creadores de sitios web se esfuerzan por mantenerse al día con esta tendencia. Webflow parece haberse dado cuenta porque ahora tienen un función de membresía que está actualmente en modo beta.

Las membresías de Webflow le ofrecen una forma de crear un muro de pago para cierto contenido en su sitio web, cree portales de membresía y proporcionar contenido basado en suscripción.

Según tengo entendido, usted crea páginas en su sitio web para su contenido restringido, luego las "bloquea" con una página de acceso solo para miembros. Aquí puedes marca todo, cree formularios personalizados y envíe correos electrónicos transaccionales personalizados.

Dado que esta característica está en modo beta, seguramente se expandirá y mejorará con el tiempo. Esto es definitivamente algo a tener en cuenta a medida que avanza.

Webflow Seguridad y Alojamiento

Webflow no es solo una herramienta de creación de sitios web. También cuenta con la capacidad de host su sitio web y también proporciona funciones de seguridad avanzadas. 

Esto hace que la plataforma sea una ventanilla única y elimina la necesidad de comprar alojamiento y seguridad de plataformas de terceros. Soy fanático de la conveniencia, por lo que esto me atrae mucho.

Alojamiento de flujo web

En lo que respecta al alojamiento, Webflow cuenta con una Rendimiento de grado A y tiempo de carga de 1.02 segundos para sus sitios web.

El hosting se proporciona a través de su Red de entrega de contenido de nivel 1 para cada año fiscal junto con la Amazon Web Services y Fastly. Además de un rendimiento de primer nivel, el alojamiento de Webflow también le ofrece:

• Nombres de dominio personalizados (excepto en el plan gratuito)
• Redirecciones 301 personalizadas
• Metadatos
• certificado SSL gratuito
• Copias de seguridad diarias y control de versiones
• Protección de contraseña por página
• Red de distribución de contenido (CDN)
• Formularios personalizados
• Búsqueda de sitio
• Plataforma de diseño visual y publicación.
• cero mantenimiento

Seguridad de flujo web

Webflow definitivamente se toma la seguridad en serio, por lo que puede estar seguro de que su los sitios web y todos los datos se mantienen seguros en cada etapa.

La plataforma mapea su programa de seguridad de acuerdo con Controles de seguridad críticos ISO 27001 y CIS y otros estándares de la industria.

Estas son todas las características de seguridad que puede esperar con Webflow:

• Cumple con GDPR y CCPA
• Proveedor de servicios certificado de nivel 1 para Stripe 
• Seguridad total de datos y control de personal en el mismo Webflow
• Autenticación de dos factores
• Capacidades de SSO con G Suite
• Inicio de sesión único
• Permisos basados ​​en roles
• Almacenamiento de datos de clientes basado en la nube
• Transferencia de datos totalmente encriptada

API e integraciones de flujo web

Webflow tiene un número decente de aplicaciones e integraciones directas que le dan mayor control y flexibilidad. Si la plataforma no admite la integración directa, puede use Zapier para conectarse con sus herramientas y aplicaciones de software favoritas.

Puede encontrar aplicaciones e integraciones para:

• Marketing
• Automatización
• Análisis
• Procesadores de pago
• Afiliaciones
• E-commerce
• Alojamiento de correo electrónico
• Redes sociales
• Herramientas de localización y más

Si no puede encontrar la aplicación que necesita, puede pedir a Webflow que cree una aplicación personalizada, especialmente para usted (aquí se aplican costos adicionales).

Servicio de atención al cliente de flujo web

Webflow es una plataforma gigante, por lo que esperaría que tuviera un nivel de servicio al cliente decente para sus suscriptores. 

Sin embargo, Webflow se decepciona aquí. No hay soporte en vivo – ni siquiera en los planes de precios de primer nivel. La única forma en que puede ponerse en contacto con un representante de soporte es enviando un correo electrónico e incluso entonces, el tiempo de respuesta es pobre. 

Los informes en la web afirman que Webflow toma hasta 48 horas en promedio para responder a las consultas de los clientes. Esto no es bueno, especialmente si tiene plazos de entrega del cliente que cumplir.

Sin embargo, Webflow recupera algunos puntos en esta área y eso es gracias a su universidad. Esta enorme biblioteca de aprendizaje es lleno de cursos y videos de entrenamiento para enseñarle cómo usar la plataforma correctamente.

Aún así, esto no lo ayudará si el sitio falla o si encuentra un problema. Esperemos que Webflow presente mejores opciones de soporte en un futuro cercano.

Ejemplos de sitios web de flujo web

Entonces, ¿cómo se ven realmente los sitios publicados de Webflow? Hay mucho que puede tomar de una plantilla, por lo que ver sitios web de ejemplo en vivo es una excelente manera de tener una idea de las capacidades de Webflows.

Primero, tenemos https://south40snacks.webflow.io, un sitio de ejemplo para una empresa que elabora bocadillos a base de nueces y semillas (imagen de arriba).

Esto es una sitio de aspecto magnífico con algunas Animaciones geniales para llamar tu atención. (¡y te dará hambre de bocadillos!). La disposición y el diseño son magníficos, y todo funciona sin problemas.

El siguiente es https://illustrated.webflow.io/. Primero, se le presenta una animación espectacular, pero a medida que se desplaza, tiene un diseño limpio y bellamente presentado que se siente convincente pero organizado.

Cada página se carga rápido y los videos incrustados se ejecutan como un sueño.

https://www.happylandfest.ca/ muestra un sitio web de ejemplo para un festival y comienza con clips de vídeo superpuestos con texto.

A medida que se desplaza, se le lleva a través de una galería de imágenes e información adicional sobre el evento. Está diseñado para captar inmediatamente su atención, y lo hace muy bien.

Para ver más ejemplos de sitios Webflow. Échales un vistazo aquí.

Compara competidores de flujo web

Como expliqué en esta revisión, Webflow es conocido por sus funciones avanzadas y su flexibilidad, lo que lo convierte en una opción popular entre los diseñadores que desean tener más control sobre el aspecto y la funcionalidad de sus sitios web. Sin embargo, hay otras plataformas por ahí. Así es como Webflow se compara con algunos de sus principales competidores:

1. Squarespace: Squarespace es un creador de sitios web popular que ofrece una variedad de plantillas y opciones de diseño para crear un sitio web de aspecto profesional. Si bien Squarespace es más fácil para los principiantes, Webflow ofrece más opciones de personalización y funciones avanzadas para diseñadores experimentados.
2. Wix: Wix es un creador de sitios web fácil de usar con una interfaz de arrastrar y soltar para crear sitios web. Si bien es más amigable para principiantes que Webflow, tiene menos opciones de personalización y puede no ser adecuado para sitios web más complejos.
3. WordPress: WordPress es un sistema de administración de contenido (CMS) ampliamente utilizado que ofrece muchas opciones de flexibilidad y personalización para los diseñadores web. Si bien es más complejo que Webflow, ofrece más control sobre el diseño y la funcionalidad del sitio web.
4. Shopify: Shopify es una popular plataforma de comercio electrónico que permite a los usuarios crear tiendas en línea. Si bien no es un competidor directo de Webflow, vale la pena señalar que Webflow ofrece funcionalidad de comercio electrónico y puede ser una buena opción para las pequeñas empresas que buscan un sitio web con capacidades de diseño y comercio electrónico.

En general, Webflow se destaca entre sus competidores por sus características avanzadas y su flexibilidad, lo que lo convierte en una opción ideal para diseñadores web experimentados que buscan una plataforma que personalice por completo el aspecto y la funcionalidad de sus sitios web.

Preguntas y Respuestas

Nuestro veredicto ⭐

No hay duda de que Webflow puede rivalizar WordPress por la gran cantidad de herramientas de edición, integraciones y funciones que ofrece. Creo que es una opción perfecta para profesionales del diseño web, empresas de nivel empresarial y agencias de diseño.

De hecho, la plataforma tiene muchos planes de precios que le permiten crecer y escalar su sitio web en línea con su negocio. Ojalá tuviera la experiencia (y el tiempo) para conocer esta plataforma por completo.

Sin embargo, hay mejores plataformas para nuevos usuarios y personas que quieren un sitio web básico y sin complicaciones. Por ejemplo, los sitios de negocios de una página, los sitios de biografías personales y el blogger promedio encontrarán Webflow demasiado sofisticado para su propio bien y pueden preferir algo más básico como Wix, Site123 or Duda.

Mejoras y actualizaciones recientes

Webflow mejora constantemente su CMS con más características y funcionalidades. Estas son solo algunas de las mejoras recientes (consultadas por última vez en abril de 2024):

• Elemento de bloque de código: una nueva característica para mostrar fragmentos de código específicos del idioma en cualquier página.
• Traducción masiva de campos para elementos de CMS únicos: permite traducir un elemento CMS completo en una ubicación secundaria con un solo clic.
• Soporte de Markdown en elementos de texto enriquecido: Agrega la capacidad de usar rebajas para formatear elementos de texto enriquecido.
• Reordenar propiedades de componentes: permite a los usuarios reordenar las propiedades de los componentes para adaptarlos a su flujo de trabajo.
• Localización para todos los clientes: Las funciones de localización ahora están disponibles para todos los clientes, con una vista previa gratuita de las funcionalidades básicas.
• Control de eventos de puntero: Esta actualización ayuda a administrar elementos superpuestos en sitios web al establecer eventos de puntero en ninguno.
• Elemento personalizado: Los usuarios ahora pueden agregar cualquier etiqueta HTML o atributo personalizado a un elemento, desbloqueando todo el potencial de HTML.
• Preparación de sucursales para pruebas de diseño: Proporciona un entorno de prueba independiente para probar diseños en una sucursal, lo que resulta especialmente beneficioso para los clientes empresariales.
• Mejoras en elementos de texto enriquecido: Se han realizado mejoras para que la creación con elementos de texto enriquecido sea más flexible y eficiente.
• Control Noindex para páginas individuales: Esta mejora de SEO permite controlar qué páginas se incluyen en los mapas del sitio y qué páginas son indexadas por los motores de búsqueda.
• Haga clic derecho en el panel del navegador: Mejora la velocidad de creación de sitios web con todas las acciones ahora disponibles con un clic derecho en el Navegador.
• Nueva apariencia para Webflow: Una interfaz de usuario actualizada ofrece un espacio de trabajo más enfocado y un diseño moderno.
• Escenas spline 3D: Los usuarios pueden agregar y animar objetos 3D en sus sitios usando escenas Spline.
• Control de la relación de aspecto: Introduce el control de relación de aspecto en Webflow Designer.
• Codificación del sistema de diseño con variables.: Las variables para almacenar valores como colores, tamaños y tipografía mejoran la coherencia y la escalabilidad del diseño.
• Mejoras en la usabilidad de los componentes: Usabilidad mejorada en función de si se administra un componente principal o se construye con una instancia de componente.
• Nuevas API para componentes, variables y localización: Estas API ayudan a los desarrolladores a crear potentes aplicaciones de flujo web.
• Transferir planos del sitio: Los administradores del espacio de trabajo ahora pueden transferir planes de sitio entre sitios, lo que simplifica la administración.
• Nuevas funciones de edición de contenido y comentarista: mejora el trabajo en equipo con nuevos roles en el Diseñador para edición de contenido y colaboración.
• Administrar dominios personalizados: Se ha simplificado la conexión de dominios personalizados a sitios en Webflow.
• Aplicaciones de flujo web: Presenta la próxima generación de aplicaciones Webflow, integrándose más profundamente con las herramientas comerciales principales.
• Actualizaciones de la plataforma de desarrollador: Se han realizado actualizaciones importantes en la plataforma de desarrolladores para crear más oportunidades para crear productos.
• Flujos de trabajo de publicación mejorados: Los flujos de trabajo de preparación y publicación mejorados, especialmente para clientes empresariales, ofrecen un mejor control sobre los cambios en el sitio web.
• Archivar un espacio de trabajo: Los propietarios de espacios de trabajo ahora pueden eliminar un espacio de trabajo del Panel sin comunicarse con el servicio de atención al cliente.
• Atajos de teclado para la gestión de clases: Nuevos atajos para duplicar o eliminar la última clase de un elemento.
• Ajuste de texto y división de palabras: controla dónde se divide el texto en una nueva línea.
• Soporte mejorado para el complemento Figma: Soporte mejorado para diseño automático y capacidad de respuesta en Figma, fácilmente importable a Webflow.
• Seguimiento de cambios de contenido en el registro de actividad del sitio: Visibilidad en CMS y cambios en el contenido de la página estática en el Registro de actividad del sitio.
• Permisos de publicación simplificados: control granular sobre los permisos de publicación para cada miembro del espacio de trabajo.
• Comentarios centralizados con comentarios en el Diseñador: comparta, revise y resuelva comentarios directamente en el Diseñador.
• Elemento de pila rápida: Un nuevo elemento que acelera el proceso de construcción con controles en el lienzo y ajustes preestablecidos de diseño.

Revisando Webflow: Nuestra Metodología

Cuando revisamos los creadores de sitios web, observamos varios aspectos clave. Evaluamos la intuición de la herramienta, su conjunto de funciones, la velocidad de creación del sitio web y otros factores. La consideración principal es la facilidad de uso para las personas nuevas en la configuración de sitios web. En nuestras pruebas, nuestra evaluación se basa en estos criterios:

1. Personalización: ¿El constructor le permite modificar los diseños de las plantillas o incorporar su propia codificación?
2. La facilidad de uso: ¿La navegación y las herramientas, como el editor de arrastrar y soltar, son fáciles de usar?
3. Valor del dinero: ¿Existe la opción de un plan o una prueba gratuitos? ¿Los planes pagos ofrecen funciones que justifican el costo?
4. Seguridad: ¿Cómo protege el creador su sitio web y sus datos y los de sus clientes?
5. Plantillas: ¿Las plantillas son de alta calidad, contemporáneas y variadas?
6. Soporte: ¿Hay asistencia fácilmente disponible, ya sea a través de interacción humana, chatbots de IA o recursos informativos?

Más información sobre nuestra revisa la metodología aquí.

Enviar opinión

Referencias:

• Lista completa de características – https://webflow.com/features
• Canal de Youtube - https://www.youtube.com/c/webflow
• Wikipedia - https://en.wikipedia.org/wiki/Webflow
• Reddit - https://www.reddit.com/r/webflow/