Cómo automatizar Webflow CMS con Notion
Hoy vamos a explorar cómo automatizar el cms webflow utilizando notion.
Por fin he lanzado WebtotheFlow.com 🎉. También he añadido una sencilla automatización utilizando Make para ahorrar tiempo y energía.
Aprenderás a conectar Make tanto a notion como a Webflow. Agradecería mucho cualquier comentario sobre mis vídeos, ya que intento mejorar cada vez. ¡Gracias por verlos!
🧑🏾💻 Enlace al fragmento de código mencionado:
Resumen del proyecto
Noción de Webflow CMS
Marvin construyó un sitio web básico con una página de inicio, una página de contacto y una sección de blog utilizando Webflow CMS. También utilizó Notion para automatizar el proceso de subir contenido a su Webflow CMS. Marvin explica cómo configuró el CMS, la estructura de Notion y la automatización de Make.
Puntos clave
- Utiliza Webflow CMS para cargar contenidos dinámicamente en tu sitio web.
- Utiliza Notion para estructurar tus contenidos y datos.
- Utiliza Make para automatizar el proceso de subir contenido a tu Webflow CMS.
Configurar el CMS
- Para configurar el CMS, crea una colección en Webflow.
- En la colección, crea campos personalizados para tu contenido.
- En Notion, crea una base de datos para tu contenido y utiliza los mismos campos que en tu colección Webflow.
- Utiliza Make para configurar automatizaciones que se activen cada vez que publiques una nueva página en tu base de datos Notion.
- Utiliza Make para crear un nuevo elemento CMS en tu colección Webflow y rellena los campos personalizados con los datos de tu base de datos Notion.
Marvin recomienda utilizar Make para automatizar el proceso, porque ahorra tiempo y puede conectarse con casi cualquier software.
"Esa es la herramienta que elegí utilizar, y voy a mostrarte cómo construí realmente la automatización". - Marvin Aziz
Estructura de la noción
Marvin recomienda estructurar tus contenidos y datos en Notion para automatizar tu flujo de trabajo. Él utiliza una base de datos de calendario de contenidos con campos personalizados para el cuerpo del blog, slug, texto de Twitter, etc. También tiene un campo para el estado, que utiliza como disparador para su automatización.
Configurar
Marvin utiliza Make para vigilar su base de datos Notion en busca de cambios y activar la automatización para cargar contenido en Webflow. Filtra la base de datos para que sólo muestre las páginas publicadas y utiliza un enrutador para diferenciar entre elementos CMS nuevos y existentes en Webflow.
Solución para los enlaces de vídeo
Marvin se encontró con un problema al insertar automáticamente enlaces de vídeo de YouTube en su Webflow CMS. La solución fue utilizar un código alternativo con JavaScript. Incluye el código en su página Notion y anima a los usuarios a utilizarlo también.
Enlace al fragmento: https://bit.ly/3tUSewF
Futuras ideas de automatización
Marvin tiene planes de ampliar su automatización con Make para incluir el envío de tweets y correos electrónicos a los suscriptores. Anima a los espectadores a explorar las infinitas oportunidades de utilizar Make para automatizar procesos.
Si te ha gustado este vídeo, echa un vistazo a Web to the Flow para ver más tutoriales sobre desarrollo de flujos de trabajo.
Biografía del creador
Marvin es un desarrollador autónomo que disfruta compartiendo sus conocimientos sobre el desarrollo de flujos de trabajo en su canal de YouTube, Web to the Flow. Le apasiona la automatización y el uso de herramientas como Make para agilizar los procesos.
Recursos
- Crea - Una herramienta de automatización para conectar con casi cualquier software
- Fragmento de código - El fragmento de código mencionado en el vídeo (descarga gratuita)
- Automatizar la facturación con Make