Porqué cambié Wordpress por Webflow
Para crear landings fáciles, rápidos, poderosos y escalables - sin ser programador o diseñador
Si este tema le genera interés, un productivity tip: no lo lea sin tener el tiempo. Muchas veces por la velocidad del día nos acostumbramos a “escanear” el contenido apenas nos llega y captamos poco y lo marcamos como “leído” y nos perdemos de contenido de valor. Empecé a aplicar esto con correos años atrás y genera mucho valor. Mejor déjelo en lista de lectura posterior y siéntese con el tiempo.
— A lo que venimos.
Soy un usuario -no experto- de Wordpress por años. Lo he instalado en mis propios servidores, usado servicios hospedados SaaS y usado en servicios hospedados PaaS. Siempre sentí que debía existir algo mejor para las personas que sólo necesitan crear un sitio rápido (sin miles de plugins y cosas que aprender) y luego escalarlo.
Ya llevo varios meses trabajando con Webflow y me siento cómodo recomendándolo sobre Wordpress a otros emprendedores.
Crear un landing es un trabajo crítico para cuando inicia un startup. Quizás salir en Google no sea la prioridad 1 (y raramente lo es, más adelante hablaré sobre qué opino de esto), pero si su dominio de correo @mistartup.com no responde nada, en B2B puede ser lapidante y obvio en B2C peor aún.
Un landing puede ser usado como smoke test para ver si la gente está interesada en un concepto, y una herramienta low-code como Webflow puede ser muy útil (low-code: no se necesita de ser un programador!).
Webflow es también un CMS (Content Management System, o en humano: un sistema para crear contenido en línea como blogs, páginas, puestos de trabajo, etc) que ha madurado muchísimo y ganado miles de adeptos (como yo!).
Disclaimer: esto no son recomendaciones para diseñadores, programadores u otros profesionales en sus áreas, son para emprendedores en modo cucaracha (sobrevivencia y agilidad). Voy a sobre simplificar cosas que a mucho profesional le molestaría, pero bueno, en emprendimiento se trata de validar y pasar hitos, no de tener el mejor diseño o programación sin que nadie compre.
Porqué preferí Webflow que Wordpress
Totalmente administrado, nada de c-panels o cosas así. Si no eres técnico, imagináte que es crearse una cuenta en webflow.com y listo, nada de código raro. Las actualizaciones se corren automáticamente.
Se siente mucho más moderno.
El editor es mucho más sencillo (si bien Wordpress tiene buenos plug-ins, como Elementor -que usé hasta decir basta- no se comparan).
Tienen una documentación para capacitarse exquisita. university.webflow.com
¡El soporte sí responde! Y al ser un servicio administrado, se hacen responsables.
Mi take en general es que Wordpress depende de su comunidad de plugins (que van bajo su propia responsabilidad instalarlos y no echarse el sitio) mientras que Webflow ya trae todo lo que uno necesita out-of-the-box.
Checklist a considerar
Cuando estén creando un landing page, consideren los siguientes factores:
Dominio. Existen decenas de lugares para comprar uno como domain.com namecheap.com godaddy.com etc. Para configurarlo si al sitio si se necesita algo de conocimiento técnico, pero también pueden comprarlo desde Webflow mismo si no son técnicos ni tienen un proveedor especial university.webflow.com/article/buying-a-domain
Objetivo. He visto decenas de personas que inician un sitio sin saber para qué lo quieren. ¿Es para recibir a sus usuarios y explicarles su producto? ¿Recabar interesados en un formulario? ¿Rajar? Hay que estar clarísimos.
Definición visual. Al principio usualmente uno no tiene el lujo de poder pagar $5,000 para que le hagan un libro de marca, pero uno mismo se puede poner orden si define lo básico. Logo: las tendencia de minimalismo nos ha permitido crear logos sin mucha complejidad, escriba el nombre en una fuente de texto que le guste, y dele viaje. Colores: escoja 1 color que resulte que responde a su marca y 2 secundarios, úselos bien! por ejemplo los títulos siempre de un color, los vínculos de otro color, el texto normal de otro color, y ya. Le va a dar un sentido más profesional sin invertir en diseño al inicio solo para validar.
Ilustraciones e iconos. No todos somos expertos en diseño. ¿Cómo hacemos para no quedarnos atrás? Yo uso mucho bases de datos gratuitas (con y sin atribución) para tener iconos profesionales, imágenes atractivas e ilustraciones modernas sin diseñar. Acá algunos: undraw.co gallery.manypixels.co pexels.com unsplash.com iconarchive.com thenounproject.com si quieren pagar algún servicio, usualmente son de bajo costo, pero también se pueden usar gratis si se da atribución.
El proceso usualmente es:
Configurar website.
Publicar en dirección web de pruebas.
Agregar dominio.
Vender 🙂.
Cómo se siente Webflow
Canvas vacío y muchas opciones.
Se puede sentir como que es mucha cosa. Pero… además de que está el Webflow University que compartí arriba, voy a listar lo básico.
A un canvas en blanco, usted debe agregar secciones. Si inició su proyecto con una plantilla va a ver diseños y componentes aquí donde se ve blanco. Básicamente un sitio web tiene 3 partes.
Si no usó una plantilla y va a crear todo, aproveche los layouts default de Webflow. Eso es, arrastre al canvas en blanco cada pieza que necesita.
Si ya usted sabe algo de código o de diseño, puede ir agregando secciones y editando las propiedades de cada componente, sino, solo cambie colores y fuentes.
No le tenga miedo a esa barra de la derecha, rápido se acostumbra.
PRO Tip: creese una página de pruebas para hacer y deshacer y acostumbrarse a Webflow.
Una vez listo su diseño visual, que puede tomar de 1h a todo lo que usted quiera (no debe ser perfecto, la gente no compra cosas perfectas! Compra cosas funcionales para ellos), lo normal es necesitar un formulario o listar algo (como por ejemplo productos).
Formulario de contacto: los correos recibidos le van a llegar a su correo de contacto que usó para crearse su cuenta.
Listas (este es un killer feature): las listas son eso, una lista de cosas. Puede ser una lista de productos, de puestos de trabajo, de blog posts, de empleados. Lo que sea que no es estático y crece o decrece con el tiempo. Una lista se ve así:
Tiene tres componentes (que no son necesariamente obvios).
La lista: es el formulario que enseño arriba. Es configurable y puede tener todos los campos que uno quiera.
Collection list: es como se inserta a una página. Se asocia a campos de la lista y muestra todos los registros (por ejemplo un catálogo de productos).
Página de detalle de ese registro: esto es como una página normal pero dinámica. Por ejemplo, de la lista de productos en el landing, quizás queremos mostrar un detalle del producto y datos de cómo comprarlo. Igualmente, de un blog post se puede mostrar un preview en el homepage pero querer mostrar todo el blog en una página. Esa plantilla se configura igual que la lista, asociando campos de la lista con partes de la página y está ubicada aquí.
Con esos componentes básicos, usted puede jugársela en crear un landing sin necesidad de programadores o diseñadores (no que no sean importantes, pero al principio no se necesitan para dar el primer paso).
Heads ups alrededor de Webflow
Su target es más tipo diseñadores con algo de conocimiento de CSS para cosillas avanzadas, entonces si usted no sabe nada de CSS (es administrador, vendedor, o algo no técnico) tómese su tiempo de pasar por university.webflow.com no es tiempo perdido, es invertido. En 2h va a estar listo.
Tiene cierta curva de aprendizaje para sentirse cómodo cómodo. Pero con lo básico ya se puede iniciar.
Si uno viene de Wordpress, va a tratar de buscar homólogos que no necesariamente existen.
Suerte en la jornada y pura vida por suscribirse a este newsletter de CÓMOs y no de QUÉs 🙂.