a z

Di

e r n r Lyc ia

ut t i o
pa

é b o Le petit
N
D c découvrir les
guide pour
ve
a fonctionnalités
de Notion
Édition 2021 - (85 pages)
 Table des matières
Introduction 7
Pourquoi un guide Notion ? 8
À propos de l’auteure 9

1 - Qu’est-ce que Notion ? 10

1.1 – L’histoire de Notion 11
1.2 – Les atouts de Notion 12
1.3 – Les inconvénients 14

2 - Présentation de Notion en vidéo 15

2
3 - Débuter avec Notion 16
3.1 – Création de votre compte 16
3.2 – L’espace de travail Notion 18

4 - La notion de Page 20
4.1 – Créer une page 21
4.2 – Ajouter un émoji 22
4.3 – Ajouter une image de couverture 23
4.4 – Déplacer ou supprimer une page 24
4.5 – Créer des sous-pages 25

5 - La notion de Blocks 26
5.1 – Ajouter des blocks 27
5.2 – Convertir des blocks 28
5.3 – Supprimer un bloc 29
5.4 – Déplacer un block et créer des colonnes dans Notion 30

6 - Les blocks Notion 31

6.1 – Les blocks basics 32

Sommaire interactif : cliquez pour atteindre la page désirée

3
 6.2 – Les blocks inline 35
6.3 – Les blocks database 36
Table inline / Table Full Page 37
Board inline / Board Full Page 38
Gallery inline / Gallery Full Page 39
List inline / List Full Page 40
Calendar inline / Calendar Full Page 41
Timeline inline / Timeline Full Page 42
Linked Database 43
6.4 – Les blocks medias 44
6.5 – Les blocks embed 45
6.6 – Les blocks avanced 46

7 - Les autres fonctionnalités de Notion 47

7.1 – Les options supplémentaires 48
7.2 – La liste des modifications 49
7.3 – Partager vos pages Notions 50
7.4 – Utilisation de templates 51
Sommaire interactif : cliquez pour atteindre la page désirée
4
 7.5 – Importer des données dans Notion 52
7.6 – Réglages et gestion des membres 53

8 - Créer une template réutilisable 54

8.1 – Qu’est-ce qu’une Template ? 55
8.2 – Dans quel cas utiliser le block Template Button ? 56
8.3 – Créer une template Notion répétitive en 3 étapes 57
Étape 1 : créer le modèle de base 57
Étape 2 : créer la page du listing 59
Étape 3 : paramétrer le block Template Button 60
8.4 – Comment modifier un block Template Button ? 63
8.5 – Dupliquer une template Notion créée par un autre utilisateur 64
8.6 – Partager vos templates avec d’autres utilisateurs 65
8.7 – Créer une template Notion : explications en vidéo 66

9 - Créer un site web avec Notion 67

9.1 – Dans quel cas créer un site web avec Notion ? 68
9.2 – Créer les pages de votre site 69
9.3 – Publiez votre site web Notion avec Notelet 71
Sommaire interactif : cliquez pour atteindre la page désirée
5
 9.4 – Comment ajouter un formulaire de contact ? 74
9.5 – Optimiser un site web Notion pour le SEO et l’UX 76
9.6 – Les autres alternatives 79
9.7 – Créer un site avec Notion : tutoriel en vidéo 82

10 - Ressources pour Notion 83

Crédits 85

Sommaire interactif : cliquez pour atteindre la page désirée

6
 Introduction
Bienvenue sur «Débuter avec Notion ».

Ce guide est entre vos mains certainement parce que vous souhaitez découvrir l’application de
productivité Notion.

Vous souhaitez peut-être l’utiliser dans un contexte personnel ou professionnel, peu importe,
car dans ce mini-guide, je vous fait découvrir son interface... Ensuite, ce sera à vous de jouer et
de l’utiliser à bon escient !

Dans tous les cas, vous avez fait le bon choix en optant pour Notion car c’est un logiciel flexible
qui va vous être utile dans votre quotidien...

Dans un premier temps, vous n’avez clairement pas besoin de souscrire à la version payante !
Vous aurez le temps de réfléchir si celle-ci vous est utile...
7
 Pourquoi un guide Notion ?

Après avoir publié 4 guides PDF (WordPress, WooCommerce, Divi et Pinterest), j’avais envie de
proposer un nouveau guide qui serait utilisé par tout le monde ! Un guide pas uniquement
orienté pour les métiers du Web.

Si vous êtes freelance, ce guide vous servira (et pas qu’un peu), si vous êtes retraité, il vous
servira aussi ! Si vous êtes blogueur, c’est parfait ! Si vous êtes maman au foyer, il vous aidera à
planifier les repas des enfants ;-) Si vous êtes esthéticienne, orthophoniste, coach sportif, ce
guide vous servira aussi...

Bref, ce guide est destiné à toutes les personnes qui ont envie d’organiser leur quotidien...

8
Retour sommaire
 À propos de l’auteure
Je suis Lycia Diaz, auteure du livre « Je crée mon site
avec WordPress » aux éditions Eyrolles et auteure auto-
éditée de divers ebooks-formations.

Je suis formatrice et consultante WordPress - SEO - Divi,

je crée des sites pour des TPE et PME mais surtout, je suis
une grande optimiste qui partage ses astuces et son
expérience par le biais de mes blogs La Webeuse et
Astuces Divi.

Lorsque je le peux, je m’implique dans la communauté

WordPress :

▪ Rédactrice sur WPFormation depuis 2016

▪ Co-organisatrice du Meetup WordPress Marseille
▪ Co-organisatrice du WordCamp Marseille 2017
▪ Co-organisatrice du WordCamp Nice 2018
▪ Sponsor du WordCamp Marseille 2019
▪ Conférencière lors du WordCamp Paris 2019

9
Retour sommaire
 1 - Qu’est-ce que
Notion ?
Notion est une application de productivité collaborative, d’organisation et de prises de notes
qui offre un large panel de fonctionnalités telles que les rappels, les calendriers, les listes, les
mentions de collaborateurs, etc.

Notion peut être utilisée en toute circonstance : aussi bien dans sa vie professionnelle que
personnelle.

Si vous utilisez une application telle qu’Airtable, vous découvrirez que Notion a beaucoup de
similitudes avec cette dernière.

10
 1.1 – L’histoire de Notion
Vous vous en doutez, [Link] nous vient des États-Unis, de San Francisco pour être plus
précise. L’application a été créée en 2016 et fonctionnait initialement sur les ordinateurs de
bureau utilisant le système d’exploitation OS X (sur Mac, quoi).

Un an plus tard, en 2017, Notion devenait disponible pour les utilisateurs Windows et iOS (iPhone).

Et un an après, en 2018, la version 2.0 de Notion remporte le prix #1 de « produit du mois » sur
Product Hunt ! Une belle récompense qui lui permet de se faire connaitre à grande échelle.

11
Retour sommaire
 Peu de temps après, toujours en 2018, une version Android fait son apparition. Ce qui lui
permettra d’être téléchargée massivement et atteindre 1 million d’utilisateurs en septembre
2019.

Quelques mois plus tard, en avril 2020, Notion compte pas moins de 4 millions d’utilisateurs.

Wahou ! Elle quadruple ses utilisateurs en l’espace de 6 mois : ça laisse rêveur, n’est-ce pas ?

1.2 – Les atouts de Notion

Si Notion a réussi à accroitre ses utilisateurs aussi rapidement et de manière exponentielle,
c’est qu’il y a certainement de bonnes raisons :

Son premier atout est qu’il s’agit d’une App gratuite. Ou disons plutôt que c’est une App
Freemium puisqu’il existe des plans premiums si vous souhaitez débloquer quelques
fonctionnalités supplémentaires.

12
Retour sommaire
 13
Retour sommaire
 Mais Notion offre d’autres avantages :

◆ L’application se façonne à votre organisation, ce n’est pas vous qui devez vous adapter à sa
logique. Vous créez vous-même l’espace de travail dont vous avez besoin.
◆ Les fonctionnalités de collaboration permettent de travailler facilement à distance avec vos
clients ou vos collaborateurs.
◆ L’application est « multi-device » ce qui vous permet de l’emporter avec vous sur votre
smartphone, de travailler entre-deux sur votre tablette, ou plus sérieusement sur votre
ordinateur.
◆ Notion permet d’organiser votre vie perso et votre vie pro au sein d’un même tableau de
bord.

1.3 – Les inconvénients

Rien n’est jamais à 100% parfait... donc si je devais lister quelques défauts, je dirais :

◆ L’application est parfois lente : plusieurs secondes d’attente pour un chargement de page
ou pour un embed par exemple.
◆ L’application rencontre souvent des bugs, certainement liés à sa rapide ascension. Peut-
être que les développeurs n’avaient pas pensé que Notion serait utilisé si rapidement à
l’échelle mondiale et à un gros volume. Il suffit de suivre le compte Twitter officiel qui
répertorie les notifications lorsque l’application rencontre des soucis.
◆ Il manque encore certaines petites fonctionnalités qui seraient effectivement les
bienvenues...

14
Retour sommaire
 2 - Présentation de
Notion en vidéo
J’ai préparé une petite vidéo de présentation, je me suis dit que ce serait plus sympa pour
découvrir Notion :

[Link]

15
 3 - Débuter avec
Notion
Pour commencer à utiliser Notion, je vous propose en premier lieu de créer votre compte et de
faire le tour de son interface…

3.1 – Création de votre compte

Pour utiliser cette application, il vous suffit de vous rendre sur le site officiel de Notion (1). En
cliquant sur Sign Up (2), vous pourrez choisir comment créer votre compte : vous pourrez
utiliser une adresse e-mail ou bien connecter directement votre compte Google ou votre
compte Apple.

16
 1

17
Retour sommaire
 Voilà, c’est aussi simple que cela ! Vous recevrez certainement un e-mail de double opt-in.
Dans la foulée, n’oubliez pas de télécharger les versions tablettes et smartphone de Notion :

◆ Rendez-vous sur l’App Store pour l’installer sur iPad et iPhone.

◆ Ou sur le Google Play pour l’installer sur Android.

Notez que sur desktop (version ordinateur), l’accès à votre compte Notion pourra se faire en
ligne, via un navigateur (épinglez l’onglet dans vos favoris) ou bien en utilisant l’App de bureau
à télécharger ici.

3.2 – L’espace de travail Notion

Une fois votre compte créé, vous arrivez dans un espace de travail épuré avec quelques
contenus préexistants :

1. Si vous regardez bien, on se croirait presque dans le tableau de bord de WordPress avec
une barre latérale à gauche où vous trouvez vos contenus – et qui évolue en fonction de vos
besoins – et une barre de menu en haut de l’écran, qui offre quelques options
supplémentaires.
2. Si vous préférez, vous pouvez utiliser l’application en mode sombre (Dark Mode).

18
Retour sommaire
 1

Quelques pages (en anglais) sont déjà présentes dans votre espace de travail. Elles ont pour
but de vous donner quelques astuces pour utiliser l’application et pour vous montrer les
possibilités. N’hésitez pas à les consulter puis à les supprimer lorsque vous n’en aurez plus
besoin.

19
Retour sommaire
4 - La notion de Page
Dans Notion, tout est une question de Page ou de Block… Cela ne vous rappelle-t-il pas quelque
chose ? C’est comme dans WordPress (ou presque) !

Ce que vous devez comprendre : vous ajoutez des pages dans votre tableau de
bord puis vous ajoutez des blocks dans vos pages. C’est donc de cette manière que
vous créez et organisez vos contenus.

L’application est vraiment intuitive, mais voici quelques astuces pour débuter sereinement
avec Notion :

20
 4.1 – Créer une page
Pour créer une nouvelle page, deux options s’offrent à vous :

1. Dans l’angle inférieur gauche, vous pouvez cliquer sur + New Page puis sur Open as
Page (voir en vidéo).
2. Ou bien simplement en cliquant sur + Add a page en bas de la liste de vos pages (voir
en vidéo).

21
Retour sommaire
 4.2 – Ajouter un émoji
Ce qui est fun dans Notion, c’est l’utilisation des émojis. Ils vous permettent de facilement
repérer vos pages dans la liste latérale de gauche (voir en vidéo).

22
Retour sommaire
 4.3 – Ajouter une image de
couverture
Vous pouvez également égayer vos pages avec une bannière dans l’en-tête. Vous pouvez
choisir parmi quelques images proposées ou parmi un choix élargi en provenance d’Unsplash.
Il est également possible d’importer vos propres bannières. Dans ce cas, recadrez vos images
aux dimensions 1500px*350px.

(Voir la vidéo).

23
Retour sommaire
 4.4 – Déplacer ou supprimer une
page
Enfin, vous pouvez facilement déplacer l’ordre de vos pages par glisser-déposer ou même les
supprimer en cliquant sur les options supplémentaires (icône des 3 petits points).

(Voir la vidéo)

24
Retour sommaire
 4.5 – Créer des sous-pages
Il est également possible de créer des sous-pages et d’imbriquer plusieurs pages pour créer
une hiérarchie :

Pour cela, il suffit d’insérer un block Page au sein de votre mise en page. Vous pouvez ainsi créer
une liste de pages accessibles depuis une même page. Vous trouverez également la hiérarchie
de vos pages dans la barre latérale de gauche (voir la vidéo).

25
Retour sommaire
 5 - La notion de
Blocks
Les blocs vous permettent de créer le contenu de vos pages, tout comme nous le faisons au
sein de WordPress avec les Blocs de Gutenberg…

26
 5.1 – Ajouter des blocks
Cliquez sur l’icône « + » pour
ajouter un bloc au sein de la
page.

Choisissez quel type de block

parmi la liste déroulante.

Vous pouvez également ajouter

des blocks à l’aide du raccourci
« / » (slash).

Lorsque vous connaitrez le nom des blocks, vous saisirez plus rapidement vos contenus. Par
exemple, « /im » permet d’atteindre très rapidement le block image.

Pour info, cette fonctionnalité existe aussi au sein de Gutenberg, l’éditeur de WordPress !

Le raccourci « / » est un raccourci basique, il en existe des dizaines d’autres. Découvrez la liste
complète des raccourcis Notion ici.

27
Retour sommaire
 5.2 – Convertir des blocks
Vous pouvez convertir certains blocks en d’autres blocs si vous vous rendez compte que vous
vous êtes trompé.

Par exemple, vous pouvez convertir un Texte en Titre…

Cliquez simplement sur les options supplémentaires du block (icône des 6 petits points), puis
cliquez sur Turn Into et choisissez le nouveau type de block.
Là aussi, on voit que Notion est très similaire avec l’édition d’une page WordPress avec
Gutenberg, qui permet également de convertir un bloc en un autre (voir la vidéo).

28
Retour sommaire
 5.3 – Supprimer un bloc
Tout comme vous pouvez supprimer une page, vous pouvez également supprimer des blocks,
grâce aux options supplémentaires :

Cliquez sur l’icône des 6 petits points, à gauche du block, et sélectionnez Delete (voir la vidéo).

29
Retour sommaire
 5.4 – Déplacer un block et créer des
colonnes dans Notion
Il est également possible de déplacer les blocks par glisser-déposer et de créer des colonnes
en plaçant deux blocks côte à côte. Voir la vidéo explicative.

Notez que tout votre contenu créé dans Notion est responsive, il s’adapte à tous les écrans.

30
Retour sommaire
 6 - Les blocks Notion
Notion offre déjà un beau panel de blocs et vous avez l’embarras du choix pour construire vos
mises en page. Voici la liste complète :

31
 6.1 – Les blocks basics

32
Retour sommaire
 Les blocks basiques vous permettent de saisir du texte sous diverses formes :

◆ Text : c’est un block de saisie de texte, équivalent au block Paragraphe de WordPress. C’est
le format de block par défaut dans une page Notion.
◆ Page : ce block permet de créer des sous-pages, directement accessibles depuis la page
parente.

33
Retour sommaire
 ◆ To-do list : il s’agit d’une liste avec une case à cocher. C’est idéal pour gérer les tâches
du quotidien au sein de votre activité, et pourquoi pas créer votre liste de course !
◆ Heading 1 – 2 – 3 : Notion permet de gérer 3 niveaux de titre. Les niveaux 4 – 5 et 6 ne
sont pas disponibles.
◆ Bullet list : ce sont des listes à puces.
◆ Numered list : des listes numérotées.
◆ Toggle list : des listes de textes à développer.
◆ Quote : il s’agit d’un block de citation.
◆ Divider : permet de créer des séparations au sein de votre page.
◆ Link to page : permet de faire un lien vers une page existante au sein de votre espace de
travail Notion.
◆ Callout : il s’agit d’un block mis en évidence avec un fond coloré et un émoji. Une sorte
d’appel à l’action.

34
Retour sommaire
 6.2 – Les blocks inline
Les blocks inline permettent d’ajouter
certains contenus au sein d’un block
existant tel que le block texte par exemple.
Donc, au sein de votre texte, vous pouvez :

◆ Mentionner un collaborateur
◆ Mentionner (lier) une autre page
◆ Ajouter un rappel
◆ Ajouter un émoji au sein du texte
◆ Ajouter une équation mathématique.
Note : si vous travaillez sous OSX (Mac), vous
pouvez insérer des émojis n’importe où, sans
utiliser le block inline emoji. Le raccourci
[control + command + espace] ouvre le
clavier des émojis sur votre ordinateur, peu
importe l’application que vous utilisez !

35
Retour sommaire
 6.3 – Les blocks database
Les blocks database de Notion sont des blocks un peu plus complexes qui vont vous permettre
de créer divers types de bases de données. Chaque block est en fait une « vue » de vos données
qui s’affichent de manières différentes.

36
Retour sommaire
 Table inline / Table Full Page
Le block Table Inline permet de créer un tableau de base de données au sein de votre page
actuelle tandis que le block Table Full Page s’ouvre dans une page à part (une sous-page
de votre page actuelle).

37
Retour sommaire
 Board inline / Board Full Page
Le block Board inline permet de créer une base de données de type Kanban (à la Trello)
directement au sein de votre page. Le block Board Full Page se créera au sein d’une
nouvelle page.

38
Retour sommaire
 Gallery inline / Gallery Full Page
De même, vous pouvez afficher vos données sous la forme d’une galerie. Vous aurez le choix
d’insérer cette galerie directement au sein de votre page (Gallery inline) ou de l’ouvrir
dans une page dédiée (Gallery Full Page).

39
Retour sommaire
 List inline / List Full Page
Vous pouvez afficher vos données sous la forme d’une liste.

=> Inline est une liste au sein de votre page.

=> Full Page est une liste dans une page dédiée.

40
Retour sommaire
 Calendar inline / Calendar Full Page
Le block Calendar Inline affiche vos données sous une vue de calendrier, au sein de votre
page actuelle. C’est idéal pour créer des roadmaps ou pour créer un calendrier de publication.

Si vous souhaitez que ce calendrier soit affiché dans une page dédiée, utilisez le block
Calendar Full Page.

41
Retour sommaire
 Timeline inline / Timeline Full Page
La vue Timeline permet d’afficher vos données sous la forme frise chronologique dans le
temps.

Le block Timeline Inline affiche ces données au sein de votre page tandis que le block
Timeline Full Page s’ouvrira dans une page dédiée.

42
Retour sommaire
 Linked Database
Ce block permet simplement d’insérer dans une base de données déjà existante. Cela affichera
la vue de ces données au sein de votre page et un lien sera présent pour visiter la base de
données d’origine.

43
Retour sommaire
 6.4 – Les blocks medias
Les blocks media vous permettent d’insérer
toutes sortes de médias au sein de votre page :

◆ Des images
◆ Des marques-page : le block Web
Bookmark permet de créer des liens visuels
vers des pages web
◆ Des vidéos : insérez simplement le lien d’une
vidéo hébergée sur YouTube par exemple
◆ Des audios : insérez le lien d’un audio
hébergés sur SoundCloud par exemple
◆ Des snippets de code : de nombreux
langages web sont disponible (JS, HTML, etc.)
◆ Des fichiers : vous pouvez importer des
fichiers PDF par exemple ou ajouter des liens
de pages web.

44
Retour sommaire
 6.5 – Les blocks embed
Les blocks embed
permettent d’insérer tous
types de liens (adresse URL)
avec génération d’un
aperçu :

◆ Google Drive
◆ Google Map
◆ Miro
◆ Loom
◆ PDF
◆ Typeform
◆ Tweet
◆ Etc.

45
Retour sommaire
 6.6 – Les blocks avanced
Les advanced blocks
permettent de créer du contenu
spécifique au sein de vos pages
Notion :

◆ Table of Contents :
permet de créer une table de
matière qui recense tous les
blocks Headings de votre page.
◆ Équation : permet de faire
des formules mathématiques.
◆ Template Button : permet
de générer des modèles
directement au sein de votre
page. C’est une des
fonctionnalités les plus
intéressantes de Notion que
vous découvrirez au chapitre 8.
◆ Breadcrumb : permet d’insérer
un fil d’Ariane au sein de votre
page pour permettre à
l’utilisateur de mieux se situer.

46
Retour sommaire
 7 - Les autres
fonctionnalités de
Notion
Vous avez compris que le fonctionnement de Notion est basé sur la prise de notes et la création
de pages et de bases de données.

Mais l’application a encore plus d’un tour dans son sac ! Elle offre encore beaucoup de
fonctionnalités…

47
 7.1 – Les options supplémentaires
En haut à droite de l’interface Notion, vous trouverez des options supplémentaires (icône des 3
petits points). Une fenêtre vous proposera alors de nombreuses options :

◆ 3 styles de polices : Défaut, Serif ou

Mono.
◆ Taille du texte : grande ou petite.
◆ Verrouillage de la page.
◆ Ajout de cette page dans l’onglet des
Favoris = un raccourci est également
disponible depuis la barre supérieure.
◆ Ouvrir la page dans l’application de
bureau.
◆ Annuler l’action (Undo)
◆ Supprimer la page
◆ Générer un PDF de votre page Notion
(export).
◆ Etc.

48
Retour sommaire
 7.2 – La liste des modifications
Dans la barre supérieure se trouve également un
onglet Update qui permet de visualiser les
modifications apportées à cette page Notion
(par qui et quand).

Si vous utilisez un plan premium, vous pourrez

restaurer les modifications jusqu’à 30 jours (et
indéfiniment si vous êtes sur un plan entreprise).

Plus d’info sur la restauration des pages Notion

ici.

Il est également possible de connecter Notion

avec Slack.

49
Retour sommaire
 7.3 – Partager vos pages Notions
L’une des fabuleuses fonctionnalités
de Notion est de pouvoir partager
certaines pages avec d’autres
utilisateurs ou avec n’importe quel
internaute (en plus de l’export en PDF).
Dans la barre supérieure se trouve
l’onglet Share qui met à votre
disposition un lien de partage de votre
page. Il suffit de copier le lien (Copy
Link) et de l’envoyer par e-mail ou
par SMS à un ami.

D’autres options de partage sont

disponibles :

◆ Autoriser l’édition
◆ Autoriser les commentaires
◆ Autoriser la duplication de votre
page en tant que modèle
◆ Pour les plans premiums, vous
pourrez également autoriser
l’indexation de votre page sur
Google.
Pour en savoir plus sur les permissions de partage de Notion, rendez-vous ici.
50
Retour sommaire
 7.4 – Utilisation de templates
Notion a également prévu divers modèles de page prêts à utiliser. Vous pourrez les parcourir à
l’onglet Templates.

Il y en a des dizaines, classés par thématique. N’hésitez pas à les parcourir et à cliquer sur Use
this template lorsque vous avez trouvé chaussure à votre pied ! Ces templates font vous faire
gagner un temps précieux !
51
Retour sommaire
 7.5 – Importer des données dans
Notion
Une autre fonctionnalité indispensable : l’import dans Notion de vos
données existantes.

En cliquant sur Import, vous obtiendrez diverses options pour importer des
données depuis Evernote, Trello, Asana, Google Doc, et même depuis des
fichiers CSV, HTML, Markdown, etc. Voilà une bonne nouvelle si vous avez
envie de migrer de Trello à Notion par exemple !

52
Retour sommaire
 7.6 – Réglages et gestion des
membres
Enfin, depuis l’onglet Settings & Members, vous pourrez gérer vos équipes, les notifications,
les préférences de langues, vos paiements (plan pro), etc.

53
Retour sommaire
 8 - Créer une
template réutilisable
La fonctionnalité la plus intéressante de Notion est de pouvoir créer des templates
réutilisables grâce au block Template Button.

Cela permet de créer un modèle de page et de le réutiliser à l’infini en cliquant sur un simple
bouton.

C’est ce que vous allez apprendre dans ce chapitre.

54
 8.1 – Qu’est-ce qu’une Template ?
Une template est un anglicisme pour définir un modèle réutilisable.

C’est un mot souvent employé dans le web et dans l’écosystème de WordPress, notamment, où
vous trouvez de nombreuses templates de mises en page (Divi, Elementor, etc.) prêtes à être
utilisées et à recevoir vos contenus.

Pour Notion, c’est pareil, l’application propose déjà de nombreuses templates que vous pouvez
utiliser.

Mais ce qui est intéressant, c’est que vous pouvez créer vos propres modèles, ceux dont vous
avez besoin au quotidien dans votre activité ou votre vie personnelle, et de le répéter à l’infini.

55
Retour sommaire
 8.2 – Dans quel cas utiliser le block
Template Button ?
Vous avez besoin de créer vos propres templates Notion avec génération automatique dès lors
que vous avez besoin de réutiliser le même modèle et de changer seulement quelques
informations à l’intérieur. Par exemple, au niveau business, vous pourriez créer des :

◆ Templates de devis
◆ Templates de facturation
◆ Templates d’audit SEO
◆ Templates de données de site (identifiants, mots de passe, URL de connexion, etc.)

Et au niveau personnel, vous pourriez créer des :

◆ Templates de listes de course

◆ Templates de menus de la semaine
◆ Templates de fournitures scolaire, etc.

Les templates Notion dotées du block Template Button vous permettent alors de ne plus
perdre de temps à saisir certaines données rébarbatives et cela améliore votre productivité.

56
Retour sommaire
 8.3 – Créer une template Notion
répétitive en 3 étapes
Vous allez voir qu’il est très simple de créer ce type de template Notion…

Étape 1 : créer le modèle de base

La première des choses à faire est de créer le modèle de base. L’astuce est de ne rien oublier sur
ce modèle pour éviter de perdre du temps lors des prochaines utilisations.

Si on prend l’exemple de la création d’un template de devis, vous devrez penser à toutes les
mentions dont vous avez besoin :

1. Ajoutez une nouvelle page dans votre tableau de bord Notion

2. Utilisez le titre pour placer le numéro du devis
3. Vos coordonnées : nom, prénom, nom de société, siret, n° de TVA (si besoin), adresse, e-
mail, etc. En incluant cela dans votre modèle, vous n’aurez plus à saisir ces informations à
l’avenir.
4. Les coordonnées du client : laissez vide, car cette information changera tout le temps.
5. La date d’émission du devis et la date de validité du devis : ces informations changeront à
chaque fois.

57
Retour sommaire
 6. Le tableau listant vos
prestations avec prix unitaire
et totaux : ces informations
seront amenées à changer,
mais vous pouvez gagner du
temps en listant quelques-
unes.
7. Faites un récapitulatif des
montants totaux.
8. Éventuellement, ajoutez la
case « bon pour accord » qui
sera signée par votre client.
9. Et toutes les autres
mentions dont vous auriez
besoin.

Une fois que votre modèle est

« parfait », vous pourrez l’utiliser
comme template.

58
Retour sommaire
 Étape 2 : créer la page du listing
La seconde étape est de créer la page qui listera tous vos documents, pour cet exemple, cette
page listera tous les devis :

1. Ajoutez une nouvelle page

2. Nommez-la comme vous le souhaitez, par exemple « Tous mes devis »
3. Ajoutez le block Template Button.

59
Retour sommaire
 Étape 3 : paramétrer le block Template Button
Enfin, il vous restera à paramétrer le block Template Button de cette manière :

▪ 1 - Changez le nom du bouton, par exemple « créer un nouveau devis ».

▪ 2 - Ouvrez les options du block Template
▪ 3 - Supprimez le block To-Do

60
Retour sommaire
 ▪ 4 - Par glissé-déposé, déplacez votre modèle dans le block template, à la place de la
To-Do.
▪ 5 - Patientez le temps de la génération.
▪ 6 - Cliquez sur Close pour terminer.

61
Retour sommaire
 ▪ 7 - Votre template Notion est prête, il suffit de cliquer sur le bouton + Créer un
nouveau devis.
▪ 8 - Patientez durant la génération.
▪ 9 - Vos devis commencent à se succéder au sein de votre page « Tous mes devis ».
▪ 10 - Dans la barre latérale de gauche, vous pouvez retrouver la hiérarchie des pages et
accéder directement au devis souhaité.

62
Retour sommaire
 8.4 – Comment modifier un block
Template Button ?
Si vous êtes un peu tête de linotte
comme moi et que vous avez oublié
d’inclure des informations
génériques au sein de votre modèle,
vous pourrez modifier votre block
Template Button.

Cliquez sur la roue des réglages

située à droite du block, jetez le
modèle actuel puis importez le
nouveau modèle corrigé.

Vous répétez donc les actions 2, 3, 4,

5 et 6 de l’étape n°3 du chapitre
précédent (chapitre 8.3).

63
Retour sommaire
 8.5 – Dupliquer une template Notion
créée par un autre utilisateur
L’autre bonne nouvelle est qu’il est possible d’utiliser des templates Notion créées par d’autres
utilisateurs. Ce peut être des templates trouvées sur le Web ou celles créées par vos collègues.

Il faudra alors être en possession d’une adresse URL (un lien), de l’ouvrir dans votre navigateur
(Chrome ou Firefox) et de cliquer sur Duplicate.
C’est tout ! Maintenant, votre tableau de bord Notion est doté de ce nouveau modèle.

64
Retour sommaire
 8.6 – Partager vos templates avec
d’autres utilisateurs
Et l’autre bonne nouvelle (encore ?) c’est que vous pouvez également faire profiter vos
collègues des templates que vous avez créées. Et si vos templates sont super complexes, vous
allez leur faire gagner un temps fou !

▪ 1 - Une fois que votre modèle est parfait,

cliquez sur Share.
▪ 2 - Activez l’option Allow duplicate as
template
▪ 3 - Copiez le lien.

Ensuite, vous pouvez donner ce lien (par e-mail par

exemple) à vos collègues, vos clients, etc. qui
n’auront plus qu’à dupliquer cette template comme
expliqué au chapitre précédent.

Botez : si vous n’activez pas l’option Allow

duplicate as template, votre page sera
consultable (grâce au lien partagé) mais non
dupliquable.

65
Retour sommaire
 8.7 – Créer une template Notion :
explications en vidéo
Retrouvez toutes ces explications dans la vidéo : [Link]

66
Retour sommaire
 9 - Créer un site web
avec Notion
Saviez-vous qu’il est possible de créer un site web avec Notion ?

Et ce en 2 minutes et gratuitement ?

C’est ce que je vous explique dans ce chapitre...

67
 9.1 – Dans quel cas créer un site web
avec Notion ?
Il est tout à fait possible de créer un site web avec Notion, mais je ne le recommande pas dans
tous les cas. En effet, si vous souhaitez créer le site web de votre entreprise, vous serez vite
frustré dans le design et dans les fonctionnalités proposées par Notion. Et ne parlons même pas
du SEO… Par contre, dans certains cas, on pourrait envisager d’utiliser Notion pour créer un site
web, par exemple :

◆ Un site CV : c’est carrément une bonne idée ! Si vous êtes étudiant et que vous voulez
partager rapidement votre CV à un employeur, vous pourriez le créer avec Notion. En plus,
vous pourrez l’exporter en PDF si vous avez besoin de le donner au format papier. Vous
pourrez ainsi épater votre interlocuteur avec l’utilisation d’une application qu’il ne connait
certainement pas encore.
◆ Un site Portfolio : si votre but est de partager quelques galeries photos de vos réalisations,
pourquoi pas ? C’est toujours mieux que de dire à vos clients ou amis d’aller visiter votre
page Facebook (OMG) !
◆ Un site de documentation ou de support : vous offrez peut-être un service SaaS par
exemple et vous pourriez décider d’héberger la documentation sur un site séparé. Vous
pouvez alors créer un site Notion pour publier toutes les pages d’aide. C’est le choix qu’a fait
Clubhouse par exemple et [Link] bien sûr.
◆ Un blog d’essais ou de nouvelles : pourquoi ne pas utiliser Notion à la place de Medium par
exemple ? Vous pourriez publier vos articles sur votre propre site.

68
Retour sommaire
 9.2 – Créer les pages de votre site
Pour créer un site web avec Notion, vous
devez d’abord créer les pages au sein de
votre tableau de bord.
Vous pouvez créer un compte Notion
dédié ou utiliser votre propre compte, et
dans ce cas, ne vous inquiétez pas, les
autres pages de votre compte Notion
resteront privées et ne seront pas
accessibles pour vos visiteurs.
Dans un premier temps, vous devez
créer la page d’accueil de votre site :

▪ 1 - Dans votre tableau de bord,

ajoutez une nouvelle page
▪ 2 - Le titre de cette page peut
utiliser le nom de votre site ou le
mot « accueil », au choix…
▪ 3 - Commencez à bâtir
l’architecture du site en listant
toutes les pages qui le
composeront.
▪ 4 - Pour cela, vous utiliserez le block
Page.
69
Retour sommaire
 ▪ 5 - Ensuite, au sein de vos pages, n’hésitez pas à utiliser le block Table of contents
pour créer une table des matières qui permet de lister les titres de votre page et
d’atteindre plus rapidement les sections désirées (facultatif).
▪ 6 - Au sein des autres pages de votre site, je vous recommande d’utiliser le block
Breadcrumb qui permettra aux internautes de naviguer entre les pages de votre site. Ce
fil d’Ariane remplacera le menu de navigation du site. Placez-le directement sous le titre
de chaque page.

Pour le reste, utilisez tous les blocks Notion à

votre disposition pour créer les contenus de
votre site (images, vidéos, textes, titres, etc.).

70
Retour sommaire
 9.3 – Publiez votre site web Notion
avec Notelet
Publiez un site Notion prend seulement 3 secondes ! Mais c’est sans compter le temps de la
création de votre contenu, bien sûr !

Donc, une fois que vous avez créé toutes les pages utiles pour votre site (page Accueil, page À
propos, page Contact, etc.), voici ce que vous devez faire :

71
Retour sommaire
 ▪ 1 - Rendez-vous sur votre page d’accueil et cliquez sur Share.
▪ 2 - Vérifiez que l’option Allow duplicate as a template soit désactivée.
▪ 3 - Vous pouvez éventuellement activer les commentaires.
▪ 4 - Copiez le lien.
▪ 5 - Rendez-vous ensuite sur
le site officiel de Notelet.
Cliquez sur Try without
signup.
▪ 6 - Donnez un nom à votre
site : n’utilisez pas d’espace
ou de caractère spécial.
▪ 7 - Collez le lien dans le
champ dédié.
▪ 8 - Cliquez sur Launch
site.
▪ 9 - Vous pouvez maintenant
visiter votre site en « live ».
▪ 10 - Si votre site vous
convient, cliquez sur Sign
up pour créer un compte et
enregistrer officiellement
votre site. Sans cette action,
votre site disparaitra.
72
Retour sommaire
 ▪ 11 - L’inscription est rapide : une adresse e-mail suffit.
▪ 12 - L’interface de Notelet est également très épurée.

Les tarifs de Notelet

Notez que Notelet est un service gratuit si vous l’utilisez pour 1 site web. La version premium
coûte 7$/mois. Elle permet de publier plusieurs sites web et de connecter vos noms de
domaine. Dans ce cas, votre site deviendra accessible à l’adresse [Link] au
lieu de [Link]

73
Retour sommaire
 9.4 – Comment ajouter un
formulaire de contact ?
Notion ne permet pas nativement de créer un formulaire de contact. Vous devrez donc faire
appel à un service externe tel que Google Forms ou Typeform.

Le block Typeform est justement prévu pour ça :

74
Retour sommaire
 Toutefois, les tarifs de Typeform sont assez conséquents, vous pourrez cependant commencer
avec un plan gratuit :

75
Retour sommaire
 9.5 – Optimiser un site web Notion
pour le SEO et l’UX
Si vous avez créé votre site web avec Notion, vous avez dû remarquer qu’il n’est pas vraiment
possible d’optimiser le SEO comme nous avons l’habitude de le faire sous WordPress et que
l’expérience utilisateur (UX) n’est pas au top :

◆ Les permaliens ne sont pas optimisés (pretty permalink) : ils affichent une série de nombres
et de lettres, il n’est pas possible de les modifier avec des mots-clés de manière native.
◆ On ne peut pas définir un titre SEO et une méta-description pour chaque page.
◆ Il n’y a pas vraiment de menu de navigation natif, etc.

Mais Notelet permet d’agir sur plusieurs de ces points justement (image suivante) :

▪ 1 - Un logo peut être inséré dans le menu de navigation.

▪ 2 - Un menu de navigation peut être défini.
▪ 3 - Des liens externes peuvent être insérés dans la navigation.
▪ 4 - Un favicon peut également être défini.
▪ 5 - L’utilisation d’un titre SEO et d’une méta-description est également possible, pour
toutes les pages.

76
Retour sommaire
 Apparence d’un site créé avec Notion et optimisé avec Notelet

77
Retour sommaire
 Notelet permet également de :

◆ Choisir parmi 8 typographies différentes.

◆ Ajouter divers scripts JS dont le code de suivi Google Analytics (code UA-).
◆ Optimiser les slugs pour afficher des permaliens optimisés.

Et la bonne nouvelle est que cela est possible dès la version gratuite de Notelet !

Je vous expliquerai en détails comment réaliser ces optimisations lors de la prochaine mise à
jour de ce guide.

78
Retour sommaire
 9.6 – Les autres alternatives
Notelet n’est pas le seul service qui permet de publier un site web Notion. Le service Pagebly
permet aussi cette fonctionnalité. Il en existe certainement d’autres…

79
Retour sommaire
 Toutefois, notez que les plans premiums de Notion permettent d’activer l’option Search
engine indexing.

De cette manière, les moteurs de recherche tels que Google pourraient être en mesure
d’indexer les pages que vous avez rendues publiques (option Share to the web) :

80
Retour sommaire
 Par contre, en utilisant cette fonctionnalité native de Notion, il n’y aura pas d’optimisation
possible (pour l’instant), comme le permet Notelet.

Apparence d’un site publié avec Notion sans utiliser le service Notelet

Enfin… Je crois (j’en suis sûre en fait), que WordPress reste LA solution idéale pour créer un site
professionnel.

81
Retour sommaire
 9.7 – Créer un site avec Notion :
tutoriel en vidéo
Pour conclure, je vous propose de retrouver ces explications au sein de cette vidéo : https://
[Link]/DNAmzNG6YGE

82
Retour sommaire
 10 - Ressources pour
Notion
Voilà, nous arrivons à la fin de ce guide. J’espère que grâce à lui vous avez réussi à créer votre
espace de travail Notion et à l’utiliser pour votre business ! Si vous souhaitez aller plus loin dans
l’exploration et l’exploitation de Notion, voici une liste de liens utiles :

◆ Le Help Center officiel de Notion

◆ La galerie officielle des templates Notion
◆ La liste des raccourcis de Notion

83
Et si vous souhaitez vous former sérieusement au web, découvrez mes autres ebooks-
formation : [Link]

84
 Crédits
©Lycia Diaz - ISBN : 979-10-95729-16-7

© Tous droits réservés :

Cet ebook et l’ensemble de son contenu sont strictement réservés pour une utilisation
personnelle, en aucun cas il ne doit être revendu, dupliqué ou même distribué gratuitement.

En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou

partiellement le présent ouvrage, sur quelque support et par quelque procédé que ce soit sans
l’autorisation écrite de l’auteur et éditeur Lycia Diaz.

Limite de responsabilité et de garantie : l’auteur Lycia Diaz décline toute responsabilité

concernant la fiabilité ou l’exhaustivité de cet ouvrage. Elle ne pourra en aucun cas être tenue
pour responsable d’éventuels problèmes causés suite à la lecture et à l'interprétation de cet
ouvrage.

Version de cet ebook : V1.0 publiée le 15 mars 2021 85