Divi Layouts: +1000 layouts are available from the Divi Builder

Updated on 19/03/2020 | Published on 01/02/2018 | 24 comments

Divi layouts are available directly from the Visual Builder, and this, since version 3.0.99 of Divi.

These layouts - also called "layout" - were created by experienced graphic designers/web designers who work at the ElegantThemes team.

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

Here is the program:

  1. How did we do it before the layouts?
  2. How to insert a layout now?
  3. The list of the 1100 Divi layouts classified by category
  4. Individual use
  5. In conclusion
Des packs de layouts Divi

Advertisement: This article contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink.

1 - How did we do it before the layouts?

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

This was followed by a series of tutorials to learn how to use and customize them. It was already quite nice!

However, some novices could be lost as to the installation of these famous packs: you had to download the.zip folder, extract the.json files and then import them from Divi's library.

Not complicated but much more time-consuming than the functionality of the Divi Builder

For more explanations, read: how to import or export a Divi layout.

2 - How to insert a Divi layout now?

Now, handling becomes simpler and more intuitive.

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

Here's how to do it:

  1. Go to your administration and add a new page (for example)
  2. Add a title, as usual, then activate the Divi Builder
  3. Simply click on "Load from library".
Charger les packs de layouts Divi
Load Divi layouts packs by clicking on "load from library"

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

Les packs de layouts Divi
For the moment, the Divi builder has 19 Divi layouts packs on board.

Click on your favorite to know its content....

For more precise explanations, discover how to import a layout from the visual builder.

3 - More than 1100 Divi layouts available!

The Divi Builder currently offers +150 packs of Divi layouts, for a total of +1150 pre-made layouts.

These packs are classified by theme:

The Art & Design category

28 packs are available in the Art & Design category, for a total of 213 layouts.

layout art & design

You will certainly find inspiration if you need to create a website in the fields of fashion, interior design, graphics, make-up, etc.

Discover all the layouts of the Art & Design category

The Business category

This is the richest category with 72 packs containing 533 layouts in total.

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

layout business

All trades are represented: from florists to restaurateurs, web hosting providers, wedding planners and painters!

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.

layout non-profit

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

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

The Education category

8 packs containing 58 individual layouts to create sites for schools, dance or yoga schools, e-learning sites etc.

layout education

Discover all the layouts of the Education category

The Events category

Ideal if you need to create a website for a special event such as a wedding, a web conference or even a marathon. You will find 67 layouts in 9 packs.

layout event

Discover all the layouts of the Events category Events

The Fashion & Beauty category

Anything that appeals to jewellery, make-up, Spa etc. If you need to create a blog on these themes, you can choose from 58 layouts spread over 8 packs.

layout beauty

Discover all the layouts of the Fashion & Beauty category

The Food & Drink category

If you wish to find out more about the inspiration to create a website Restaurantthe Food & Drink category offers 117 layouts divided into 16 packs! There is enough to do....

layout food

Discover all the layouts of the Food & Drinks category

The Health & Fitness category

Coach websitesYoga, therapy, dentist, nutritionist etc. These layouts are ideal if you need to create a site for a health practitioner. In total, 141 layouts divided into 20 packs.

layout health

Discover all the layouts of the Health & Fitness category

The Lifestyle category

As its name suggests, here you will find layouts for your lifestyle sites and blogs: travel, garden, golf etc. A total of 76 layouts divided into 11 packs.

layout lifestyle

Discover all the layouts of the Lifestyle category

The Online Store category

101 layouts divided into 14 packs to create your e-commerce sites. Most shops are represented as the sale of fruit juices, jewellery, tea etc.

layout shop

Discover all the layouts of the Online Store category

The Services category

537 layouts available in 74 packs. There are many layouts here that are classified in other categories.

layout services

Discover all the layouts of the Category Services

The Simple category

Only one pack is available here with 15 layouts.

layout simple

Discover all the layouts of the Simple category

The Technology category

In this category, you will find inspiring layouts for your video game, digital product, podcast or web developer sites. In total, 18 packs and 137 layouts.

layout technology

Discover all the layouts of the Technology category

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 layouts and consists of a Home page, an About page, a Contact page, a Blog page, a Landing Page, a page for Portfolios or Services etc.

Each pack offers harmonious layouts but you are free to choose the layouts independently of the packs. You'll just have a little more work to harmonize everything afterwards.

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

For each layout, if you click on it, you will have the choice between "View live demo" or "Use this layout", which means you don't have to import the entire package.

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

If you click on "Use", the layout is installed and you only have to open each module to modify it. It's so simple!

Learn more about the Divi Builder Modules

In conclusion....

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

Even if I'm not a big fan of pre-made layouts, I really think it can help a lot of people. Especially if you don't have the "WebDesign" fiber.

And even if you don't use them in their entirety, you can still install some of them to give yourself a little inspiration and put your foot in the stirrup to tame the design of a page with the Divi Builder.

Finally, do not hesitate to appropriate these layouts and modify them so that they correspond to your expectations and your projects...

Here's another one. good reason to choose the Divi theme !

Layouts embarqués dans Divi
Layouts embedded in Divi: say it on Pinterest!
Divi Layouts are available from Divi Builder

You should like it too:

24 Commentaires

  1. Fabien

    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 ?

  2. Lycia

    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…

  3. Claire

    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 ?

  4. Lycia

    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…

  5. Claire

    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…

  6. Lycia

    Bonjour Claire, avez-vous la licence Divi et est-ce que votre thème est à jour ? Ça pourrait venir de là ?

  7. André

    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…

  8. Lycia

    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é.

  9. dub

    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

  10. William - Ecrire un bon article de blog

    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 !

  11. Maya

    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 ?

  12. Lycia Diaz

    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 😉

  13. Lycia Diaz

    Oui, merci William. Divi est bien pratique 😉

  14. Alik

    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!

  15. Lycia Diaz

    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.

  16. SCHMITT Jean-Luc

    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

  17. Lycia Diaz

    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.
    😉

  18. SCHMITT Jean-Luc

    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 ….

  19. Lycia Diaz

    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 ?

  20. Jluc

    Je suis chez o2switch

    Merci pour ta reponse

  21. Lycia Diaz

    Moi aussi c’est sur o2switch justement…

  22. CECILE MABLOUKE

    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 !

  23. Lycia Diaz

    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.

Trackbacks/Pingbacks

  1. 10 bonnes raisons de choisir le thème Divi ! - […] => MISE À JOUR DU 31 JANVIER 2018 = à présent, vous pouvez télécharger une mise en page pré……

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Shares
Share This