The Divi layouts are available directly from the Visual Builder, from the version 3.0.99 of Divi. These Layouts – also called « layouts » – were created by experienced designers/webdesigners who work within ElegantTeamThemes.
In this article, I propose you to discover the Divi layouts which are available in 1 click since on Visual Builder and that will save you a lot of time when creating sites with Divi.
Here is the program:
1 – How were we doing before the Divi layouts?
Before the Divi Builder embarks pre-designed layouts, ElegantThemes distributed to the pre-made layout packages which could be downloaded from the official website.
Then followed a series of tutorials to learn how to use them and how to customize them. It was already nice!
However, some novices could be lost when installing these famous packs: you had to download the folder.zip, extract files .json Then import them from Divi's library.
Not complicated but much more time consuming than the functionality of the Divi Builder…
For further explanation read: how to import or export a Divi layout.
2 - How to insert a Divi layout now?
Now, manipulation becomes simpler and more intuitive.
Indeed, two clicks are enough to install a new Divi layout pack !
Here's how:
- Go to your administration and add a new page (for example)
- Add a title, as usual, then activate the Divi Builder
- Just click on "Load from the Library"
As if by magic, list of layout packs Come on!
Click on your favourite to know its content...
For more precise explanations, discover how to import a layout from the visual builder.
3 – More than 2600 Divi layouts available!
The Divi Builder Current proposal +365 layout packs Divi, which totals 2662 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
53 packs are available in the category Art & Design, or 411 layouts total.
You will certainly find inspiration if you need to create a site in the theme of fashion, interior design, graphics, makeup, etc.
Discover all the layouts of the category Art & Design
Business category
This is the richest category with 89 packs Containing 653 layouts total.
If you need to create a business site, it is here that you can browse the catalogue to find the most suitable design for your project.
All trades are represented: from florist to restaurateur to web hosting provider, Wedding Planner or painter!
Discover all the layouts of the Category Business
The Community & Non-Profit category
13 packs in this category with total 96 layouts prepared.
You will find layouts for your MeetUp, donation, animal collection or political candidate websites.
Discover all the layouts of the Community & Non-Profit category
Education category
18 packs Containing 134 layouts individual to create sites for schools, dance or Yoga schools, e-learning sites, etc.
Discover all the layouts of the Education category
The category Events
Ideal if you need to create a site for a special event such as a wedding, web conference or even marathon. You'll find 141 layouts in 19 packs.
Discover all the layouts of the Category Events
Fashion & Beauty category
Anything that attracts jewelry, makeup, spa, etc. If you need to create a blog on these themes, you can choose from the 184 layouts distributed over 26 packs.
Discover all the layouts of the Fashion & Beauty category
Food & Drink category
If you want to find inspiration to create a website Restaurant, the Food & Drink category offers 333 layouts Distribution 48 packs Hey! There's something to do...
Discover all the layouts of the Category Food & Drinks
Health & Fitness category
Coach sites, Yoga, therapy, dentist, nutritionist, etc. These layouts are ideal if you need to create a site for a health practitioner. In total, 304 layouts Distribution 42 packs.
Discover all the layouts of the category Health & Fitness
Lifestyle category
As its name indicates, here you will find layouts for your lifestyle sites and blogs: travel, garden, golf, etc. Total 212 layouts Distribution 30 packs.
Discover all the layouts of the Lifestyle category
Category Online Store
205 layouts Distribution 29 packs to create your e-commerce sites. Most shops are represented as selling fruit juices, jewelry, tea etc.
Discover all the layouts of the Category Online Store
The Services category
961 layouts available in 132 packs. Here we find many layouts that are classified in other categories.
Discover all the layouts of the Category Services
The Simple Category
Only one pack is available here with 15 layouts.
Discover all the layouts of the category Simple
The Technology category
In this category, you will find inspiring layouts for your video games, digital products, podcast or web developer websites. In total, 24 packs and 250 layouts.
Discover all the layouts of the Category Technology
4 - Individual use of each Divi layout
The layouts are independent of each other. When one of these layouts types you into the eye, you can select it and see in more detail what composes it.
On average, each pack contains 8 layouts and consists of Home (Home page), one page About (by the way), one page Contact, a page of Blog, Landing Page, a page for Portfolios or for Services etc.
Each pack offers layouts in harmony, but you are quite free to pick up layouts independently of the packs. You'll just have a little more work to harmonize it all after.
For each layout, if you click on it, you will have the choice between "View Demo" (view live demo) or "Use" (use this layout), which means you are not not obliged to import the whole pack.
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 "Use", the layout installs and you only need to open each module to modify it. It's so simple!
Learn more about Divi Builder Modules
5 - The layouts of Divi, in conclusion...
The Divi Builder is definitely page builder that offers so many layouts ready. No other builder has a library so rich in choice.
Even if I'm not a big fan of pre-made layouts, I really think that 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 always install some of them to give you a little inspiration and to set your foot in the chain 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 meet your expectations and your plans...
Here's one more. good reason to choose the theme Divi !
Need more resources on Divi? Visit ElegantThemes blog full of ideas and tutos! Or learn how to effectively use this theme through my training Divi !
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 ?
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…
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 ?
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…
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…
Bonjour Claire, avez-vous la licence Divi et est-ce que votre thème est à jour ? Ça pourrait venir de là ?
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…
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é.
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
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/
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 !
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 ?
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 😉
Oui, merci William. Divi est bien pratique 😉
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!
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.
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
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.
😉
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 ….
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 ?
Je suis chez o2switch
Merci pour ta reponse
Moi aussi c’est sur o2switch justement…
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 !
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.
Bonjour Lycia
si on fait un site avec plusieurs pages on peut changer de layout par page ?
merci
Bonjour Michèle ! Oui bien sûr. Tu choisis n’importe quel layout à chaque page.
une question bête
les layouts c’est payant ? à acheter sur le site ?
Salut Michelle. Pas du tout, ils sont inclus avec la licence Divi et tu les télécharges directement depuis le Visual Builder
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
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.
Bonjour Christophe, je crois que ce n’est pas possible.