Le Divi Builder embarque des mises en pages pré-faites

Divi Layouts: +1500 ready-to-use layouts for your website!

Updated on 17/03/2021 | Published on 01/02/2018 | 31 comments

1,363 words

18 732

Divi layouts are available directly from the Visual Builder, since Divi version 3.0.99. These layouts - also known as "lay outs" - have been created by experienced graphic/web designers working in the ElegantThemes team.

In this article, I propose you to discover the Divi layouts which are available in 1 click from the Visual Builder and which will save you a lot of time when you create your websites with Divi.

Here is the programme:

<b class="lwptoc_title">Au programme de cet article :</b> hide

1 - How did we do it before Divi layouts?
2 - How do I insert a Divi layout now?
3 - Over 1500 Divi layouts available!
4 - Individual use of each Divi layout
5 - Divi's layouts, in conclusion...

Discover all the layouts

Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.

1 - How did we do it before Divi layouts?

Before the Divi Builder came with pre-designed layouts, ElegantThemes distributed pre-made layout packs that could be downloaded from the official website.

A series of tutorials followed to learn how to use and customise them. It was already quite nice!

However, some novices could be confused about how to install these famous packs: they had to download the .zip folder, extract the .json files and then import them from the Divi library.

Not complicated but much more time consuming than the Divi Builder...

For further explanation, see : how to import or export a Divi layout.

2 - How do I insert a Divi layout now?

Discover the Divi theme

The handling is now simpler and more intuitive.

Indeed, two clicks are enough to install a new Divi layout pack!

Here's how to do it:

Go to your administration and add a new page (for example)
Add a title, as usual, and then activate the Divi Builder
Just click on "Load from library".

Charger les packs de layouts Divi — Load Divi layout packs by clicking on "load from library

As if by magic, a list of layout packs appears!

Les packs de layouts Divi — At the moment, the Divi Builder has 19 Divi Layout packs on board

Click on your favourite to see its content...

For more detailed explanations, see how to import a layout from the visual builder.

3 - Over 1500 Divi layouts available!

The Divi Builder currently offers +200 Divi Layout Packs, which is a total of +1500 pre-made layouts.

These packs are classified by theme:

Art & Design
Business
Community & Non-Profit
Education
Events
Fashion & Beauty
Food & Drink
Health & Fitness
Lifestyle
Online Store
Services
Simple
Technology

The Art & Design category

36 packs are available in the Art & Design category, making 277 layouts in total.

You will certainly find inspiration if you need to create a site on the theme of fashion, interior design, graphic design, make-up etc.

Discover all the layouts of the Art & Design category

The Business category

This is the richest category with 80 packs containing 589 lay outs in total.

If you need to create a corporate website, this is where you can browse the catalogue to find the most suitable design for your project.

All trades are represented: from the florist to the restaurant owner, the web hosting provider, the wedding planner and the painter!

Discover all the layouts of the Business category

The Community & Non-Profit category

8 packs fall into this category with a total of 59 pre-designed layouts.

You will find layouts for your MeetUp, donation, pet collection or political candidate sites.

Discover all the layouts of the Community & Non-Profit category

The Education category

9 packs containing 67 individual layouts to create websites for schools, dance or yoga schools, e-learning websites, etc.

Discover all the layouts of the Education category

The Events category

Ideal if you need to create a site for a special event like a wedding, a web conference or even a marathon. You will find 74 layouts divided into 10 packs.

Discover all the layouts of the Events category

The Fashion & Beauty category

Everything related to jewellery, make-up, spa etc. If you need to create a blog on these themes, you can choose from 79 lay outs spread over 11 packs.

Discover all the layouts of the category Fashion & Beauty

The Food & Drink category

If you want to find inspiration to create a Restaurant websiteThe Food & Drink category offers 145 layouts divided into 20 packs! There is plenty to do...

Discover all the layouts of the category Food & Drinks

The Health & Fitness category

Coaching sitesYoga, therapy, dentist, nutritionist, etc. These layouts are ideal if you need to create a site for a health practitioner. In total, 164 layouts divided into 23 packs.

Discover all the layouts of the category Health & Fitness

The Lifestyle category

As the name suggests, here you will find layouts for your lifestyle websites and blogs: travel, garden, golf, etc. In total 107 layouts divided into 15 packs.

Discover all the layouts of the Lifestyle category

The Online Store category

121 layouts divided into 17 packs to create your e-commerce sites. Most shops are represented, such as fruit juice, jewellery, tea, etc.

Discover all the layouts of the Online Store category

The Services category

623 layouts available in 85 packs. There are many layouts here that are classified in other categories.

Discover all the layouts of the category Services

The Single category

Only one pack is available here with 15 layouts.

Discover all the layouts of the Single category

The Technology category

In this category you will find inspiring layouts for your game, digital product, podcast or web developer websites. In total, 19 packs and 144 layouts.

Discover all the layouts of the Technology category

4 - Individual use of each Divi layout

The layouts are independent of each other. When one of these layouts catches your eye, you can select it and see in more detail what it is made of.

On average, each pack contains 8 lay outs and consists of a Home page, an About page, a Contact page, a Blog page, a Landing page, a page for Portfolios or for Services etc.

Each pack offers harmonised layouts, but you are free to pick and choose layouts independently of the packs. You'll just have to do a little more work to harmonise it all afterwards.

Mises en page Divi — Discover or use the layouts proposed by Divi

For each layout, if you click on it, you will be given the choice between 'view live demo ' or 'use this layout', which means you don't have to import the whole pack.

I find this very interesting, unlike some premium themes that offer "1-click demo" installations and import a whole bunch of useless pages and images.

If you click on "Use", the layout will be installed and you just have to open each module to modify it. It's so easy!

Learn more about Divi Builder modules

5 - Divi's layouts, in conclusion...

The Divi Builder is certainly the page builder that offers so many ready-made layouts. No other builder has such a rich library of choices.

Even though I'm not a big fan of pre-made layouts, I really think it can help a lot of people. Especially if you're not into web design.

And even if you don't use them all, you can always install a few to give yourself a sense of purpose. a little inspiration and to give you a head start in learning about the page design with the Divi Builder.

Finally, don't hesitate to appropriate these layouts and modify them so that they correspond to your expectations and your projects...

This is another good reason to choose the Divi theme !

Need more resources on Divi? Visit the ElegantThemes blog which is full of ideas and tutorials! Or learn how to use this theme effectively with my Divi training !

Layouts embarqués dans Divi — Embedded layouts in Divi: say it on Pinterest!

Discover all the layouts

You might like it too:

Divi AI : l’intelligence artificielle arrive dans Divi !

31 Commentaires

Fabien sur 7 avril 2018 à 21:24

Bonjour,

Merci pour cette article. Je ne comprends pas le premade layouts ne se charge pas et j’ai à la place des propositions de pages (Page Barres latérales des deux côtés, Portefeuille Grille, etc.). Comment je peux trouver cette galerie de thème prés construit ?
Lycia sur 7 avril 2018 à 21:27

Salut Fabien , quand tu actives le Divi Builder en violet en haut de ta page, tu as une option « importer de la bibliothèque » je ne sais pas si c’est le terme exact car je ne suis pas sur mon ordinateur à l’heure actuelle. Dis moi si tu trouves…
Claire sur 30 mai 2018 à 19:37

Bonjour,
Je cherche à télécharger un nouveau layout Divi à partir donc d’une nouvelle page, mais lorsque je clique sur « charger à partir de la bibliothèque », j’ai la même chose que Fabien, des propositions selon les types de page, en deux onglets : « mise en pages prédéfinies » et « ajouté de la bibliothèque ». Dans ce dernier, j’ai seulement les pages que j’ai importées de mon premier layout téléchargé à l’ancienne.
On ne peut prendre qu’un layout à la fois ? Mais comment pouvoir tester les démos avec les layouts téléchargeables pour être sûr de celui que l’on prend ?
Et quid lorsqu’on ne peut charger que les fichiers des layouts téléchargés en zip ?
Lycia sur 31 mai 2018 à 11:12

Bonjour Claire, je crains de ne pas comprendre votre/vos questions. Ce que je peux vous dire, c’est que en effet, on peut charger soit des layouts proposés par Divi soit des layouts que l’on a sauvegarder en amont, sur une autre page donc…
Claire sur 6 juin 2018 à 10:48

Lorsque je veux charger à partir de la bibliothèque, cela ne me propose pas de catalogue, simplement les modèles de pages du layout précédemment téléchargé.
Je ne peux pas faire plus clair…
Lycia sur 6 juin 2018 à 14:47

Bonjour Claire, avez-vous la licence Divi et est-ce que votre thème est à jour ? Ça pourrait venir de là ?
André sur 7 juin 2018 à 18:32

Bonjour,
C’est fou comme les choses sont faciles quand on est déjà un expert de la chose… 😉 Ben non, pas pour moi. Je n’ai pas « télécharger à partir de la bibliothèque » (je ne sais pas encore ce que c’est que ça du reste) mais « télécharger le modèle ». Et là, j’ai l’affichage de 43 layout packs. L’ennui c’est que ce sont des modèles de sites complet, ce qui fait que pour rajouter quelques pages à mon site ça devient un peu lourd… Sans compter que DIVI pour un néophyte comme moi, n’est pas si facile à manier. Apparemment le jour n’est pas encore venu où l’on pourra bâtir son site comme avec un traitement de texte ou un logiciel type Publisher… Je prédis la fortune à celui ou celle qui sortirait ça un jour…
Lycia sur 7 juin 2018 à 18:39

Bonjour André. Oui ils proposent des packs mais si vous choisissez le layout qui vous convient sur la droite, lorsque vous êtes dans un pack, vous avez certainement des pages qui s’appellent « about » « home » etc. Si vous sélectionnez celui qui vous intéresse, il va s’afficher sur la gauche et là, vous pourrez cliquer sur « use this layout ». Vous ne téléchargerez donc seulement ce layout et non le pack complet. Vous voyez ? Attention, avant de cliquer sur « use this layout » vous avez en dessous une option à cocher ou à décocher qui vous permet de remplacer le contenu de votre page existante par le layout ou bien d’ajouter le layout à la suite du contenu déjà présent sur votre site. Si vous oubliez de décocher l’option, c’est irréversible. J’espère vous avoir aider… mais je crois que je vais faire un tuto car vous n’êtes pas le seul à poser des questions sur cette fonctionnalité.
dub sur 26 septembre 2018 à 22:41

bonjour
je n’arrive pas a telecharger un layout quand je fais telecharger un modele, je clic sur le layout et sur use this layout mais rien ne se passe je reviens sur la page de creation de page mais je n’ai pas le layout. apparement il ne se telecharge pas…. auriez vous une idée du pourquoi de ce qu’il se passe ? ou du comment faire ?
merci
Lycia sur 2 octobre 2018 à 15:54

Bonjour, ce bug me parait bizarre. Est-ce que tout est à jour ? Avez-vous un plugin de cache ? Avez-vous bien enregictré votre clé API dans l’onglet « update » des réglages de Divi ? cf https://astucesdivi.com/options-divi-onglets-integration-updates/
William - Ecrire un bon article de blog sur 6 février 2019 à 06:37

Bonjour merci pour cet article, a mon sens divi est vraiment le meilleur thème surtout avec son builder en temps réel, c’est un vrai plaisir de travailler dessus désormais !
Maya sur 18 février 2019 à 10:22

Bonjour, j’ai le projet de créer mon site. Je pense opter pour Divi mais j’ai cru comprendre que la dernière version fin 2018 apportait de grosses modifications au niveau du builder.
Du coup, je me demande si tout ce que vous indiquez dans cet article est toujours possible avec cette nouvelle version ?
Lycia Diaz sur 18 février 2019 à 21:36

Bonsoir Maya !
Bien sûr et heureusement qu’on peut continuer à utiliser des packs de layouts (mise en page) tout prêts. La nouvelle version de WordPress a contraint Divi à être utilisé en « front-office », même si tu peux quand même continuer à construire tes pages depuis le back-office puisque Divi a prévu une option pour ça. Tu peux utiliser Divi sans problème 😉
Lycia Diaz sur 18 février 2019 à 22:29

Oui, merci William. Divi est bien pratique 😉
Alik sur 1 avril 2019 à 00:31

Bonsoir
Je compte créer mon site avec divi, mais pour le moment je travail en locale j’ai testé divi sa marche plutôt bien, le problème est que j’aimerais travailler avec les layouts télécharger au préalable, et que l’importation s’est faite avec succès, cela ne s’affiche pas quand il s’agit de charger à partir de la bibliothèque. Cela me bloque d’avancer avec les layouts d’ici!
Lycia Diaz sur 1 avril 2019 à 23:29

Salut Alik,
Si vous voulez importer des layouts Divi tout prêts (ceux disponibles depuis la bibliothèque), vous devez être en possession de votre licence Divi (clé API) et renseigner vos identifiants dans l’onglet UPDATE. Sans cela, ça ne marchera pas.
SCHMITT Jean-Luc sur 21 octobre 2019 à 20:27

Bonsoir,
Pour un client je cherche un layout : boutique vente matériels informatique .. il a un magasin physique mais souhaite mettre un site en place

une idée Merci
Merci
Lycia Diaz sur 21 octobre 2019 à 21:27

Salut Jean Luc,
Il te suffit de créer le design de ton site ou tout simplement d’importer un Layout « tout prêt » disponible dans Divi. Si tu ne trouves pas le layout idéal pour le domaine de l’informatique, il te suffit d’utiliser un layout qui te plait : le reste est une histoire de couleur et d’images. En fait, les layouts sont proposés dans une thématique mais tu peux très bien les « détourner » pour que ça colle à ton projet, c’est le but d’ailleurs.
😉
SCHMITT Jean-Luc sur 22 octobre 2019 à 20:21

Bonsoir Lycia

J’ai une question, sur divi, à chaque mise du thème divi ! j’ai le message qui suis :

Votre site rencontre un problème …

J’ai bien entendu acheté chez elegantthemes et j’ai la clé API

A la suite de cela je rafraîchi la page et c’est reparti …

Tu aurai une piste ….
Lycia Diaz sur 23 octobre 2019 à 16:46

Salut Jean Luc. Cela ne vient pas de Divi. J’ai le même problème à chaque mise à jour, surtout pour les plugins. Ça a commencé depuis la MAJ de WordPress 5.2 je crois et cela n’arrive que sur l’un de mes sites alors que tous mes sites tournent sous Divi. Donc, par élimination ce n’est pas Divi. La seule chose qui change dans mes sites, c’est l’hébergement. Donc, par curiosité, tu es chez quel hébergeur ?
Jluc sur 23 octobre 2019 à 20:56

Je suis chez o2switch

Merci pour ta reponse
Lycia Diaz sur 23 octobre 2019 à 21:14

Moi aussi c’est sur o2switch justement…
CECILE MABLOUKE sur 26 décembre 2019 à 19:58

Bonjour,
Je ne parviens pas à charger des laout depuis mon interface. Quand je clique sur « ajouter » dans « Page » je n’ai pour seule option que « Utiliser le générateur Divi »… Avez-vous une idée de quel peut être le problème ?
Merci d’avance !
Lycia Diaz sur 1 janvier 2020 à 23:05

Bonsoir Cécile.
Oui, il faut activer le « générateur Divi » pour pouvoir télécharger des layouts au sein de la Page. Sans cela, c’est impossible car c’est Divi qui gère les layouts et non WordPress.
Michele sur 9 mai 2020 à 10:02

Bonjour Lycia
si on fait un site avec plusieurs pages on peut changer de layout par page ?
merci
Lycia Diaz sur 9 mai 2020 à 10:06

Bonjour Michèle ! Oui bien sûr. Tu choisis n’importe quel layout à chaque page.
Michele sur 13 mai 2020 à 23:36

une question bête
les layouts c’est payant ? à acheter sur le site ?
Lycia Diaz sur 14 mai 2020 à 08:14

Salut Michelle. Pas du tout, ils sont inclus avec la licence Divi et tu les télécharges directement depuis le Visual Builder
Michele sur 14 mai 2020 à 12:08

ok je viens de comprendre et j’ai trouvé
mais par contre là j’avais un layout qui me plaisait bien et je ne trouve pas comment remplacer leur image de fond par une à moi.
Du coup avec mon mari on fabrique nos propres modeles mais c’est long
et souvent je bloque parce que dans le module image ca ne met pas forcément le format que je veux et je n’ai pas encore trouvé comment l’agrandir alors que pour le texte on peut faire plein de changements
Christophe sur 21 février 2021 à 12:06

Bonjour Lycia,

Merci pour toutes ces astuces. Cependant, en tant que designer, je souhaiterai télécharger les templates DIVI/Layout comme PSD. Comment fait-on ?

Merci de ton retour.
Lycia Diaz sur 26 février 2021 à 09:25

Bonjour Christophe, je crois que ce n’est pas possible.