Comment automatiser le CMS Webflow avec Notion
Aujourd'hui, nous allons explorer comment automatiser le cms webflow à l'aide de notion.
J'ai enfin lancé WebtotheFlow.com 🎉. J'ai également ajouté une automatisation simple à l'aide de Make pour gagner du temps et de l'énergie.
Tu apprendras à connecter Make à la fois à notion et à Webflow. J'apprécierais beaucoup tout retour sur mes vidéos, car j'essaie de m'améliorer à chaque fois. Merci d'avoir regardé !
🧑🏾💻 Lien vers l'extrait de code mentionné :
Aperçu du projet
Notion de CMS Webflow
Marvin a construit un site Web de base avec une page d'accueil, une page de contact et une section blog à l'aide du CMS Webflow. Il a également utilisé Notion pour automatiser le processus de téléchargement du contenu dans son CMS Webflow. Marvin explique aux spectateurs comment il a configuré le CMS, la structure de Notion et l'automatisation de Make.
Principaux enseignements
- Utilise le CMS Webflow pour télécharger dynamiquement du contenu sur ton site Web.
- Utilise Notion pour structurer ton contenu et tes données.
- Utilise Make pour automatiser le processus de téléchargement du contenu dans ton CMS Webflow.
Mise en place du CMS
- Pour mettre en place le CMS, crée une collection dans Webflow.
- Dans la collection, crée des champs personnalisés pour ton contenu.
- Dans Notion, crée une base de données pour ton contenu et utilise les mêmes champs que dans ta collection Webflow.
- Utilise Make pour mettre en place une automatisation qui se déclenche chaque fois que tu publies une nouvelle page dans ta base de données Notion.
- Utilise Make pour créer un nouvel élément CMS dans ta collection Webflow et remplis les champs personnalisés avec les données de ta base de données Notion.
Marvin recommande d'utiliser Make pour automatiser le processus car il permet de gagner du temps et peut se connecter à presque tous les logiciels.
"C'est l'outil que j'ai choisi d'utiliser, et je vais te montrer comment j'ai réellement construit l'automatisation". - Marvin Aziz
Structure de la notion
Marvin recommande de structurer ton contenu et tes données dans Notion pour automatiser ton flux de travail. Il utilise une base de données de calendrier de contenu avec des champs personnalisés pour le corps du blog, le slug, le texte Twitter, et plus encore. Il dispose également d'un champ pour le statut, qu'il utilise comme déclencheur pour son automatisation.
Faire la mise en place
Marvin utilise Make pour surveiller les changements dans sa base de données Notion et déclencher l'automatisation du téléchargement du contenu dans Webflow. Il filtre la base de données pour n'afficher que les pages publiées et utilise un routeur pour différencier les éléments nouveaux et existants du CMS dans Webflow.
Solution de rechange pour les liens vidéo
Marvin a rencontré un problème avec l'insertion automatique de liens vidéo de YouTube dans son CMS Webflow. La solution a consisté à utiliser un code de contournement avec JavaScript. Il inclut le code dans sa page Notion et encourage les internautes à l'utiliser également.
Lien vers l'extrait : https://bit.ly/3tUSewF
Idées d'automatisation pour l'avenir
Marvin a prévu d'étendre son automatisation avec Make pour inclure le tweet et l'envoi de courriels aux abonnés. Il encourage les spectateurs à explorer les possibilités infinies qu'offre l'utilisation de Make pour automatiser les processus.
Si tu as aimé cette vidéo, consulte Web to the Flow pour d'autres tutoriels sur le développement du flux de travail.
Bio du créateur
Marvin est un développeur indépendant qui aime partager ses connaissances sur le développement de flux de travail sur sa chaîne YouTube, Web to the Flow. Il est passionné par l'automatisation et l'utilisation d'outils comme Make pour rationaliser les processus.
Ressources
- Faire - Un outil d'automatisation pour se connecter à presque tous les logiciels
- Extrait de code - L'extrait de code mentionné dans la vidéo (téléchargement gratuit)
- Automatiser la facturation avec Make
.jpg)
.jpg)
.jpg)