8 astuces pour générer des pages parfaites avec Divi Layouts AI

Publié: 2024-05-02

Êtes-vous toujours en train de créer et de configurer manuellement les sections, les modules et les paramètres individuels du site Web, un par un ? Divi Layouts AI est une nouvelle fonctionnalité qui exploite la puissance de l'IA générative pour créer des pages Web entières à partir d'une simple invite. De la génération de contenu à la mise en page, Divi AI fait tout. Si vous n'avez pas encore utilisé vos crédits gratuits, vous devez l'essayer. Vous trouverez ci-dessous huit trucs et astuces d’utilisateurs expérimentés pour tirer le meilleur parti de Divi AI. Avec ces conseils Divi Layouts AI, vous serez sur la bonne voie pour une conception Web plus rapide.

Table des matières
  • 1 Un aperçu de Divi Layouts AI
  • 2 conseils pour utiliser Divi Layouts AI pour la génération de pages Web
    • 2.1 1. Maximiser les invites de page et les invites de détails du site
    • 2.2 2. Générer des images de qualité avec des descriptions de style
    • 2.3 3. Construire avec SEO Mindfulness en utilisant des mots clés
    • 2.4 4. Spécifiez les sections de page exactes dont vous avez besoin
    • 2.5 5. Reconstruisez facilement votre page en cas de besoin
    • 2.6 6. Adaptez vos conceptions de pages avec les polices et les couleurs préférées
    • 2.7 7. N'oubliez pas que tout est personnalisable
    • 2.8 8. Supprimer les images AI inutilisées de la bibliothèque multimédia
  • 3 mises en page AI permettent de gagner encore plus de temps
  • 4 Obtenez Divi AI aujourd’hui

Un aperçu de Divi Layouts AI

Divi Layouts IA

Divi Layouts AI, désormais intégré à Divi AI, est disponible pour toute personne utilisant le thème Divi. Il nécessite un abonnement annuel ou à vie au thème Divi) et dispose d’un abonnement Divi AI actif. Une fois ces deux éléments en place, vous êtes prêt à accélérer vos processus de conception Web avec Divi Layouts AI.

Divi Layouts AI est excellent pour créer des pages Web, point final. Il peut générer des pages statiques ou des modèles de générateur de thèmes. Cela signifie les pages d'accueil, les pages à propos, les pages de contact, les pages d'archives de blog, les pages de publication unique, les pages de produits, les pages 404, les en-têtes/pieds de page, et plus encore. Il est même capable de créer des pages de panier et de paiement WooCommerce. Si vous devez créer une page, Divi AI peut rapidement se lancer dans votre projet. Accédez simplement à Visual Builder là où vous en avez besoin pour vous mettre au travail et regardez-le faire son travail.

Nous avons un guide complet sur Divi Layouts AI si vous avez besoin d’aide pour y accéder et utiliser ses fonctionnalités. Assurez-vous de suivre attentivement ce guide pour être opérationnel.

Maintenant, êtes-vous prêt à recevoir quelques conseils pour maximiser votre expérience Divi Layouts AI ?

Conseils pour utiliser Divi Layouts AI pour la génération de pages Web

L’IA est facile à utiliser, mais cela ne signifie pas que vous pouvez apporter des optimisations à la technologie. Avec ces conseils, nous allons vous montrer la meilleure façon d’obtenir des résultats de qualité grâce à Divi AI.

1. Maximisez les invites de page et les invites de détails du site

Divi Layouts AI prend plusieurs entrées avant de créer un nouveau modèle de création de page ou de thème. Il existe deux principales entrées et champs de texte pour ajouter votre demande :

  1. Décrivez la page que vous souhaitez que Divi AI crée : L'invite principale doit inclure ce que vous attendez de voir sur la page. Incluez des sections, des types d’informations et d’autres instructions visuelles.
  2. Parlez à Divi AI de votre site Web (facultatif) : cette invite secondaire fournit plus de contexte sur votre site Web. Incluez des détails sur votre entreprise, le fonctionnement de votre site Web et les informations qu'ils peuvent y trouver. Cela permet de renforcer la pertinence contextuelle du contenu de la page tout en garantissant que les détails importants ne sont pas négligés.

Le premier est l’invite spécifique à la page, qui guide l’IA sur ce qu’elle doit inclure sur la page. Vous devez inclure ce que vous attendez de voir sur la page, section par section. L'invite doit être spécifique avec les détails du flux de page, y compris les objectifs de la page et les types de contenu que vous souhaitez afficher. Vous pouvez même lui donner une partie du contenu (titres et corps du texte) que vous souhaitez qu'il utilise. Tout cela vous aide à générer des mises en page uniques avec Divi AI.

Dispositions DI AI - Champs de saisie d'invite de page et à propos

Le deuxième champ de saisie concerne le contexte. Il doit contenir des détails sur votre site Web et sur le sujet de votre site Web. Plus les informations que vous mettez dans ce champ sont bonnes, meilleurs seront les résultats que vous obtiendrez de Divi AI. L’inclusion de détails triviaux créera des sections triviales. des images et du texte. Un site Web d'entreprise peut inclure des informations importantes telles que le nom de l'entreprise, les coordonnées, les services/produits et la structure générale du site. Pour aller plus loin, cela pourrait inclure des différenciateurs uniques, un aperçu de la marque et un style d'écriture.

2. Générez des images de qualité avec des descriptions de style

Divi Layouts AI créera des images qui correspondent largement à la page que vous lui demandez de créer. Il le fait lorsqu'il crée une section dans laquelle l'IA s'attend à inclure une image (héros, galerie, témoignage, etc.). Puisque vous savez qu'il créera des images pour vous, autant lui demander de créer des images qui correspondent au style que vous souhaitez. À l'invite de votre page, incluez des détails spécifiques sur les images que vous souhaitez voir générées.

Voici un exemple d'invite de page qui inclut des spécifications pour les images. Voyons comment Divi AI a fait.

Exemple d'artistes d'animaux en ballon - Styles d'image de description

Divi AI prend toutes les instructions rapides et crée une page entière à partir d'elles. Dans cet exemple, il a fait un excellent travail en créant les images que nous souhaitions : des images de ballons lumineuses, colorées et centrées sur les enfants pour les événements pour enfants. Divi AI a parfaitement géré ces images.

Exemple de Bonanza de Ballons - Section Héros avec Desc'ed img

Il y a aussi une section galerie plus bas sur la page avec des images qui correspondent étroitement à notre description. De plus, nous adorons le jeu de mots sur les animaux en ballon dans le titre « De délicieux détails à chaque tour ». Cela nous donne envie que cette entreprise soit réelle !

Exemple de Balloon Bonanza - Section Galerie avec images décrites

Si vous n’aimez pas une image en particulier, vous pouvez utiliser le générateur ou l’éditeur d’images de Divi AI pour vous concentrer sur une image et créer ce dont vous avez besoin. C'est la beauté de Divi Layouts AI : vous pouvez créer une page Web personnalisée en quelques secondes, afin de pouvoir consacrer plus de temps aux détails.

Consultez notre guide d’invite d’images Divi AI pour vous aider à mieux demander à l’IA de créer des images que vous adorerez.

3. Construisez avec SEO Mindfulness en utilisant des mots clés

Nous recommandons toujours de faire au moins quelques recherches de base de mots clés avant de créer un site Web ou même une seule page. Si vous en avez l’occasion, vous pouvez appliquer ce que vous avez appris à la création de pages de Divi AI avec Divi Layouts AI.

Incluez les mots-clés principaux et secondaires pour lesquels vous souhaitez que cette page soit classée. N'utilisez pas de mots-clés utilisés par d'autres pages de votre site. Cela aidera Divi AI à créer du contenu et des images mieux adaptés aux spécifications de vos mots clés.

Inclure des mots-clés SEO dans l’invite AI de Divi Layouts – Exemple d’invite

Effectivement, non seulement Divi AI a créé la page que nous avons demandée, mais le texte comprenait également un grand nombre de mots-clés demandés. La meilleure chose à propos de l’utilisation des mots-clés ici est qu’ils sont contextuellement pertinents pour chaque section de contenu.

Exemple de Divi AI utilisant les mots-clés demandés dans la création de pages

Notez que vous devrez toujours configurer les paramètres de votre page SEO à l'aide de votre plugin SEO préféré (comme Rank Math ou Yoast). Examinez également les images générées par l'IA que vous avez conservées sur votre page. Assurez-vous de renommer les noms de fichiers pour chacune et de leur donner des descriptions Alt.

Les images générées par l'IA nécessitent un titre d'image et une description alternative

En ce qui concerne le contenu de la page, il est optimisé dès le départ.

4. Spécifiez les sections de page exactes dont vous avez besoin

Divi Layouts AI a beaucoup de punch. Avec les bonnes instructions, il peut créer des pages avec des galeries, des formulaires de contact, des témoignages, des sections héros et bien (beaucoup) plus encore. Lorsque vous savez comment vous souhaitez configurer votre page, n'hésitez pas à orienter Divi AI dans la bonne direction. C'est là pour vous faciliter la tâche, et non l'inverse. En lui donnant les sections exactes que vous souhaitez inclure sur la page, vous préparez Divi AI et vous-même au succès. Voici un exemple de nous demandant à Divi AI un site Web d'une page Boba Tea avec des sections spécifiques.

Boba Blast Prompts - Divi Layouts AI demande des sections spécifiques

La première étape de Divi AI consiste à analyser votre invite pour générer la structure de la page, section par section. Sur la base de l’invite fournie, jetez un œil à la structure de page créée par Divi AI.

Exemple de Boba Blast – Sections générées par Divi AI Match Description

Il a même étiqueté nos sections (comme on le voit dans la vue filaire).

5. Reconstruisez facilement votre page en cas de besoin

Divi AI est impressionnant, mais tout comme un concepteur humain, il peut être surchargé ou nécessiter des instructions différentes. Faire réessayer Divi AI sur la mise en page est simple. Cliquez sur l'icône « + » en bas pour ouvrir le modal « Insérer une mise en page ». À partir de là, vous aurez la possibilité de réessayer avec « Build With AI ».

Demandez à Divi AI de refaire la création de la page – Étapes 1-2

Lors des refontes, essayez de recentrer vos invites sur les éléments les plus importants que vous devez créer. Lorsque vous donnez des détails dans votre invite, soyez clair et concis. Demandez-lui de faire quelque chose une fois (au lieu de reformuler la même demande plusieurs fois dans une seule invite). Même avec l’IA, il existe une courbe d’apprentissage. Lorsque Divi AI crée une page qui ne vous plaît pas, ce n’est pas un sujet d’inquiétude, seulement une opportunité d’être plus clair.

Avec l’utilisation illimitée de Divi AI, vous n’avez pas à vous soucier de refaire la génération de pages. Utilisez Divi AI pour obtenir le bon design selon vos conditions.

6. Adaptez vos conceptions de pages avec les polices et les couleurs préférées

Donner à Divi AI vos polices et vos choix de couleurs dès le départ est un excellent moyen de vous assurer qu’il crée quelque chose que vous aimez. Si vous disposez d’une association de polices idéale (pour les titres et les polices de corps), vous pouvez les configurer pour Divi AI.

Options de typographie et de police AI de Divi Layouts – Choisissez les polices du corps du titre

Si vous avez déjà travaillé sur les couleurs, vous pouvez choisir vos couleurs primaires/secondaires et les couleurs que vous souhaitez utiliser pour votre titre et votre corps de texte.

Choisir les couleurs de police et d’accents - Divi Layouts AI

Divi AI peut choisir des polices ou des couleurs pour ceux qui n’ont pas décidé de ce qu’ils souhaitent utiliser.

Options de sélection de polices et de couleurs - Divi Layouts AI

Lorsque Divi AI crée une combinaison de polices et de couleurs de site Web gagnante, vous pouvez les enregistrer pour une utilisation ultérieure sur d’autres pages. Tout ce que vous avez à faire est de cliquer sur « Oui, s'il vous plaît ! » » pour que Divi AI les enregistre en tant que préréglages AI. La prochaine fois que vous générerez une mise en page, choisissez « Divi AI Default » pour qu’elle utilise à nouveau ce paramètre.

Divi Layouts AI – Styles générés par l’IA enregistrés

Divi Layouts AI sauve les concepteurs de sites Web, quel que soit le niveau de préparation qu'ils utilisent lorsqu'ils créent un nouveau site Web. Que vous ayez un plan de match ou non, l’IA accélérera les choses pour vous.

7. N'oubliez pas que tout est personnalisable

L’une des meilleures choses à propos de Divi AI est que même si l’IA crée la page, vous pouvez prendre le volant à tout moment. Divi Layouts AI utilise des modules Divi standards que vous avez l’habitude d’utiliser dans le constructeur visuel. Cela signifie que l’IA peut créer une première ébauche, puis vous pouvez ensuite intervenir pour tout peaufiner à votre guise.

Modifiez n’importe quel module Divi ou utilisez d’autres fonctionnalités Divi AI sur les mises en page générées par l’IA

Vous pouvez également utiliser les expériences d'IA générative granulaire de Divi AI sur des modules individuels (comme la génération d'images, l'édition d'images, la génération de texte et l'écriture de code personnalisé). Cette combinaison d’IA et de composants de conception Web traditionnels maximise le gain de temps et la personnalisation.

8. Supprimer les images AI inutilisées de la bibliothèque multimédia

Lorsque Divi AI crée une page, elle commence par déterminer quelles sections elle doit créer. Si ces sections contiennent généralement une image, Divi AI créera les images. Cela signifie qu’à chaque requête adressée à Divi AI, vous pourriez créer 1 à 20 images. Si vous faites cela pour plusieurs pages de votre site Web, vous aurez forcément beaucoup d'images sur votre site dont vous n'avez pas besoin.

Voici un exemple d'invite de page de portfolio où de vraies photographies seraient attendues. Néanmoins, Divi AI créera des espaces réservés sur la page.

Divi Layouts AI – Exemple d’invite pour une page de portfolio de sculpture

Effectivement, cela a créé des images. Elles sont géniales, mais dans ce cas, les images générées par l’IA ne suffiront pas à une entreprise vendant de l’art physique.

Exemple de Divi AI créant des images pour une page

Dans ce cas, nous n’utiliserions pas les images car nous avons besoin de photographies de l’art que nous vendons. Divi AI a généré sept images lors de la création de cette page, occupant de la place sur notre serveur. Supprimez-les pour réduire les coûts, en particulier pour les propriétaires de sites Web qui paient pour des services de compression d'images dans le cloud ou basés sur le crédit. Pour ce faire, ouvrez votre bibliothèque multimédia , recherchez les images et cliquez sur « Supprimer définitivement ».

Supprimez les images AI inutilisées de la bibliothèque multimédia pour économiser de l'espace

C’est génial que Divi AI puisse créer des images même lorsque nous n’en avons pas besoin. Ils agissent comme des espaces réservés visuels et peuvent même susciter de nouvelles idées. Ce n’est pas parce que vous ne souhaitez pas utiliser une image particulière qu’elle n’est pas utile. Souvent, cela nous montre à quoi « pensait » Divi AI lorsqu’elle a créé la page.

AI Layouts permet de gagner encore plus de temps

Divi AI a déjà accéléré le processus de conception pour les agences, les indépendants et les propriétaires d'entreprise grâce à du texte, des images et du code génératifs. Désormais, avec AI Layouts, Divi AI va encore plus loin :

  • Inspiration instantanée : Vous avez du mal à trouver un point de départ ? Utilisez des mises en page pleine page magnifiquement conçues que Divi AI génère instantanément. Ces mises en page s'adaptent aux couleurs et aux polices de votre marque, fournissant une base solide pour la conception de votre site Web (ou laissez Divi AI les choisir pour vous).
  • Gagnez des heures et augmentez la créativité : ne perdez pas de temps à dessiner et à itérer sur des mises en page de base. AI Layouts vous permet de vous concentrer sur les aspects les plus créatifs de la conception, comme la personnalisation, la stratégie de contenu, l'expérience utilisateur et la configuration des plugins.
  • Explorez diverses options : Vous ne vous sentez pas inspiré par les modèles de conception standard ? Explorez un plus large éventail de possibilités créatives grâce à des mises en page générées par l'IA qui brisent les sentiers battus. Découvrez des mises en page uniques et inattendues qui peuvent distinguer votre site Web.

Divi AI avec AI Layouts est l’outil ultime permettant de gagner du temps pour les concepteurs occupés. Il vous permet de :

  • Concentrez-vous sur la conception à fort impact : consacrez moins de temps aux tâches répétitives et plus de temps aux éléments qui comptent vraiment.
  • Respectez des délais serrés : surmontez les obstacles créatifs et démarrez vos projets plus rapidement grâce à la génération de mises en page basée sur l'IA.
  • Augmentez le nombre de clients : réalisez efficacement des projets de conception Web exceptionnels, vous permettant ainsi d'accepter plus de clients et de développer votre entreprise.

Obtenez Divi AI aujourd’hui

Êtes-vous un utilisateur de Divi Theme et souhaitez-vous essayer Divi AI ? Tu es chanceux! Divi AI propose aux utilisateurs 100 générations d'IA gratuites à tous les utilisateurs de thèmes. Une fois que vous êtes convaincu de sa puissance et de son utilité, souscrivez à un abonnement Divi AI pour obtenir une génération d’IA illimitée pour vous et les membres de votre équipe (il est utilisable sur tous vos sites Web Divi).

Vous n’êtes pas encore utilisateur du Thème Divi ? Vous devez obtenir le thème Divi en devenant membre avant de pouvoir utiliser Divi AI. Le thème Divi est le thème WordPress n°1 avec le système de conception le plus robuste. Cela facilite la création de sites Web esthétiques et performants. Une fois que vous êtes devenu membre Divi (abonnement annuel ou à vie), vous pouvez alors démarrer un abonnement Divi AI qui vous offre toute la puissance présentée ci-dessus.