CMS Video + YouTube API
The videos play automatically in autoplay (except for the first one when the page loads) one after the other. When a video is finished, the associated button is checked. Each video has a specific URL thanks to a "video" parameter in the URL. The content associated with each video is displayed as it plays.
Important : only work online !
Video Description 1
Dans cette première vidéo de notre formation Figma to Webflow en 5 épisodes, apprenez à utiliser les autolayouts dans Figma pour créer des maquettes flexibles et adaptables.
Une formation gratuite pour apprendre à migrer une maquette Figma vers Webflow disponible sur la Digidop Académie.
Dans ce premier épisode de la formation, nous faisons un focus sur la fonctionnalité d'autolayout dans Figma, comment elle fonctionne et pourquoi elle est essentielle pour la création de maquettes convertibles vers Webflow.
Nous vous montrerons comment utiliser les autolayouts à plusieurs échelles, pour ensuite créer des éléments de design flexibles et réactifs qui peuvent être redimensionnés en fonction des besoins de votre projet.
A la fin de ce cours vous serez en mesure de créer des maquettes Figma entièrement composées d'autolayout, pour une conversion réussie vers Webflow.
Ne manquez pas cette première étape importante pour pouvoir migrer vos maquettes Figma vers Webflow, regardez dès maintenant notre première vidéo sur les autolayouts !
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop
Video Description 2
Dans cette seconde vidéo de notre formation Figma to Webflow en 5 épisodes, nous vous présentons le plugin Figma to Webflow et vous montrons comment créer une maquette avec les templates de layout et de structure.
Grâce à ces templates, vous pourrez accélérer votre processus de design et créer des maquettes optimisées pour la migration vers Webflow. Les éléments de design préconçus vous permettent en effet de créer rapidement des structures complexes, sans avoir à les concevoir de zéro.
Cela vous fera gagner un temps précieux et rendra votre processus de design plus efficace.Les modèles de layout pré-faits vous permettent également de mieux gérer les éléments HTML dans Webflow.
Grâce à l'utilisation des autolayouts préconçus par le plugin, vous pourrez structurer votre maquette Figma de manière à ce qu'elle soit facilement reconnaissable dans Webflow, et ainsi faciliter la migration de votre maquette vers votre site Webflow.
A la fin de cette formation, vous serez en mesure de créer rapidement et efficacement des maquettes Figma convertibles vers Webflow. Regardez dès maintenant notre deuxième vidéo sur le plugin Figma to Webflow pour en savoir plus !
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop
Video Description 3
Dans cette troisième vidéo de notre formation Figma to Webflow en 5 épisodes, nous vous présentons la fonctionnalité de resizing dans Figma.
Cette fonctionnalité est essentielle pour gérer le responsive des éléments dans votre maquette et faciliter leur migration vers Webflow. Nous vous montrons comment utiliser cette fonctionnalité pour ajuster les dimensions et les proportions des éléments de votre design en fonction des différents breakpoints de votre projet. Vous découvrirez également comment rendre votre maquette Figma responsive en appliquant les bonnes pratiques de design adaptatif.
Nous verrons à quoi servent les trois options de resizing Figma et comment les utiliser :
- Fixed Width : pour préserver la taille d'un élément sur tous types de supports
- Hug Contents : pour adapter la taille d'un élément au contenu qu'il contient
- Fill container : pour adapter la taille d'un élément au container dans lequel il est intégré
Suivez notre formation Figma to Webflow pour tout savoir sur la création de maquettes web professionnelles avec Figma et leur migration vers Webflow.
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop
Video Description 4
Dans cette quatrième vidéo de notre formation Figma to Webflow en 5 épisodes, nous vous montrons comment migrer une maquette Figma entière vers Webflow grâce au plugin Figma to Webflow.
Nous passons en revue les différentes étapes de ce processus de migration, en mettant en évidence les points à surveiller pour une migration réussie. Nous abordons également les différents problèmes que vous pourriez rencontrer lors de la migration, ainsi que les moyens de les résoudre.
En suivant cette formation, vous serez en mesure de migrer votre maquette Figma vers Webflow de manière rapide et efficace, tout en évitant les erreurs courantes.
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop
Video Description 5
Dans cette dernière vidéo de notre formation Figma to Webflow en 5 épisodes, découvrez comment créer une maquette Figma en suivant la méthodologie de développement Client-First de Finsweet.
Cette approche optimise la gestion des classes CSS dans Webflow pour une hiérarchie claire et organisée. Nous utilisons les modèles de layout du Kit Client-First et le plugin Relume pour vous aider à créer des maquettes Figma avec une nomination compréhensible des classes CSS. Cette méthodologie vous permet de transformer facilement votre maquette en site Webflow avec une structure de code optimisée.
Réussissez votre migration vers Webflow en gardant une hiérarchie de classe claire et précise grâce à cette formation !
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop
Video Description 6
4 épisodes pour apprendre à transformer facilement son site Webflow en site multilingue, sans savoir coder.
Bienvenue dans le premier épisode de notre mini-série gratuite en 4 parties, où nous vous apprendrons à transformer votre site Webflow en un site multilingue en utilisant Weglot, l'outil français de traduction no-code.
Dans cet épisode, découvrez une présentation de Weglot, pourquoi nous avons décidé d'intégrer cet outil de traduction sur notre site Webflow multilingue, et comment il peut vous aider à étendre la portée de votre site web et toucher un public international.
Pour ne rien rater de la mini-série n'oubliez pas de vous abonner à la chaîne !
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop
Video Description 7
Dans ce second épisode de notre mini-série gratuite - Apprendre à traduire son site Webflow avec Weglot - vous apprendrez à :
- Créer votre compte Weglot : suivez notre guide pas à pas pour faciliter votre expérience d'inscription à Weglot
- Sélectionner les langues et le choix du plan tarifaire adapté à vos besoins.
Bienvenue dans le premier épisode de notre mini-série gratuite en 4 parties, où nous vous apprendrons à transformer votre site Webflow en un site multilingue en utilisant Weglot, l'outil français de traduction no-code.
En bonus, découvrez comment intégrer Weglot avec JavaScript pour travailler sur un domaine en pré-production (webflow.io par exemple) et effectuer des tests sans risque.
Pour ne pas rater la diffusion d'un nouvel épisode, assurez-vous de vous abonner à notre chaîne YouTube ! 🎓
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop
Video Description 8
Dans cet épisode, apprenez à intégrer Weglot (DNS) à votre site Webflow pour optimiser le SEO de votre site web. Mais pas que, découvrez aussi comment utiliser le Weglot UI Kit de sélection de langue de Finsweet, et bien plus encore.
Plongez dans le troisième épisode de notre mini-série dédiée à la traduction de sites web et apprenez à utiliser l'intégration DNS de Weglot sur votre site Webflow.
Nous débutons ce guide en vous montrant comment configurer les DNS de votre site avec Weglot pour activer la fonction de traduction optimisée pour le SEO en utilisant des sous-dossiers. Nous vous présenterons les options de sous-domaine et de sous-dossier afin de vous aider à choisir la solution la plus adaptée à vos besoins.
Ensuite, nous passerons en revue les étapes de configuration et de personnalisation du widget de sélection de langue Weglot pour votre site Webflow. Vous découvrirez comment faire correspondre le widget au design UI de votre site grâce à l'outil gratuit cloneable de Finsweet.
Pour terminer, nous vous expliquerons comment exclure certaines parties de votre site, comme un div block ou un texte spécifique, de la traduction. De plus, nous vous montrerons comment rendre invisible le widget par défaut de Weglot en ajoutant le code CSS personnalisé suivant :
👉 .weglot-container { display:none; }
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop
Video Description 9
Découvrez comment exploiter au maximum le potentiel de votre site Webflow multilingue avec ces 8 fonctionnalités exceptionnelles! Plongez avec nous dans ce dernier épisode, où nous levons le voile sur la gestion et l'optimisation efficaces de vos traductions via le tableau de bord Weglot.
Dans cette vidéo tutorielle en français, nous explorons 8 fonctionnalités incontournables pour optimiser la gestion des traductions de votre site Webflow avec Weglot. Nous allons:
- Parcourir le processus d'édition et de raffinement des traductions automatiques,
- Examiner comment collaborer en équipe pour une traduction harmonieuse,
- Montrer comment suivre vos performances à l'aide d'indicateurs clés
Et souvenez-vous, pour plus de conseils et astuces sur Webflow et le webdesign, abonnez-vous à la Digidop Académie! 😉
Contact
Contact Digidop : https://www.digidop.fr/contact
Instagram : https://www.instagram.com/digidop.fr/
TikTok : https://www.tiktok.com/@digidop.fr
LinkedIn : https://www.linkedin.com/company/digidop