How to Transform A Divi Layout Using Divi AI

Divi is known for having some incredible pre-made layouts but what do you do if you find a layout that you love that just sadly doesn't match the theme of your website that you want to make let's say you absolutely love the corporate layout pack that you've seen but you're thinking this can't apply to me because I'm making a website about my band with the power of Divi AI you can change that corporate layout pack into a website about your band in the snap of a finger Divi AI is an incredibly powerful tool that's like having an entire team of designers and writers at your disposal to help you out with your website now if you haven't checked it out already go down into the link below there you can try out Divi AI for yourself so you can follow along with this tutorial but I'm going to show you how you can take a layout pack and change it to the needs of your website just using the power of Divi AI let's jump in so I'm going to show you a simple example of how this works really quick let's say you absolutely love the way the Divi bake shop layout looks but you don't run a bakery you run a coffee shop we'll use the power of Divi AI to quickly change this to match the branding of your site how you would want it so we'll just open up the home page here and I'll show you how this works I'll use this layout and here you can see our bake shop layout it's a gorgeous layout if you were to be running a bakery so what we're going to use is Divi ai's image creation abilities to make these related to coffee and not to pretzels so it's very quick and easy all we have to do is open up the module settings for the image we want to change and when you hover over the image here there's this little button that says AI if you click this what we can do is we can improve this image using Divi AI now when you're doing this you have a lot of image styles to choose from so if you want to look like a photo or concept art drawings watercolors cartoons Etc you can play around with this as you want but for here I'm going to use a photo then we just want to say what we want this image to be so we'll simply do a cup of coffee and then here's where you determine how much of this reference image it's going to take into account when it's making the image so in this case if we make this too high it's going to try and make it too much like a pretzel and if we make it too low it won't take any of the image into account so let's make a little bit less and we'll just make this a nice 20 then I'll hit generate and it's going to take a few seconds and generate our images so here you can see it gave us a few cups of coffee and since it was referencing the first image it took into things like the orientation of the image and some of the colorations as well and from here we have some options if you like one of these you can just click it and hit use this image or you can have it just generate four more if you don't like these at all so let's try that so here you see it's giving us four completely new cups of coffee then if you do like one but it's not quite how you want it to be you can click that image and you can hit generate more like this one so let's try that so you can see how it looks so you can see it took the same feel of that first one but gave us a few different options and if you want to refine this prompt altogether here's where we can refine it more now one piece of advice is the more specific you can be with this the closer it's going to be to what you want so if we wanted a cup of coffee but we want to say in a green cup we can do that and generate this and now it's going to put the coffee into a green cup for us so you can see it has the same feel as before with our new images but now it's in a green cup so let's say I like this one right here we'll hit use this image you can see it put it in for us and then we can save these changes if we like it so now all we have to do is change these other three images of pretzels so we'll do the same thing open our up on module settings go to Ai and here we'll generate with AI have the same image Styles we'll keep it as a photo this one let's do a barista making coffee at a coffee shop if you haven't reference image that you want it to use you can upload here and here's where you can change your aspect ratio and then the size that you want of your image if you have a specific size and we'll just generate here so then if we like one of these we can just take it we could either generate more like we did before or we can just use this image so now we have that one we'll do the other two as well we'll save this module settings let's make this one we'll generate and have it be freshly baked scones we'll generate we can take these scones here let's use this and then we'd set the change our last image save this and then our last image here let's do this and we'll generate here let's make this latte art and we'll generate let's say we like this one we'll use this image and we can apply this now let's just change the name of our site so we'll have Divi coffee shop then let's change our section here that has the pretzel so we'll go to our section settings or has background we'll go to background image and then we can do the same thing so we'll generate we'll improve this with AI we'll make this one coffee beans we'll generate so we go ahead and use these coffee beans here let's use this image we'll apply these now we just have to change our image descriptions that we have and what's really awesome is we can also use Divi AI to help us with this as well so let's go to our module settings for this text here and if you scroll down similar to the images we can just click the Divi AI options and what we want to do is just have it right with AI so here we'll just say this is a title you can choose which content type it is there's paragraph button title Etc we'll do a title we'll just say a cup of coffee and then you can choose how much context it's going to use for your page you can have Divi AI scroll through your page to use contacts from that same with your section or module I'm going to do no context since we're not using the bakery idea and we're going with a coffee shop we're going to generate this and it's the same thing as with our images if we don't like what it says we can hit retry and if we like it we can hit use this if you don't want to use WBA for this and you know what you want it to say you could say something you can just type in what you want we'll say R Baristas but if you're like me and get writer's block Divi AI is amazing because it can help you out quite a bit and we'll just change these really quick now you can see in just a few minutes and using Divi AI we transformed this Bakery layout to match our coffee shop branding that we wanted super easy very quick and extremely powerful but let's say that you found a layout that doesn't even match anything close making a bakery into a coffee shop that's not super difficult but what if we had something a little more crazy so let's say that you're going through the Divi layouts and you see this one and you really like how pop-up picnic looks but you're thinking to yourself this layout isn't going to work for me because I'm a lawyer well with Divi AI That's not a big deal let's go ahead and use this layout and we'll use the power of Divi AI to make this about our theoretical Law Firm so let's start by replacing this big image on the left so we'll go to the module settings go to Ai and let's generate with AI and then we're going to use the same size as the image that we have over here and let's use scales of justice and we'll generate that so then we'll choose one that we like we'll select it and then we'll use this image so then we'll go ahead and apply this let's change this image as well and we'll go ahead and generate this one with AI we'll make this one a law book and we'll generate let's say we like the way this book looks so we'll use this and then we'll use Divi AI to write us some copy so we'll apply this we'll change the name from pop-up picnics to divvy law now that we have our images in place let's go ahead and go in here and change our copy using Divi AI so go to our module settings and we'll scroll down to the AI button and we'll click this and let's go ahead and write with AI so we can change what it's about a title a paragraph a button Etc let's do a title here it's about a law firm we're going to use no page context here and let's generate the text if you like it you can hit use just like with images if you don't let's try again and if we like that let's use this text here and then we'll just make sure that we make this The Heading so we'll change this from paragraph to heading one we'll accept this now let's change our body copy here we're gonna do the same thing AI we're going to write with AI we'll make this into a paragraph and we'll say explain why our Law Firm is the best we're going to use node context and generate and it's going to give us some copy about why our Law Firm is the best let's go ahead and use this text and then there's another couple awesome things you can do here so if you go back to the AI here there's some quick actions you can make it quickly lengthen shorten simplify it so if this is too long we can hit shorten and then we can use that and it shortened it a little bit for us and then we'll just change this button since view packages doesn't quite make sense we'll just change this we'll say something like View Services we'll save that and as you can see using just the power of Divi AI in only a few minutes you can customize any layout that you see to match whatever page you want to create Divi AI is an incredible tool that gives you the ability to turn any layout that you see into a layout that matches the exact website that you need if you haven't already make sure you check out Divi AI there's a link down in the video description below where you can get started today once you try it out you'll wonder just how you've been able to make it in this long without Divi AI in your life thank you so much for watching this video before you go make sure you check out the rest of our Divi AI playlist we have a lot of cool tips and tricks for you and we go into a lot of cool product features as well so that you can get the most out of Divi and Divi Ai and we'll see you in the next video thank you

Channel: Elegant Themes

Views: 5,233

Keywords: divi tutorial, divi builder, divi 4.0, divi 4.0 tutorial, divi builder tutorial, divi theme tutorial, elegant themes

Id: Yx2OLYtvKoU

Length: 8min 20sec (500 seconds)

Published: Mon Aug 14 2023