Convert Your Website into a Mobile App REALLY EASILY!

[Music] these days more and more people are spending far more time on their phones than on their computers and if you have a website that does not have some sort of mobile optimized version available preferably even an actual application version available then your engagement levels are going to be far lower than what they could be but mobile app development is super expensive and time consuming i hear you say well that's what i thought as well until just recently when i stumbled upon at my site which is a platform that enables you to take pre-existing websites and transform them into beautiful mobile applications literally within minutes i mean check this out this is a fashion shopping application i made from a wordpress website in under five minutes using the app my site platform it has all the features you'd want in an application and it looks phenomenal as well and so for today's video i'm going to show you just how easy it was to create this app using the at my site platform oh and before we get going this video is sponsored by at my site so a big thank you to them for supporting the channel but with that being said let's dive in now once you're signed up to the app my site platform you'll be able to get started straight away by clicking on this create new app icon and from there you'll want to enter the relevant information about the site you're wanting to convert into an application now up until just recently at my site actually only worked with wordpress websites but they just recently also added support for non-wordpress websites which is really cool just keep in mind you won't get access to all of the native features that are available to wordpress websites but i did do a quick test using my own website and the end result was still really solid but for this video i'm going to go ahead and use the urldailyfashionstore.com which is a wordpress website so accordingly i'll leave this selected as wordpress here and i'll also check this woocommerce toggle here then give my app a name which will be daily fashion i can then hit build up and then at my site we'll start analyzing the website and once that is complete we'll be taken straight to the apps dashboard and now we get to start customizing the app we'll first be taken to this appearance section which is where we can design our app icon and if you don't yet have an icon then you can use some basic settings here to create your own but if you've got an actual app icon then you can click this upload option to upload an image from your computer with that done i can tap on next and i'll now be taken to the launch screen section which is the screen you see straight after opening your application but before the actual app content loads and again we can either create one right here by adjusting these various parameters or we can of course use the upload function again to add our own images which is what i'm going to do okay with that uploaded i'm going to hit next and then if your site has one you'll be taken to the login and sign up page as with the previous sections we've also got loads of customization options on this page but for the time being i'm just gonna go ahead and upload a logo and i'm gonna tweak some of these other settings to suit my personal preference but honestly it is staggering just how quickly you can achieve something that looks really professional using these customization settings with that done i'll again hit next and now i'm taken to the color theme section and i'm going to keep things pretty minimal here and select white as my primary color and then a dark gray as my text color i'll also change the font to poppins semi-bold which i really like the look of and then i'm going to adjust the button color here so it's this darker yellow color which again i quite like with that done i'll hit next and the last page here in this initial setup process is our home screen which basically allows us to customize what pages are visible from our website within the app i'm actually going to disable the home header and the main banner here for a cleaner look i'm going to also move the sale products section to the top but then for the time being i'm going to leave everything else as is i'll hit next and that's the key setup of our app complete from there we need to actually connect our website using a wordpress plugin so let's quickly open up our website's wordpress dashboard then come to the plugin section and select add new then we want to simply search for at my site and click on install now and then on activate then i can come back to app my site and open up this connectivity page and from here i can click on install plugin and then click on verify we'll then be taken to this grant access section and on this page we need to first activate this toggle then enter our administrator username from wordpress and then a password that we need to define via the user profile section on our wordpress dashboard and once we've copied those details in we can hit verify and with that done our app is technically now ready for testing but before we do that i do also want to come to this settings menu here and tweak a few additional settings firstly i'm going to click on the bottom bar and disable the home and blog buttons then i'm going to tap the settings button next to the shop option here and select this as the default selection i'm then going to tap on the settings button for the profile option here and tap this button to change the icon there are a heap of pre-made icons to choose from here but i'm going to search for the word edit and then select this icon and then click on add i'll then drag the profile item so it sits above the menu item now i'm going to click on the style option and change the border color to white i'll also change the item color to a dark gray and then change the selected item color to that same yellow color i used previously i might even disable this show text option for an even cleaner look then i'll hit save now as you can see there are a huge number of additional features that are worth looking into if you are using the app my site platform including adding the option to enable guest browsing adding monetization options to your app setting up chat functionality plus a heap more that i do not have time to cover in this video so i'm going to leave everything else as is for the time being and jump forward to the testing and finalizing steps now there are three options for previewing your completed app the first is to come to the preview page here and view an emulated version of your app on ios or android which works pretty well as an in-between but nothing quite compares to actually previewing an app on a smartphone device and amazingly at my site also offers this functionality available via two methods the first is to install the app my site application and once you're logged in you'll be able to preview any of your apps straight away but my preferred option is to build an actual apk version of the app which we can then download and install on our phones to do this we need to come to the download section and there is an option for both ios and android here but because i'm going to showcase the app on an android phone in this video i'll go ahead and click build android app i'll then hit confirm and i'll leave everything on this page toggled off for the time being but you may want to look into these depending on your use case but i'll now go ahead and tap on build app that'll then initialize my build request which could take a few minutes to complete and once it has it'll then start actually building an apk version of the app i'm obviously going to speed this process up for the sake of this video but once it has completed i'll be able to download an apk version of my app which i can then transfer over to my phone and so here's the apk file downloaded and ready to go and when i first open it you'll see that i get a prompt saying this app does not have permission to install applications so i'll just need to go ahead and grant it that necessary permission but with that done it'll now install my application and once it is installed i can then tap on open and here we go we are into our application now you just saw the launch screen there when i first opened it and now we've been redirected to our login page but for the time being i'm going to browse the app as a guest which is an option i enabled under the user settings page and now went into the main interface of our app and as you can see this looks just like a shopping application should i can browse through this main page here and tap on any product i can then read more about any given product view the images related to that product and even add it to my cart i can then come back and tap here to view product categories and if i tap on one there you go there are all of the products within that particular category i can even search for products and that works beautifully and if i come back to the home page again you can see recently viewed products down the bottom and let me remind you how quickly this took to set up you literally watched me do it and yet the end result is phenomenal i can also tap on the profile menu here and look at the really nicely integrated profile page i'm obviously browsing as a guest at the moment but if i do log in it'll then let me edit my profile information view past orders change my password or even adjust some app settings which is amazing and i didn't even have to do any of this the app my site platform just did it all for me and what's really cool is that if i realize that something isn't quite right about the app so let's say i want to change this menu icon here then i can just come back to the app my site platform change it to let's say this quill icon for example and then once i hit save i can come back to my phone quit and reopen the app and there you go the icon has been updated automatically without me needing to rebuild and install a new apk there are some features that do need to have the apk rebuilt but most of the features related to how the app looks can just be updated without ever having to rebuild the thing it's awesome and so there you have it that is how easy it is to transform a website into a fully functioning mobile application and i think you'll agree the end result is super impressive i can see this being an incredible tool for all sorts of businesses bloggers or even creators looking to diversify their digital presence so if you want to try it at my site then you can do so using the first link down in the description below but that's it hopefully you enjoyed the video thank you all very much for watching thank you to the team at my site for supporting the channel and i will catch you later [Music] you

Channel: Sam Beckman

Views: 190,264

Keywords: sam, beckman, website to app, how to make an app, android app, convert website to app, website to android app, AppMySite, App My Site, how to create an app, how to build an app, app builder, create an app, how to develop an app, app maker, make android app, create android app android app development, app development, ios app development, mobile app development, wordpress, woocommerce, Wordpress Plugin

Id: SzngP_QWgKA

Length: 10min 23sec (623 seconds)

Published: Wed Jul 13 2022