# Les blocs

# Chaque élément de vos pages existe déjà en bloc

Un titre, une photo, des onglets, une FAQ ou un formulaire : posez le bloc, puis remplissez-le. Il prend le style de votre site dès que vous le posez.

Plus de 1 700 icônes — Vidéos YouTube, cartes et agendas — Onglets et menus utilisables au clavier — Fenêtres et panneaux latéraux

Demander mon site

![L’inserteur de l’éditeur ouvert sur ses blocs de texte : paragraphe, titre, liste, citation, code, tableau et les niveaux de titre.](https://static.lovelyrender.com/uploads/2026/10/179-blocs-inserteur.png)

## Choisissez vos blocs selon ce que vous voulez faire

- ### Mettre en page Conteneur, séparateur et espacement
- ### Écrire Titres, paragraphes, listes, tableaux et code
- ### Montrer vos photos et vos vidéos Média, icône, intégration et document PDF
- ### Ranger beaucoup de contenu Onglets, accordéon, diaporama et carrousel
- ### Guider vos visiteurs Menu, bouton, fil d’Ariane et sommaire
- ### Afficher vos contenus Liste de contenus, filtres et recherche
- ### Recevoir des demandes Formulaire et ses types de champ
- ### Laisser le visiteur choisir Langue, apparence, animations et cookies

## Vos sections se rangent en colonnes, en rangées ou en grille

Le bloc Conteneur empile ses blocs, les aligne en rangée ou les place sur une grille. Changez de disposition, son contenu reste en place.

Choisissez le nombre de colonnes pour chaque écran : quatre cartes sur un ordinateur, deux sur une tablette et une sur un téléphone.

Ajoutez un lien à une carte et toute sa surface devient cliquable.

![Les réglages d’une grille de trois cartes : ses trois dispositions, sa balise, des préréglages de colonnes par écran comme 4, 2 et 1, puis un onglet par écran.](https://static.lovelyrender.com/uploads/2026/10/180-blocs-conteneur.png)

## Vos titres, vos tableaux et vos extraits de code restent lisibles

Chaque titre garde son rang dans le plan de la page, même quand il prend l’allure d’un titre plus petit. Le plan reste juste pour Google et pour les lecteurs d’écran.

Fusionnez des cellules et alternez la couleur des lignes de vos tableaux. Un extrait de code se copie d’un clic.

![Les réglages d’un titre de niveau 2 : les six niveaux, le rendu sans balise de titre, le titre invisible et le niveau visuel forcé.](https://static.lovelyrender.com/uploads/2026/10/181-blocs-titre.png)

## Vos photos, vos vidéos et vos icônes se règlent pour chaque écran

Choisissez écran par écran le point de l’image à garder au centre. Un visage reste dans le cadre en portrait comme en paysage.

Une vidéo se lance au clic, une fois à son apparition, en boucle, au survol ou au rythme du défilement.

Collez l’adresse d’une vidéo YouTube ou Vimeo ou d’un agenda Calendly pour l’afficher dans la page. Une carte Google Maps s’affiche avec le code que Google donne pour l’intégrer.

Choisissez parmi plus de 1 700 icônes, dont plus de 450 animées, ou ajoutez les vôtres.

![Les réglages de la vidéo d’ouverture d’un domaine viticole : lecture en boucle tant qu’elle est visible, bouton de pause affiché, en boucle et sans le son.](https://static.lovelyrender.com/uploads/2026/10/182-blocs-video.png)

[video](https://static.lovelyrender.com/uploads/2026/10/1422-bg-waves-lavender-light.webm)

## Vos visiteurs parcourent beaucoup de contenu sans se perdre

Les onglets, l’accordéon, le carrousel et le diaporama rangent plusieurs contenus au même endroit. Ils se règlent dans le panneau du bloc et s’utilisent au clavier comme au doigt.

Onglets — Accordéon — Carrousel

### Pour des contenus de même importance

Vos cuvées, vos formules ou vos services ont chacun leur onglet. La barre se place en haut, en bas ou sur un côté.

Vos onglets peuvent devenir un accordéon sur un téléphone. Ceux que vous lisez sont faits avec ce bloc.

![Les réglages des onglets d’une carte des vins : style de la navigation, onglet actif, rotation manuelle ou automatique, position de la barre, boucle et glissé au doigt.](https://static.lovelyrender.com/uploads/2026/10/203-blocs-onglets.png)

### Pour une FAQ ou des conditions

Le visiteur n’ouvre que les questions qui le concernent.

Les questions fréquentes en bas de cette page forment un accordéon.

![Les réglages d’une FAQ en accordéon : un pli ouvert à la fois ou plusieurs, le symbole, son cercle et sa position.](https://static.lovelyrender.com/uploads/2026/10/204-blocs-accordeon.png)

### Pour une rangée de photos ou de cartes

Votre carrousel défile en continu, avec des flèches, au doigt ou au rythme de la page.

Les cartes « Pourquoi Lovely Render ? » de notre accueil défilent ainsi pendant que la page descend.

![Les réglages d’un carrousel de photos : défilement en balayage aimanté, axe horizontal, force et alignement de l’aimantation.](https://static.lovelyrender.com/uploads/2026/10/205-blocs-carrousel.png)

Le bloc Diaporama montre vos photos une à une.

## Vos visiteurs trouvent leur chemin d’une page à l’autre

- ### Le menu de cette page est un bloc Le bloc Navigation fait les menus déroulants, les grands menus sur toute la largeur et le menu burger du téléphone. Ses sous-menus s’ouvrent au survol ou au clic, comme au clavier.
- ### Vos boutons ouvrent une page ou une fenêtre Un bouton mène à une page, ou ouvre un formulaire par-dessus la page, en fenêtre ou en panneau latéral.
- ### Votre fil d’Ariane se construit seul Il montre le chemin de l’accueil à la page lue sans que vous le saisissiez. Google le reçoit aussi.
- ### Un sommaire pour les longues pages Il reprend les titres de la page et marque celui que le visiteur est en train de lire.
- ### L’article précédent et le suivant Ces liens se posent une fois pour tous vos articles, y compris ceux que vous écrirez demain.

## Vos listes se remplissent avec vos nouveaux contenus

Le bloc Liste de contenus affiche vos articles ou vos biens en cartes. Le visiteur filtre, trie et cherche dans la liste. Chaque nouveau contenu paraît sans que vous retouchiez la page.

[Voir les types de contenu](https://lovelyrender.com/fr/types-de-contenu/)

## Vos formulaires de contact et de devis se construisent dans la page

Chaque champ de votre formulaire est un bloc. Il en existe de toutes sortes, de la date au dépôt de fichier.

Un champ peut n’apparaître que selon une réponse. Un long formulaire se découpe en étapes.

Vos visiteurs envoient leur demande sans test anti-robot.

[Voir les formulaires](https://lovelyrender.com/fr/formulaires/)

![Les réglages d’un champ Texte : les icônes de ses types, son texte indicatif, son caractère obligatoire et son libellé.](https://static.lovelyrender.com/uploads/2026/10/206-blocs-champ.png)

## Vos visiteurs choisissent leur langue, leur apparence et leurs cookies

- ### La langue du visiteur Le sélecteur de langue mène à la même page dans l’autre langue. Un bandeau propose la page dans la langue du visiteur quand son navigateur en demande une autre.
- ### Clair ou sombre Le bouton de l’en-tête de cette page passe le site en clair ou en sombre sur toutes les pages.
- ### Moins d’animations Un bouton laisse le visiteur réduire les animations sur tout le site.
- ### Un bandeau cookies à vos couleurs Votre bandeau de consentement est fait de blocs, comme le reste de vos pages.

## Partez d’une section toute faite

Insérez une section mise en page, puis modifiez-la comme le reste de votre page.

[Voir les sections toutes faites](https://lovelyrender.com/fr/editeur/#sections)

## Retrouvez chaque bloc, famille par famille

### Mettre en page

- Conteneur, en bloc, en rangée ou en grille
- Bloc simple, pour un chiffre ou une étiquette
- Séparateur intelligent
- Espacement

### Écrire

- Titre, de H1 à H6
- Paragraphe et liste
- Citation et citation en exergue
- Tableau avancé et tableau simple
- Code, coloré et copiable
- Champ de contenu, pour le prix ou la surface d’un bien

### Montrer

- Média, image ou vidéo
- Icône
- Logo
- Intégration, d’une vidéo, d’une carte ou d’un agenda
- Document PDF
- Audio et fichier
- Crédits des médias

### Ranger

- Onglets
- Accordéon
- Diaporama
- Carrousel
- Overlay, en fenêtre ou en panneau latéral

### Guider

- Navigation et menu déroulant
- Bouton principal, secondaire ou tertiaire
- Fil d’Ariane
- Sommaire
- Navigation entre contenus
- Liens d’un type de contenu

### Afficher vos contenus

- Liste de contenus, ses filtres et sa pagination
- Références
- Recherche
- Horaires d’ouverture

### Recevoir des demandes

- Formulaire, en une étape ou en plusieurs
- Champ de formulaire, de dix-sept types

### Laisser choisir

- Sélecteur de langue
- Suggestion de langue
- Sélecteur d’apparence
- Sélecteur d’animations
- Bandeau de consentement
- Tableau des cookies

Les blocs de texte de WordPress reçoivent les mêmes réglages de style et d’animation que les nôtres.

## Questions fréquentes

*### Puis-je régler un onglet ou un carrousel sans écrire de code ?*

Oui. Tout se règle dans le panneau du bloc : le nombre d’éléments, la façon de défiler et l’apparence de chaque état.

*### Mes onglets et mon carrousel marchent-ils sur un téléphone ?*

Oui. Vos visiteurs les font glisser au doigt et un carrousel peut se figer quand tout tient à l’écran.

*### Un diaporama qui tourne tout seul gêne-t-il certains visiteurs ?* — Oui, c’est pourquoi le vôtre ne tourne pas tant que vous ne l’avez pas décidé.

*### Puis-je mettre une vidéo YouTube, une carte Google Maps ou un agenda Calendly ?*

Oui. Collez l’adresse de la vidéo ou de l’agenda dans le bloc Intégration. Pour une carte, collez le code d’intégration que donne Google Maps. Le bloc n’accepte que des services connus, pour protéger votre site et vos visiteurs.

*### Ma FAQ peut-elle apparaître dans Google ?*

Rarement. Votre FAQ est décrite à Google comme des questions et leurs réponses, mais Google ne l’affiche plus que pour quelques sites officiels.

*### Les blocs de mon WordPress actuel fonctionnent-ils ici ?*

Oui, pour la plupart. Vos groupes, vos colonnes et vos galeries collés depuis un autre WordPress deviennent nos blocs avec leur contenu. Vos images sont à déposer de nouveau. Quelques blocs n’existent pas ici, comme les commentaires ou les flux RSS.

*### Faut-il styler chaque bloc à la main ?* — Non. Changez un style enregistré et tous les blocs qui le portent suivent.

## Composez vos pages bloc par bloc avec nos guides

- ### [Ajouter un bloc](https://lovelyrender.com/fr/documentation/ajouter-un-bloc/)
- ### [Conteneur](https://lovelyrender.com/fr/documentation/bloc-conteneur/)
- ### [Enregistrer le style d’un bloc](https://lovelyrender.com/fr/documentation/styles-enregistres/)

## Chaque offre comprend tous les blocs

Les offres diffèrent seulement par le trafic et le stockage.

Demander mon site [Voir les tarifs](https://lovelyrender.com/fr/tarifs/)