AI-Powered Website Editing – Hostinger’s Desktop vs Mobile View!

let me show you on this video hostinger mobile website editor now in this case you can edit desktop view and mobile view without affecting one or the other this is a great idea because you want to make mobile view a little bit more Compact and more appealing to the eye for mobile viewers so let me show you how Hoster does this right now what's up SAS Masters I'm going to show you how to edit this website on desktop view and mobile view using hostinger AI website builder now this is the main panel but before I show you how to do it I'm going to show you the spor for this video which is hostinger they have a great affordable pricing for shared hosting so if you need a shared hosting I do recommend that you check them out now jump over to hosting plans go to web hosting and this is where you find the shared hosting plans now I'm going to show you this main plan which is the most popular one I'm going to add it to card and the reason I want to show you this is because I have an extra discount coupon code that I want to show you now once you're here you have to select the amount of months that you want to pay in advance I recommend 48 months you get the lowest price plus you also also get the lowest renewable price plus you're good to go for 48 months now right now the price is $167 but if you use my coupon code which is sasm go ahead and apply it and the price drops to $150 with.

77 so don't forget to use the coupon code now for the editor view of mobile and desktop once you're in the panel jump into websites and then websites you're going to create or migrate a website so let's click on this one select your shared hosting plan in this case I'm going to select this one I'm going to select the plan you're going to start now and we're going to select the create a new website and in website you have two options WordPress with AI and hostinger Builder with AI this is what I want to show you so let's go ahead and select it and for now I'm not going to select one of the domains I have on hostinger in this case I'm going to use a random domain that they provide and then I can lock it into one of the domains I have so once I do this it's going to start with the website builder editor so let's give it a few seconds here we go we're going to get started with the AI process so let's start creating dating I'm going to name my brand I'll just say coffee Corp website type it's going to be a a landing page landing page and I'm going to give it a quick description okay so I just wrote my quick descript description let's go ahead and create the website here we go our website is now ready written with AI so it now has it now has images based on my description and what it has to do about it so it it's giving me text and images that have to do with this okay now the idea is to edit the desktop view and the mobile view so take a quick look at the desktop view okay let's go now into mobile view so in this case you're going to see that it's a bit a little bit long some of these have a little bit of too much margin for mobile view so in this case I'm going to make some changes on mobile view so for example I'm going to move this up a little bit more and we're going to move this button to the right just for a quick example and we're going to change a little bit something here so let's move this image up also and we're going to shorten this so it's not as long here we go and let's go back into mobile view so mobile view nothing has been changed everything everything's here the button still centered the images are still in the same place but on mobile view we have a different view now let's go ahead and preview this to show you that this does take effect so this is the mobile view you can see the buttons move to the right it's a little bit shorter less margins on this uh website for mobile view but if I go back to desktop on The View you can see it's normal nothing has been changed everything's fine there so it's going to be different mobile view and desktop view so I'll go back into editor again I'll go back into desktop and I can make changes that will not affect mobile view so again I'll move this right here I'll move this a little bit more to the top and this is just for playing around to show you the the concept of this and let's go back into mobile view and everything's the same we have the same layout as we did before but it's not affecting the desktop view or the mobile view so it can be independent it doesn't have to be the same elements in the same place it could be changed I can add some elements here and if I want to add something there I can do so and then start editing the desktop view and the mobile here so once you're good to go and you like what you've created on desktop on mobile view go ahead and go live and if you haven't connected the domain go ahead and do so by locking in the domain that you have on hostinger so it's super easy to start editing your website on desktop view and mobile view with hostinger's website AI Builder so there you go it's a quick video on how to do this so if you want to do it for yourself go ahead and try it out and don't forget to use the coupon code for the hostinger discount and that's a wrap

As found on YouTube

Get Your Resources Here:

You May Also Like