Master the Handpan es una escuela de música online que originalmente se creó usando WordPress y Teachable. Hoy en día, todo el sitio de marketing está construido y alojado en Webflow.
Master the Handpan es un sitio web dedicado a enseñar a las personas las habilidades que necesitan para tocar música hermosa con un Handpan. Con más de 3,000 estudiantes felices, trasladar su antiguo sitio web a Webflow fue un gran paso. En este artículo, repasamos cómo fue esa experiencia.
¿Qué desafíos enfrentabas que hicieron de Webflow una opción atractiva para este sitio de cursos de música online?
Master the Handpan estaba alojado en Teachable, lo que generaba una serie de páginas de destino independientes y un marco de trabajo muy limitado. No había una conexión clara entre cada uno de sus cursos ni una forma basada en plantillas para trabajar en las páginas.
Sabía que Webflow me daría la libertad que necesitaba para diseñar sin limitaciones técnicas, y el resultado sería un sitio interactivo, completo y fácil de navegar.
Y dado que la estrategia de marketing del sitio web de música de mi cliente se basa en gran medida en el marketing de contenidos, sabía que la flexibilidad de las Colecciones CMS de Webflow me permitiría cumplir con cualquier solicitud personalizada que tuviera mi cliente.
¿Cuáles fueron las ventajas de usar Webflow?
¡Muchísimas!
Primero, es fascinante lo rápido que diseñé y entregué su sitio web: solo tomó un par de semanas. El Diseñador es una herramienta increíble; tu imaginación es realmente el límite. Las interacciones también son muy potentes y fáciles de implementar. Usé el CMS para crear y hacer referencias cruzadas de Colecciones personalizadas en un abrir y cerrar de ojos. Los resultados se filtran con el tipo de precisión que necesitas para un sitio web basado en datos.
Y es un gran alivio contar con una solución de alojamiento confiable que se encarga de los problemas de seguridad. Agradezco no tener que ocuparme más de actualizaciones interminables y consideraciones de seguridad. Puedo concentrarme en mi trabajo sabiendo que Webflow se encarga del sitio web de mi cliente.
¿Consideraste otros medios para construir este sitio?
WordPress. Pero no quería un sitio web basado en plantillas y los marcos de trabajo de WordPress no eran la solución adecuada para mí.
Mencionaste que podías integrar fácilmente aplicaciones de terceros; cuéntanos más sobre por qué eso era importante.
Utilizo mucho aplicaciones de terceros en este sitio web: Zapier, ConvertKit, Deadline Funnel, Proof, Crisp, OneSignal, Embed Social, etc. Una de mis mayores preocupaciones eran las limitaciones en torno a la integración, pero Webflow me demostró que estaba equivocado. No solo es posible, es fácil.
Por ejemplo, usé los formularios de Webflow para inscribir estudiantes en un curso de prueba en Teachable (con Zapier) y para recopilar entradas de formularios que se agregan automáticamente como elementos en las Colecciones CMS. Y los enlaces de activación de correo electrónico de Convertkit se vinculan directamente a los elementos del CMS para mostrar mensajes de confirmación personalizados.
Ya sea que quieras promocionar un curso, atraer clientes al sitio o realizar un seguimiento de las ventas, no veo limitaciones con Webflow.
Cuéntanos sobre la migración del blog del cliente de WordPress a Webflow.
La idea inicial era crear el sitio web en Webflow, pero mantener el blog en WordPress.
El tráfico de mi cliente proviene principalmente del blog y me preocupaba que una migración afectara negativamente a su SEO. Además, como es un sitio bilingüe, usaba WPML como plugin de traducción y no quería perder esa funcionalidad.
Resumiendo, el blog empezó a tener serios problemas de rendimiento.
Pasé incontables horas optimizando la velocidad. Probé soluciones como Cloudflare, moví aplicaciones premium a archivos de caché y optimicé el código fuente. Mejoré el plan de alojamiento e incluso hice que un experto auditara el sitio para ayudarnos a entender qué estaba fallando.
Resultó ser un problema con la plantilla, pero no estábamos seguros de cuánto afectaría su cambio al rendimiento. Esto aceleró la migración del blog a Webflow.
¡Ojalá lo hubiera hecho antes! Fue un proceso fluido de principio a fin y con mucho valor añadido inesperado.
Encontré una forma muy sencilla de mantener el blog bilingüe gracias a la versatilidad de las colecciones del CMS, el filtrado y la visibilidad condicional; todo implementado en un abrir y cerrar de ojos. La función de importación de CSV hizo que importar y asignar todos los artículos al nuevo blog fuera pan comido. También obtuve mucho más control sobre el diseño y la estructura del blog. Filtrar, ordenar y jugar con las categorías y etiquetas facilitó muchísimo el control de la navegación general.
Los resultados en cuanto al rendimiento y la velocidad del sitio son asombrosos.
Desde el punto de vista del SEO, me resultó muy fácil trabajar en las optimizaciones on-page. Los ajustes de Webflow permiten trabajar a un nivel muy granular. Elementos como las metaetiquetas, el esquema y el Open Graph me permitieron tomar el control del blog, lo que mejoró el SEO.
A la semana de la migración, Google Search Console mostró un cambio drástico en el rendimiento de las impresiones, los clics y el tráfico general (ver gráfico a continuación).
No solo no perdimos nada de autoridad de enlace (gracias a las redirecciones 301), sino que ganamos impresiones en Google; los resultados de búsqueda ahora son mucho mejores para muchas palabras clave.
Migrar desde WordPress puede significar renunciar a algunas funciones o plugins interesantes (como los comentarios), pero la mayoría tiene alternativas geniales (como Disqus). Y cuando pienso en la flexibilidad, el control y el rendimiento que gané en Webflow, no hay duda de que merece la pena.
Lectura relacionada: El coste real de WordPress
SEO y Webflow: la guía esencial
Descubre 13 consejos clave sobre SEO para sitios web, tanto si usas Webflow como si no.
¿Cómo convenciste a tu cliente para dar este paso?
Mi cliente es increíble y tenemos mucha confianza mutua, lo cual ayudó muchísimo.
Aunque estaban nerviosos (y quizás hasta recelosos), los resultados iniciales positivos hicieron que estuvieran mucho más dispuestos a dar el paso definitivo y migrar el blog.
Pero creo que, en última instancia, hubo dos elementos que facilitaron la decisión:
- Webflow facilitó la integración (es decir, la promoción) de sus cursos en el blog una vez que todo estuvo interconectado de forma lógica y fluida. El diseño y la estructura del sitio ya no resultan molestos y todo el sitio web está consolidado.
- Cambiar a Webflow también significó que mi cliente ya no necesitara comprar ni renovar más plugins premium para mantener WordPress seguro, con copias de seguridad, actualizado y optimizado. ¡Ni invertir en alguien que se encargue de estos detalles!
¿Has obtenido algún valor inesperado al usar Webflow?
Fue una sorpresa increíble ver lo fácil que es crear una página de inicio espejo en Teachable directamente desde Webflow.
Con solo copiar y pegar el código fuente de toda la página de inicio (con unos pocos cambios menores, como una etiqueta canonical para evitar contenido duplicado y el uso de URLs absolutas), pude generar una página de inicio totalmente funcional en Teachable en cuestión de segundos.
Poder diseñar páginas de destino especiales para objetivos de marketing concretos, y además en tiempo récord (hablamos de minutos), fue una auténtica gozada. Esto habría sido imposible sin Webflow.
¿Hay algo que hayas aprendido al crear este sitio en Webflow que vayas a aplicar en tu próximo proyecto?
He ganado confianza en que Webflow es una alternativa superior a WordPress, y tengo un caso de éxito probado que lo respalda.
Seré más atrevido y no dudaré ni un segundo en migrar cualquier tipo de proyecto desde cualquier plataforma a Webflow.
