# Prendre en main votre site

Cet article couvre vos premiers pas sur Lovely Render, de votre compte à la mise en ligne. Vous saurez ouvrir votre Staging, suivre les étapes de mise en place, inviter votre équipe et publier votre site.

## Avant de commencer

- L’équipe Lovely Render crée votre site pour vous. Vous n’avez ni serveur, ni base de données, ni certificat à choisir.
- Votre site est déjà en HTTPS, sauvegardé chaque nuit et protégé du spam. Ses e-mails sont signés pour ne pas tomber dans les indésirables.
- Rien n’est public tant que vous n’avez pas publié votre site.

## Comprendre vos deux adresses

Votre site a deux adresses. Vous construisez sur la première et vos visiteurs lisent la seconde.

| Adresse | Usage |
| --- | --- |
| Staging, en …lovelyrender.app | Votre site de travail, visible par vous et les membres que vous invitez. Vous y créez vos pages, vos formulaires et votre design. |
| Production, sur votre nom de domaine | Votre site public, visible par tous. Il reçoit une copie de votre Staging à chaque publication. Rien ne s’y modifie directement. |

Une modification en cours sur le Staging ne touche donc jamais votre site en ligne. Vos visiteurs voient l’état de votre dernière publication.

## Faire vos premiers pas

1. Créez votre compte et confirmez votre adresse e-mail avec le code à six chiffres reçu. Sur votre **Tableau de bord**, l’invitation que l’équipe Lovely Render vous a envoyée attend sous **Invitations en attente**. Cliquez sur **Accepter**. La carte de votre site apparaît.
2. Sur votre page **Compte**, activez la double authentification. [Vous connecter et protéger votre compte](https://lovelyrender.com/fr/documentation/connexion/) détaille ces deux étapes.
3. Ouvrez votre Staging et suivez les étapes de mise en place.
4. Invitez les personnes qui travaillent avec vous et choisissez qui peut publier.
5. Quand votre site est prêt, branchez votre nom de domaine puis publiez en Production.

Les sections suivantes détaillent les trois dernières étapes.

## Ouvrir votre Staging

1. Connectez-vous à Lovely Render. Le **Tableau de bord** s’ouvre avec une carte par site.
2. En tête de la carte de votre site, cliquez sur l’adresse de Staging. Elle est écrite en petit à côté de l’adresse de Production. Votre site de travail s’ouvre.

Un site qui n’a pas encore d’adresse de Production porte le nom de son adresse de Staging.

Sur un site neuf, un bandeau orange indique que votre domaine ne pointe pas encore vers Lovely Render. Il disparaît une fois votre domaine branché.

![La carte d’un site au tableau de bord : son adresse de Production et, à côté, son adresse de Staging, le rôle Administrateur, les chiffres des 30 derniers jours, les pages vues de l’année, le disque, la performance web et les boutons Membres, DNS et Historique.](https://static.lovelyrender.com/uploads/2026/10/246-hebergement-carte.png)

## Suivre les étapes de mise en place

L’encadré **Étapes de mise en place** liste ce qu’il reste à dessiner et à régler sur votre site. Le site ne se publie en Production qu’une fois publiés les six gabarits de ses étapes. L’encadré reste affiché quand toutes les étapes sont faites et ne montre plus que la ligne **Toutes les étapes de mise en place sont faites.**

1. Dans l’administration de votre Staging, ouvrez le **Tableau de bord**. Dans l’encadré, une étape faite porte une coche verte et son nom grisé. Une étape à faire porte un point d’exclamation orange et son nom est un lien.
2. Dans le groupe **La structure du site**, cliquez sur une étape, par exemple **Concevoir la page d’accueil**. L’éditeur du gabarit s’ouvre. Un gabarit qui n’existait pas est créé en brouillon.
3. Choisissez une création dans le catalogue. Il propose d’abord les créations faites pour ce gabarit.
4. Publiez le gabarit. L’étape est cochée dans l’encadré.

![L’encadré Étapes de mise en place d’un site en préparation. Sous La structure du site, la page d’accueil, la structure des pages et le bandeau de consentement sont cochés. La structure des entrées, la page d’erreur 404 et la traduction de la structure en anglais restent à faire. Sous Réglages, le logo est coché, le favicon, la fiche de l’organisation et Google Search Console restent à faire.](https://static.lovelyrender.com/uploads/2026/10/925-doc-etapes.png)

| Étape | Partie du site |
| --- | --- |
| **Concevoir la page d’accueil** | Votre page d’accueil. |
| **Concevoir la structure des pages** | L’habillage de toutes vos pages. |
| **Concevoir la structure des entrées** | L’habillage de tous vos contenus, quel que soit leur type. |
| **Concevoir la page d’erreur 404** | La page affichée quand une adresse ne mène à rien. |
| **Concevoir la modale générique** | L’habillage d’un contenu ouvert en modale. |
| **Concevoir le panneau latéral** | L’habillage d’un contenu ouvert en panneau latéral. |
| **Poser le bandeau de consentement** | Le bandeau de consentement aux cookies. L’étape ouvre vos compositions. |

**Conseil :** Commencez par l’accueil. Une création de page d’accueil pose aussi votre en-tête, votre pied de page, votre menu mobile et votre bandeau de consentement. Les gabarits suivants réutilisent cet en-tête.

Une étape ne se coche pas au clic. Le gabarit doit être publié et porter de vrais blocs. Trois conditions s’y ajoutent.

- Le gabarit des pages et celui des entrées portent le bloc **Contenu du post**. Sans lui, la page s’affiche sans son contenu.
- Le gabarit de la modale et celui du panneau latéral portent le bloc **Modale ou panneau latéral**.
- Le bandeau porte le bloc **Gestionnaire de consentement aux cookies**. Sans lui, la réponse du visiteur n’est pas enregistrée.

Le groupe **Réglages** compte quatre étapes : **Ajouter un logo**, **Ajouter un favicon**, **Remplir la fiche de l’organisation** et **Connecter Google Search Console**. Chacune se coche quand son résultat existe, par exemple un logo déposé.

Chaque langue autre que la principale ajoute une étape **Traduire la structure en**, suivie du nom de la langue. Elle se coche quand les six gabarits et le bandeau de consentement ont leur version dans cette langue.

## Inviter votre équipe

1. Dans le **Tableau de bord** de Lovely Render, cliquez sur **Membres** en bas de la carte du site. Un panneau s’ouvre sur le côté.
2. Sous **Inviter un membre**, saisissez l’adresse e-mail de la personne et choisissez son **Rôle**.
3. Pour qu’un administrateur puisse mettre le site en ligne, cochez **Peut publier**.
4. Cliquez sur **Envoyer l’invitation**. L’invitation apparaît dans les **Invitations en attente**.

L’invitation reste valable sept jours. Le bouton **Membres** ne s’affiche qu’aux administrateurs du site. [Inviter un membre et choisir son rôle](https://lovelyrender.com/fr/documentation/membres/) décrit chaque rôle.

![Le panneau Membres d’un site : les membres et leur rôle, une invitation en attente, puis le formulaire Inviter un membre avec son adresse e-mail, son rôle et la case Peut publier.](https://static.lovelyrender.com/uploads/2026/10/241-equipe-membres.png)

## Mettre votre site en ligne

1. Pour que votre site réponde sur votre domaine, branchez-le en suivant [Brancher votre nom de domaine](https://lovelyrender.com/fr/documentation/domaine/).
2. Dans la barre d’administration de votre Staging, ouvrez le menu **Publier** puis cliquez sur **Publier en Production**.
3. Relisez la liste **Changements à publier en Production**. Elle range vos changements par type de contenu.
4. Cochez **Je confirme vouloir publier ce site**, puis cliquez sur **Publier en Production**.

La Production est sauvegardée avant d’être remplacée. Si la copie échoue, votre site en ligne revient à son état d’avant.

**Attention :** Publier remplace toute la Production par votre Staging. Vous publiez le site entier, pas une page seule.

Publier le site demande le rôle **Administrateur** et l’option **Peut publier**. [Publier votre site](https://lovelyrender.com/fr/documentation/publier/) détaille la publication.

![L’écran Publier le site en Production : la liste Changements à publier en Production rangée par famille, la case de confirmation et le bouton Publier en Production.](https://static.lovelyrender.com/uploads/2026/10/178-produit-publier.png)

## Voir aussi

- [Lire votre tableau de bord](https://lovelyrender.com/fr/documentation/tableau-de-bord/)
- [Brancher votre nom de domaine](https://lovelyrender.com/fr/documentation/domaine/)
- [Le vocabulaire de Lovely Render](https://lovelyrender.com/fr/documentation/glossaire/)