---
# System prepended metadata

title: 'Site web Cabinet ASSAF : Transfert de connaissances'

---

# 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 ?


