FORMATION WEBFLOW : créer une landing page de niveau 1 (tuto en français)

Поделиться
HTML-код
  • Опубликовано: 18 окт 2024

Комментарии • 92

  • @juliennekita7128
    @juliennekita7128 Год назад +2

    Merci Aurélien pour ce superbe tuto !! Je te suis depuis quelques semaines maintenant. J'étais quasiment parfaite débutante sur webflow. Je bidouillais plus qu'autre chose, mais grâce à tes vidéos et ta pédagogie, je suis de plus en plus à l'aise. Longue vie à Funnellab 🤩

    • @funnellab
      @funnellab  Год назад +1

      Salut Julienne ! Merci beaucoup pour ton retour, on espère te voir passer pro dans les semaines à venir dans ce cas 💪🚀

  • @BobLeymar972
    @BobLeymar972 Год назад +20

    Niveau 1 pour ceux qui sont déjà un peu initié, je vois que vous utilisez des raccourcis clavier du coup on ne sait pas ou cliquer, il faut bidouiller pour deviner et vite larguer

    • @funnellab
      @funnellab  Год назад

      Il y a une initiation à Webflow dans la FunnelLab No-code Université que tu peux retrouver dans la description, ça te permettrait d'avoir les bases de l'outil 😉

    • @sylvainfx
      @sylvainfx Год назад +1

      Pareil, tu expliques certaines choses mais pas d'autres. Du coup pour un niveau 1 on peut pas suivre :( Pourquoi ne pas indiquer les raccourcis clavier ou au moins les dire à l'oral ?
      Car impossible de savoir ce qu'il se passe à 4:50. Et c'est bien gentil de renvoyer vers une autre vidéo (introuvable) au lieu de répondre simplement à la question que 10 personnes se pose. Votre but est il d'aider ou pas ?

    • @huguesdevanssay7093
      @huguesdevanssay7093 9 месяцев назад +4

      commande + e

  • @Rosie_Morville
    @Rosie_Morville Год назад +1

    C’est incroyable le dynamisme de cette vidéo. A aucun moment je ne me suis lassé. Merci 🎉😊

  • @JBTassbre
    @JBTassbre 10 месяцев назад +1

    Bonjour, Je fais exactement pareil que vous, cependant, je n'ai pas l'appercu des cases de divisions en pointillé comme vous. Comment faire pour parametrer cela ?

    • @funnellab
      @funnellab  10 месяцев назад

      Bonjour, je t'invite à rejoindre notre Discord pour pouvoir partager le lien de ton projet afin que nous puissions voir pourquoi tu n'as pas le même rendu que nous, ça sera plus facile pour t'aider. Voici le lien : discord.gg/8Vp7hAfwMV

  • @charlesassi6215
    @charlesassi6215 13 дней назад

    Merci beaucoup ta vidéo, pourquoi n'as tu pas utilisé la section et le contenair, mes seulement les block

  • @tragile9108
    @tragile9108 Год назад +1

    Incroyable la vidéo ! Merci

  • @colinelefloch8148
    @colinelefloch8148 2 года назад

    Merci beaucoup pour ta vidéo, son contenu est de qualité ! J'ai pu réaliser mon prototype avec succès et ça sans aucune difficulté. 🙌

    • @funnellab
      @funnellab  2 года назад

      Merci à toi ! Content qu'on est pu t'aider sur Webflow ! 🤩

  • @alexhp35
    @alexhp35 6 месяцев назад

    Très bon tuto :) Ca permet de pratiquer direct avec un exemple. Par contre deux choses qui dérange pas mal : aller moins vite car je dois revenir en arrière souvent pour voir le moindre changement que tu fais. Et aussi fermer la fenêtre avec ta tête (ou en tout cas la diminuer fortement) car ca cache 1/3 de la fenêtre a droite.
    Merci !!

    • @funnellab
      @funnellab  5 месяцев назад

      Yes, c'est noté Alex je sais pas si tu as l'occasion de voir nos autres tutos ? Sinon on a une chaîne dédiée : "Coriace Webflow" tu tapes et tu en trouveras plein ! 😉

  • @osirizyahgallery3470
    @osirizyahgallery3470 Год назад

    Bonjour merci beaucoup pour ce tutoriel, vous expliquez vraiment bien. La première fois que j'ai pris en main webflow mes cheveux se sont dréssés sur ma tête tellement je n'y comprenais rien!

    • @funnellab
      @funnellab  Год назад

      Merci pour ton retour ! On y a tous laissé des cheveux au début ne t'en fais pas 😅

  • @chouch3541
    @chouch3541 Год назад +6

    À plusieurs endroits de la vidéo tu fais ton petit truc mais tu n’explique pas comment le reproduire. Par exemple comment fais-tu pour faire 3 liens différents dans le menu de la nav_bar ???

    • @funnellab
      @funnellab  Год назад

      Hello ! Merci pour ton retour 🤝 Yes on a corrigé ça depuis, tu peux le voir dans nos tutos sur Coriace 💪 (premier lien dans la description) Pour faire 3 liens différents tu peux en crées un puis faire copier coller avec Ctrl + c - Ctrl + V 😉

    • @huguesdevanssay7093
      @huguesdevanssay7093 9 месяцев назад

      essaye commande + E

  • @lejohnny9126
    @lejohnny9126 Год назад

    Merci beaucoup pour votre tuto.

  • @LaDemoiselleBug
    @LaDemoiselleBug 11 месяцев назад

    Bonsoir, merci pour ce tutoriel ! Je suis novice avec WebFlow, et le code tout court d'ailleurs ^^'. Dès le début, je rencontre un petit souci : lorsque j'intègre la pour créer la , au moment où je la renomme elle prend 100% de la page, que ce soit en longueur ou largeur, et ce, même si j'indique le "100vw". Tous mes blocs se retrouvent à prendre 100% de la hauteur, bien que je ne l'ai pas mentionné. Pourtant, j'ai fait exactement comme vous ^^'. Savez-vous d'où pourrait venir le problème, et ce que je dois faire ?

    • @funnellab
      @funnellab  11 месяцев назад +1

      Hello ! En effet c'est fort étrange. Il doit y avoir une propriété sur un élément parent qui doit étirer tes éléments. Peut-être une propriété Flexbox en "strech". N'hésite pas à revoir le canal Discord, la communauté pourra t'aider et tu pourras partager ton projet 😉 Voici le lien : discord.gg/FaAkX8x8pE

  • @Grapfy
    @Grapfy 2 года назад

    Mdrr ! "Ceci n'est pas une pub Wix !", au top ! 🤣 Vive Webflow ! Très bon choix !

    • @funnellab
      @funnellab  2 года назад

      Entre Wix et Webflow, il est certain que le choix est vite fait ! 🙌

    • @Grapfy
      @Grapfy 2 года назад +1

      @@funnellab Wix poubelle ! 😂 Vive Webflow et Figma !

  • @lehaprochwiez8819
    @lehaprochwiez8819 Год назад +1

    Super vidéo mais j’ai pas compris le raccourci pour avoir la barre de recherche qui apparaît ?

    • @funnellab
      @funnellab  Год назад +1

      Hello Leha ! Tu fais "ctlr + E/K" ou "cmd + E/K" pour y avoir accès 😉

    • @alpha_air_hunter
      @alpha_air_hunter Год назад

      merci d'avoir posé la question tu gères

  • @nicolasmolines9871
    @nicolasmolines9871 Год назад

    Petite question … je ne suis pas un pro 😅 … à quoi peut bien servir figma … je sais que c’est pour faire des maquettes , mais pourquoi ne pas utiliser direct webflow ?

    • @funnellab
      @funnellab  Год назад +1

      Bonne question ! Figma te permet d'itérer très rapidement tes idées alors que si tu devais faire ce travail là sur Webflow, tu perdrais un temps précieux 😉 Mais rien de tel que la pratique pour s'y confronter et voir la réelle utilité de l'outil, on ne peut que te le conseiller 🙂

  • @Rebeufatigue
    @Rebeufatigue 2 года назад +2

    C'est quoi la touche raccourcis pour ouvrir la barre de recherche de webflow j'arrive pas à la trouver

    • @funnellab
      @funnellab  2 года назад +2

      Hello ! Tu fais "ctrl + K" ou "cmd + K"

    • @Rebeufatigue
      @Rebeufatigue 2 года назад

      @@funnellab Merci beaucoup !

  • @fannelfozonne
    @fannelfozonne Год назад

    Bonjour. Je n'ai même pas encore terminé la vidéo que tu as déjà gagné un abonné et un like supplémentaires. Merci beaucoup ! Tes tutoriels m'aideront assurément. Je voudrais savoir, s'il te plaît, pourquoi est-il déconseillé de mettre un H1 en gras comme tu l'as fait dans le tuto.

    • @funnellab
      @funnellab  Год назад +2

      Hello ! Merci pour ton soutien Fannel ! 🙏 En ce qui concerne le gras sur un titre H1 ce n'est pas nécessaire étant donné que le gras "Bold" indique aux moteurs de recherche qu'un élément est important dans la page. Or le H1 se suffit à lui-même étant donné qu'il indique que c'est le titre le plus important de la page donc pas besoin d'y appliquer en plus du "Bold" ce qui pourrait laisser penser à de la sur-optimisation SEO. Attention à ne pas confondre avec l"épaisseur de la graisse "Weight" qui est différent. Tu peux appliquer n'importe quel "Weight" sur ton H1 😉 J'espère avoir répondu à ta question

    • @fannelfozonne
      @fannelfozonne Год назад

      ​@@funnellab Merci beaucoup. C'est parfaitement clair à présent. Je suis dans la création d'une landing page sur Webflow actuellement. Mais, je débute tout juste. J'ai vu que je pouvais solliciter votre avis sur Discord. J'essaierai de le faire dès que j'aurai quelque chose de potable, comme résultat. Thanks.

  • @brunorigaill421
    @brunorigaill421 7 месяцев назад

    Vraiment bien. Et surtout pourquoi si peu d'abonnés.A croire que vraiment les êtres humain préfèrent la société des loisirs; Mais bon, c'est tant mieux pour nous .

    • @funnellab
      @funnellab  5 месяцев назад

      Merci pour ton soutien Bruno ! 🦾

  • @dcommedesign9970
    @dcommedesign9970 Год назад

    Bonjour, J 'ai une petite question.. Comment fais tu apparaitre la fenêtre pour changer ton texte à 7.14 sachant que tu n'es pas en mode éditeur???

    • @funnellab
      @funnellab  Год назад

      Hello ! Je place un texte dans un lien et je double clique dessus pour le modifier 🙂 Cela fonctionne aussi bien en mode "Designer" qu'en mode "Editeur"

  • @ggousier
    @ggousier Год назад +1

    Même si c'est du no code, c'est certainement l'outil qui se rapproche le plus du vrai code. Moi qui déteste le CSS, ça me donne bien envie d'essayer 🤣. Me tarde de voir comment est généré le JS. je m'abonne ! Par contre Webflow est il payant ou gratuit ?

    • @funnellab
      @funnellab  Год назад

      Oui on peut appeler ça du "Low code" plutôt en ce qui concerne Webflow. Merci pour ton soutien 😉 ! Tu as une version gratuite qui te permet de faire tes premiers pas sur l'outil puis ensuite il y a des abonnements plus ou moins élevés en fonction de ce que tu souhaites faire, site vitrine, blog ou e-commerce 🙌

  • @emperorgoldman3278
    @emperorgoldman3278 Год назад

    En vrai ... merci. Je galère beaucoup trop avec webflow ahah.

  • @maxencelacoste2534
    @maxencelacoste2534 7 месяцев назад

    hey, après avoir fait les mêmes actions que toi, forcé de constaté que la navbar n'est pas dutout responsive

    • @funnellab
      @funnellab  5 месяцев назад

      Mince, n'hésite pas à nous retrouver dans notre Discord pour nous montrer ton projet, on t'aidera 😉

  • @emaeshka
    @emaeshka Год назад

    Bonjour. Pouvez-vous me dire comment faire un bouton de menu pour pouvoir afficher le menu sur le téléphone ? Comment créer une version personnalisée du burger pour le menu du téléphone ?
    Maintenant tout dans le téléphone sera compressé et le menu complet n'est pas nécessaire.
    Superbe tutoriel. Merci pour votre travail

    • @funnellab
      @funnellab  Год назад +1

      Salut ! 👋 Il faut utiliser le composant "Navigation" disponible dans Webflow. Ça te permet de transformer n'importe quel menu en menu burger sur les versions de ton choix. On aborde cela dans notre formation Webflow e-commerce qui sort prochainement, on va bientôt l'annoncer sur la chaîne 😀

  • @javpot1232
    @javpot1232 2 года назад +1

    j''aurais aimer avoir accès aux images😕 mais malheureusement vous n''avez pas mis de dossier dans la description contenant les différentes images utiliser dans la vidéos

    • @funnellab
      @funnellab  2 года назад +1

      J'aurais bien aimé mais ce sont des images sous copyright malheureusement 😏

  • @azrodde8653
    @azrodde8653 2 года назад

    Superbe vidéo ! Juste un petit soucis, quand on passe en "preview" les propositions ne sont plus les mêmes et les deux colonnes s'écarte, est-ce que ajouté un padding sur le body est judicieux ?

    • @funnellab
      @funnellab  2 года назад +2

      Hello ! On te remercie 😉 Si tu veux que ton contenu reste centré peu importe la version d'ordi et éviter justement le contenu qui s'écarte, tu peux utiliser un "Max-width". Ça te permettra de ne pas dépasser une certaine largeur d'écran et ta page restera harmonieuse

  • @theocaron8120
    @theocaron8120 2 года назад

    Merci pour la vidéo, c'est vraiment sympa ! Dans combien de temps nous pourrons avoir accès au formation ?

    • @funnellab
      @funnellab  5 месяцев назад

      Elles sont toutes en ligne ! (On avait pas vu ton commentaire sorry 🥲)

  • @carolinemafigue
    @carolinemafigue Год назад

    Hello je fais l'exercice en même temps, je suis à la création du BTN avec l'icône, mais moi l'image ce met en dehors du link Block alors que dans le panel groupe je le vois bien à l'intérieur :/ Pouvez-vous m'aider ?

    • @funnellab
      @funnellab  Год назад +1

      Salut Caroline ! Est-ce que tu utilises bien un élément "Link block" et pas "button" pour créer ton bouton ? 🤔 Sinon il se peut que ça soit un bug d'affichage mais c'est étrange

    • @carolinemafigue
      @carolinemafigue Год назад

      @@funnellab oui je suis bien sur un Link Block pourtant :/

    • @carolinemafigue
      @carolinemafigue Год назад

      C'était bien un bug : "dans le doute reboot" j'ai donc supprimé l'élément et je l'ai refait :)

    • @funnellab
      @funnellab  Год назад

      Top ! 🙌

  • @gregory2156
    @gregory2156 2 года назад

    Hello Merci bcp pour cette vidéo, j'ai juste un pb savez vous pq lorsque je duplique le button "j'ai déja un compte" comme expliquer à la 9eme minute, le deuxième button grossit en largeur car le "un compte passe à la ligne et je ne sais pas pq :(
    Merci d'avance

    • @funnellab
      @funnellab  2 года назад

      Salut Grégory ! Est-ce que tu peux nous envoyer le lien en lecture seule de ton projet Webflow à l'adresse "contact@funnellab.fr" ? On va jeter un oeil 😉

    • @gregory2156
      @gregory2156 2 года назад

      @@funnellab Bonjour ! J'ai reussi finalement ! jJ'avais du faire une mauvaise manip, merci de votre réactivité 🙏

    • @funnellab
      @funnellab  2 года назад

      @@gregory2156 Avec plaisir ! N'hésite pas ;)

  • @bastienbachelard4039
    @bastienbachelard4039 Год назад +1

    Pourquoi tu n'utilise pas un thème gratuit que tu modifie par la suite ?

    • @funnellab
      @funnellab  Год назад +3

      Webflow permet d'avoir un contrôle total sur la construction de son site sinon autant rester sur Wordpress ou Shopify

  • @Tobi__sb
    @Tobi__sb 2 года назад

    Super tuto merci beaucoup ! tu devrais avoir plus de vue

    • @Tobi__sb
      @Tobi__sb 2 года назад

      Esseye de penser à préciser les raccourcir

    • @funnellab
      @funnellab  2 года назад

      Merci à toi pour le soutien ! 😉

    • @funnellab
      @funnellab  2 года назад

      J'essaye toujours de faire au plus court mais sur un outil si complexe, la tâche s'avère compliquée. Mais je prends note ! 🙌

  • @ultra19.shorts
    @ultra19.shorts Год назад

    Hello ! J'aimerais savoir comment tu "copie-colle" le texte comme ca 7:13 j'ai vraiment besoin d'aide ca me sauverait !

    • @funnellab
      @funnellab  Год назад

      Hello ! Si tu veux faire un copier-coller il te suffit de cliquer sur l'élément dans Webflow et de faire "Ctrl + C - Ctrl + V" sur PC ou "Cmd + C - Cmd + V" sur Mac 😀

    • @ultra19.shorts
      @ultra19.shorts Год назад

      @@funnellab hello effectivement ce que j'ai essayer plusieurs fois et j'ai enfin réussi merci !

  • @bylyone23
    @bylyone23 Год назад

    Et en responsive ça donne quoi étant donné que t'as pas utilisé la nav bar de Webflow ?

    • @funnellab
      @funnellab  Год назад

      Hello ! Il suffit de réadapter quelques positions de ton menu et de de paramétrer une animation au clic (ouverture - fermeture) sur celui-ci et le tour est joué 🪄

  • @nahimyounsi6057
    @nahimyounsi6057 Год назад

    Merci d'exister

  • @laurapandjatcharam
    @laurapandjatcharam 7 месяцев назад

    Génial! Merci beaucoup! Je débute sur Webflow et je me sens déjà plus à l'aise grâce à tes explications claires et dynamiques :)🔥🔥🔥

    • @funnellab
      @funnellab  7 месяцев назад

      Merci beaucoup Laura pour ton commentaire ! Hâte de voir tes progrès; hésite pas à venir nous les partager dans Discord 😉

  • @charlesassi6215
    @charlesassi6215 13 дней назад

    Perso Quand j'utilise le contenair pour moi c'est plus compliqué

  • @ledrummer1637
    @ledrummer1637 Год назад +1

    Sympa
    Mais trop de raccourci clavier.
    Vraiment galère pour suivre.
    Dommage

    • @funnellab
      @funnellab  Год назад

      Hello ! Merci pour ton retour 🤝 Yes on a corrigé ça depuis, tu peux le voir dans nos tutos Coriace 💪 (premier lien dans la description)

  • @maximeuros8005
    @maximeuros8005 6 месяцев назад

    c'est extrêmement frustrant comme tutoriel. Comme il est sensé s'adresser à un niveau débutant complet, de ce que j'ai compris, on sait pas quels raccourcis clavier tu utilise. Du coup personnellement je me retrouve à avoir enfin trouvé un tuto qui me parait être à mon niveau et qui pourrait me permettre de me débloquer dans la création de mon site, mais sans pouvoir suivre les étapes. Je suis complètement largué, vraiment il y a vraiment un bon potentiel, mais ne serait ce que citer les raccourcis clavier aurait rendu le truc parfait

    • @funnellab
      @funnellab  5 месяцев назад

      Mince, sorry d'apprendre ça. Sinon on a une chaîne dédiée aux débutants : "Coriace Webflow" tu tapes ça dans la barre RUclips et tu en trouveras plein ! 😉

  • @ekoflexofficial3903
    @ekoflexofficial3903 2 года назад

    Franchement t'as miniature elle est horrible. Horrible. je ne comprends pas pourquoi vous les youtubeurs vous avez besoin de faire la P... pour avoir des vues. Vous ne pouvez pas vous concentrer sur le contenu? Vous voulez absolument avoir une croissance exponentielle? Vous ne voulez pas créer de la confiance qui demande du temps certe mais, qui crée un réel lien entre vous et vos auditeurs? Je ne comprends pas ce délire. Je respecte autant et même plus une personne qui m'apporte de la valeur par son contenu même si cette personne n'a pas une superbe miniature, pas de vidéo d'introduction, filme en 720. Bah oui, on a le droit de commencer petit sur youtube, sans avoir le dernier matos, content is king.
    C'est pas juste contre toi, mais contre cette tendance générale bidon. On n’est pas des algorithmes.
    J'essaierai quand même de regarder ta video. Bonne journée

    • @funnellab
      @funnellab  2 года назад

      La « P… » te remercie pour ton commentaire constructif et te souhaite un bon visionnage. 😁

    • @moliereensmurfq7797
      @moliereensmurfq7797 2 года назад

      prend un thé, va méditer. Tu verras ca ira mieux .. t'es un peu sur les nerfs on dirait LUL

    • @theocaron8120
      @theocaron8120 2 года назад

      Ouais en attendant les gens sont content du contenu....donc bon l'argument tiens pas vraiment...

    • @bertrand3055
      @bertrand3055 Год назад

      Soucis cognitif ❓