# Site web Cabinet ASSAF : Transfert de connaissances :::info Objectifs de ce meeting: - Présenter les dernières modifications et dernières formalités administratives - Rappel: Comment utiliser le mode éditeur ? ::: ## 1. Derniers ajustements ✅ Nouveau nom de domaine: cabinetvanoost.be (et facture correspondante) ✅ Contenu: informations sur les membres de l'équipe ✅ Ajustements design (version mobile) ✅ Configuration SEO: Paramètres Webflow ✅ Configuration SEO: Google Business et guide à compléter ![](https://i.imgur.com/7tQT8NA.png) Pour modifier un profil Google Business, cliquer sur "Vous êtes le propriétaire de cet ..." ## 2. Tâches restantes ❌ Guillaume: envoyer une dernière facture (4h) ❌ Domaine: Modifier informations bancaires easyhost.be (carte crédit, 17eur/an) ❌ Contenu (de votre côté) - Courte description: MG, Psy, Kiné - Photos des membres de l'équipe ## 3. Gestion du site web: présentation ### A. Webflow: Mode "Editeur" :::warning **NB.** Il est recommandé d'utiliser le navigateur Google Chrome afin d'utiliser le mode éditeur. Récemment, des problèmes ont été signalés à l'utilisation de Safari. ::: C'est le mode que vous allez utiliser la plupart du temps ! Afin de rajouter ou de modifier facilement du contenu (e.g. texte, image, publication), ou de consulter les messages reçus (dans l'onglet "Forms"), je vous ai rajoutés en tant qu'*éditeurs* du projet Webflow. A cet effet, vous devriez avoir reçu sur vos adresses mail respectives une invitation à collaborer. ![](https://i.imgur.com/iGZjEwy.png) sur - dalia.assaf1901@gmail.com - alessandra1gottardi@gmail.com Pour vous y connecter, il suffit de naviguer sur le lien **cabinet-assaf.webflow.io/?edit** ou **https://www.cabinetvanoost.be/?edit** et d'entrer vos identifiants (que vous allez créer à la première connexion) dans la bannière apparaissant en bas de page. ![](https://i.imgur.com/ZaAZdCf.png) :::warning **NB.** Il est recommandé d'utiliser le navigateur Google Chrome afin d'utiliser le mode éditeur. Récemment, des problèmes ont été signalés à l'utilisation de Safari. ::: Entre autres, l'interface vous permet en cliquant sur "*Collections*", puis "Doctors", de facilement changer les informations sur un membre de l'équipe. ![](https://i.imgur.com/7lHpWYR.png) Par ailleurs, pour modifier une image ou un segment de texte en particulier, il vous suffit de voyager sur la page du site concernée et de: - Soit ajouter *?edit* à la fin de l'URL - Soit, si vous êtes déjà dans le mode éditeur, cliquer sur "Back to live site" suivi du bouton "Edit site" en bas à droite de la page à modifier. Enfin, il suffit généralement de double cliquer sur la zone à modifier et de confirmer la modification en cliquant sur "Publish" en bas à droite :-) #### A1. Exemples du mode Editeur - Live: *Modifier la Photo d'Equipe* - Live: *Modifier la Page d'Accueil* - Live: *Modifier la Page Numéros Utiles* - Live: *Ajouter un membre à la Page Equipe* #### A2. Ressources A toute fin utile, je vous joins également les deux ressources ci-dessous pour plus de détails: * Une vidéo d'introduction de l'outil: https://www.youtube.com/watch?v=t7moqInkxo4&feature=emb_logo * Une introduction (textuelle) plus détaillée: * https://university.webflow.com/lesson/intro-to-the-editor ### B. Webflow: Forms/Contact Il y a 2 manières d'avoir accès aux messages laissés par les visiteurs du site web: - Soit directement dans le mode Editeur, en cliquant sur "Forms" ![](https://i.imgur.com/XnXUrGV.png) - Soit en allant vérifier votre courrier, sur l'adresse mail de redirection secretariat@cabinetassaf.be ![](https://i.imgur.com/S1KSX6b.png) <!-- ## 6. Adresse mail professionnelle: One - Pour se connecter à l'interface Webmail en ligne, visiter simplement https://mail.one.com/ <img src="https://i.imgur.com/zauPRwE.png" width=500 style="border:1px solid black;margin:1em;"> et rentrer les identifiants habituels - Il est également possible de synchroniser la messagerie sur iOS ou Mac en suivant quelques étapes, dépendamment du logiciel utilisé. Toutes les informations sont reprises sur cette page: [ : Configuration des programmes de messagerie](https://help.one.com/hc/fr/sections/115001513365-Configuration-des-programmes-de-messagerie) - Par exemple, pour synchroniser la messagerie avec iOS: https://help.one.com/hc/en-us/articles/115005586709 ## 5. Podcasts via Podbeam (En live: okay) - Se connecter: https://www.podbean.com/login (identifiants habituels) - Pour intégrer un podcast dans un article: 1. Cliquer sur "Share & Embed" ![](https://i.imgur.com/APFU9Qf.png) 2. "Copy" le code à intégrer ![](https://i.imgur.com/Ef5CJGZ.png) 3. Colle le code en question, dans le blog post en question, en sélectionnant l'icône "balises" ![](https://i.imgur.com/j7o0X3j.png) ![](https://i.imgur.com/02qiT9H.png) ## 6. Gestion des rendez-vous: Calendly (En live: okay) - Se connecter: https://calendly.com/login (identifiants habituels) --> ### C. Webflow: Mode "Designer" C'est le mode qui permet d'avoir accès à l'interface complète de Webflow. Elle permet de gérer le HTML et le CSS de manière granulaire: design, interactions, code customisé, plug in. Vous n'en aurez **à priori pas besoin**, sauf si vous désirez, p.ex., rajouter l'un ou l'autre bouton :-) Pour avoir accès au compte “Administrateur” ou “Designer” du projet Webflow, voici les identifiants à rentrer sur https://webflow.com/dashboard/login: > Email: cabinetassaf@protonmail.com > Password: ******* ### D. Webflow: help ? Si vous avez la moindre question vis-à-vis de Webflow, notez que vous bénéficiez d'un accès gratuit à la documentation et la communauté Webflow (Forum) ici : https://forum.webflow.com/ :-) ### E. Récapitulatif: Identifiants de comptes :::danger <!-- $$$=@ASSAF2022! --> ::: | | Compte | Login | Password | Remarques | | --- | ------------------------------------ | ----------------------------------------------------------- | -------------------------------------- | ------------------------------------------------------ | | https://www.cabinetvanoost.be/?edit | Webflow (Editeur) | alessandra1gottardi@gmail.com et dalia.assaf1901@gmail.com et cabinetassaf@protonmail.com | *Défini lors de la première connexion* | Permet de modifier le contenu: texte, images, podcasts | | https://webflow.com/design/cabinet-assaf | Webflow (Admin/Designer) | cabinetassaf@protonmail.com | $$$ | Permet de modifier le design avancé des pages, et la facturation Webflow | | | https://www.easyhost.be/fr/ | Hébergement & Domaine | cabinetassaf@protonmail.com | $$$ | Permet de gérer la configuration de la messagerie, le nom de domaine (paramètres DNS), et la facturation XXX | | https://mail.protonmail.com/u/8/inbox | Protonmail (Billing) | cabinetassaf@protonmail.com | $$$ | Compte mail utilisé pour gérer tous les comptes liés au site web. C'est là qu'apparaissent toute la "paperasse" de Webflow et Easyhost. | ### E. Autres Ressources Afin de maintenir un bon score "d'éco-conception", je vous invite, avant de rajouter un fichier, à le compresser: - Compression images: https://compressor.io/ - Compression PDF: https://smallpdf.com/compress-pdf :-) ## 4. Facturation :::warning A modifier en live ::: #### ✅ A. Webflow: Màj du paiement mensuel automatique <!--1. Dans ["Plans & Billing"](https://webflow.com/dashboard/sites/cabinet-assaf/billing?sp=project%20manage%20tab), mettre à jour la carte active. 2. Opter pour le plan CMS annuel pour économiser. - Webflow, le système de gestion de contenu, coûte 192 USD par an. Le prochain paiement (automatique) aura lieu le xxx :::info Notez qu'avant le 7 mai (j'ai effectué le premier versement mensuel) il faudra encoder votre moyen de paiement VISA et souscrire à un abonnement annuel.--> #### ❌ B. Easyhost ## 5. FAQ post-entretien ?