Create a Conversion Focused WordPress Website From Scratch Using Thrive Suite

all right let's see this says we are going live all right okay um let me make sure that i it says we all see what's going on here right so hello everyone okay um um can you guys try to this is this is a new software for me so yeah to figure out if everything is working so can you let me know in the comments if you can hear me and i think that you yeah a new software so just use it let me know in the comments and yeah youtube should be so can you let me know in the comments so yeah here we go okay um all right so you this audio problems let me try to fix that while we're at it um this audio problems let me try to fix that while we're at it um this audio problems let me try to fix that while we're at it this audio problems let me try to fix that while we're at it there's audio problems let me try to fix that while we're at it um his audio problems all right guys all right i'm sorry we're still i'm still trying to figure this out um whether i can just show one tab all right okay one last try silence is golden yeah thank you people i think it would be a little bit boring to watch me build a whole website without any sounds but so now once you see the picture in picture i'm hoping that you also should get my audio all right all right all right it seems that people are telling me that this will work so i just thank you so much for for bearing with me everyone um yeah first of all um all right um so what are we gonna do today so today the goal is to build um this personal branding website so this is a demo site that i built and i want to show you how to do that yourself now um we're gonna have five parts um in in this webinar or in this live stream and um this the first part is we're going to look at how to set up the website the branding uh the smart site and how to create the pages the second part is then how you can set up thrive apprentice to have a members only area to your website then next we're going to look at headers because as you can see here on the website one of the things that's really nice is that we have this changing header that allows us to have very clear call to action but when we go to a sales page for example this is a different header so as you can see it doesn't scroll you don't have to call to action anymore because you want to make sure on the sales pages that you don't have that anymore and then we're gonna look how you can edit your theme templates so something like your blog template how you can edit it so that you can have this uh call to action on the bottom of your blogs uh of this blog page and we're also gonna have a look at the blog posts and so again here you have this really nice call to action on the blog post and so that is also something that you can easily do with thrive theme builder before then going into content now as you can imagine this is quite a bit of work i think i've been a little bit ambitious with this project but i'm ready to do so and i hope that you guys are ready to do so too now now that we are live on youtube um this should be automatically recorded so if at some point you have to drop out you can't stay then um i'll be very sad but the the live stream will still be there for you to come back and then to look it up or if at some point you want to make your own website you want to follow along then that is also an option all right so i was just double checking to make sure that you guys could hear me that i'm not talking in a void um but yes so main page this is our home page and everywhere we have this very clear call to action i made this for a copywriting coach now of course you can i i hope you can use your imagination to adapt this to your own business to your own needs but in general this is what i call a personal branding website and then you will see there are a lot of tricks that you will be able to use even if your website is more of a blogging website even if you are selling if you are more of an agency and you're selling services rather than a personal business you'll see that you can still learn something from here so let's dive right in my demo website and again i'm just gonna double check that we can see the right tab here all right that seems to be correct so as you can see this is the demo website and this is not even theme builder yet so i'm really gonna start from the very beginning with you guys so this is uh the 2021 theme i believe and if we go into the product manager which is the first thing that you install when you install thrive suite it's a plug-in and you will see that that allows you to connect or to install the different plugins now you can see here the plugins that i have installed are thrive apprentice thrive architect thrive comments and then i will activate thrive theme builder from here so let's activate this and now when we go into appearances themes you'll be able to see that our active theme is thrive team builder and then this means that now if you go to the thrive dashboard as you can see here we have apprentice we have comments and then we have our theme builder tab and that is where most of the action will happen especially in the first part of this course now when you first install theme builder you might get this screen or you might get the screen where you first have to choose whether you want to install shapeshift or omni so thrive theme builder is the theme that is installed on your website and then shapeshift and omi are like companion themes that you can use to change the look of your websites omi is our round theme and it's the one that we'll be using right now and shapeshift is a bit more of a i would say a square theme and you can see examples of that when you go to the theme builder sales page um or when you go to theme builder slash omi you will be able to see what the theme actually looks like the companion themes so today i'll be using omi but you can do the exact same thing if you prefer the look of shape shift you don't have to use omi for this all right so this is our site wizard now the advantage of the site wizard is that in a really really short amount of time you'll be able to set up your website as you can see there's a couple of steps that we will go through and um that will help you set up your website so i will regularly um go to the front end of the website i wanted to do that in another so you can already see that some of the things changed from the theme that i just activated um that's that's very normal um when you activate a new theme on your wordpress website it will change the whole look of your website which is why it is so important to make sure that that's actually what you want to be doing right so here we are starting from a blank website now the only thing i already have is a couple of blog posts just because um i didn't want to have you guys sit through that why i have to set it up so we're back in our theme builder wizard and let's get started the very first thing that we will choose is a logo now here i suggest you take your dark logo and you'll see in a second why so the logo that you want to use when you're using um on a white background so in in my case here i really i just went on conver i typed in the name so convey is a an image editing tool i typed in the name i chose a font that i liked and then i saved it as a png with a transparent background as the logo now the next thing is the brand color and as you can see this is the basic ome color and i will actually leave this for now because you will see when you go into the branding tab in just a couple of minutes that you can choose from other colors that our designers already pre-selected for you now if you have a color for your website for your brand then you can immediately put that in here and you will see that everywhere on the website this color will be used so for now i'll leave this uh this ome color for everything that comes after this in the wizard i want you to think about the design that is closest to what you imagine you want on your website but not to be too um caught up in the details okay i know that that can be a bit hard but for example here what i'm looking for is having a logo the social icons and then having a menu so i'm gonna choose from the pre-designed headers here and i'll choose the one that i think is closest to what i'm looking for so for example i think i originally started from this one and then changed it quite a bit um but we can use this one right so you can see here we have the logo we have social media icons we have a menu and then we have um and a button here but afterwards we will be able to change everything we want on there next up is our footer and i will choose a very simple footer for this so you can open this menu again and choose from whatever footer you want so i'll just pick a very simple one with the logo and the text now here as you can see because i i added a dark logo it's not very visible on the dark footer but we'll fix that in just a couple of minutes for the home page when you use drive the email and when you use omi you have ready-made home pages that are designed for you so i would always suggest just picking one of those and again just look at the one that you prefer now in this case i used the personal branding one um because each one of these home pages was made with a certain type of of business in mind so when you see personal branding or when you see local business it will have certain blocks that were specific to that business but you don't this doesn't mean again this doesn't mean that it's fixed because you will be able to add blocks remove blocks and so on but here we have this um personal branding one as our homepage for the blog for the single blog post so here we're picking our template for the way our blog posts will look and the one that i really like and that i used on the demo website is the one with this round image so where where is it now here this one so the one with the round featured image and then the title next to it so this now means that every blog post will show the featured image in this round image and that here we will see the title of our blog post now as you can see here i still have a sidebar on this template but we for for the demo website i actually don't have a sidebar so i'll show you how you can easily not have a sidebar there and then we'll choose our blog lists in this case we have one with a featured um image this one and again i'll choose the one with the round images because it just goes really well with the style and um yeah this is the one that i'm going for and then for the pages so this is what your standard theme pages will look like in this case the title banner is fine but again you can see different styles if you want boxed pages if you want with a colored color background under the header you can choose whatever you like there so let's go for this one and lastly we can choose a menu now because this is a completely new website i don't have a menu set up yet so i can't choose it yet so for the moment i'll just continue without choosing a menu we can come back to this later and that's it this is already our website already looks completely different so this was the moment i activated theme builder right this this is what happened and now you can see that we have this nicely designed homepage that we will be able to change that we have a blog page that's already available right here so this is the blog page that when we click on our blog posts this is now our blog layout so this is already we transformed this website in just a couple of minutes let's go to the branding tab because i want to show you the colors that i was talking about and the logo so in our theme colors we have the default omni color but then as you can see our designers made a whole bunch of or selected pre-selected colors for you that will look really good in in every circumstance so if you don't have a hex collar for your brand you can use one of these colors here and pick one that you like so for the demo website i picked this dark red and as you can see immediately it's changed here our overlay and this changed here the the this button this also changed here the button so this is the smart color technology that is included in theme builder and it allows to super quickly i can show you again so let's say you prefer blue immediately all these things were switched to blue so um yeah this is just really nice to very quickly have your website with the right brand color and then for the logo like i said we actually have this option to have a dark version of your logo and to have a light version of your logo so if i take here this is the white version of my logo now you can see that here in the footer immediately this took the white version of the logo because it's set up in a way that it will use the light version because it's a dark background so again this is one of the things that's included in teambuilder that allows you to build your website really quickly and the next step talking about quickly is we're gonna set up a smart site because right now um you can see here that we have these social media buttons but when you first start theme builder they will not be connected to your social media accounts yet you have to set that up and the way to set that up is by going to smart site so in the thrive dashboard go to thrive dashboard and when we scroll down we can see here smart sites click on smart settings and this is where you will enter all the global information from your website so the name of your business your address your phone number you can put your email address in there uh links to your privacy policy and disclaimers um and then here you can also add like your facebook page and so these are the links the social links these are the ones that will be added so simply click on it and then use um put your url in here and then automatically all those icons that you used in the templates will be taking this information so if you picked a header that had a phone number in it for example it will automatically pick the phone number from here and you won't have to update that on your site so that is one of the ways that it will be really really fast to set up your website with theme builder now the next step is going to be to set up our pages so when i go to pages i will see that now automatically there's two pages that got created going through the wizard one is called blog so that is my blog list and then one is called generated homepage so what we'll want to do with this is definitely change this name call it home for example [Music] and then this [Music] and update this because when somebody uh hovers over you don't want it to say generated homepage when somebody goes to your home page so that's just a little thing that you have to do to make sure that that doesn't show up and then um i already created five pages now i put them in trash so that they they didn't show up but rather than um me going to add new adding the title i'll just take them out of trash and i'll put them back on the i'll restore them all right so that was just my way of making this tutorial a little bit faster so now as you can see we have a page that's called about a page that's called contact a page copy that converts which is our sales page a free copywriting course page then our homepage and a page that's called offer um so i'm also gonna just publish these pages because then we can easily reference them book actions okay we have to do this one by one all right in the meantime i'll also have a quick look okay i hope you guys are doing great unfortunately it's a bit weird that i can't hear you it would be nice to be able to to communicate more more clearly but all right um click edit publish update and one more and then we're all good all right so now i publish these pages which means that if we go to our website slash about we should see our about page which will be nothing else than an empty page so as you can see this is just our header and then we have this page now about which is still very much empty and does not look like the noise about page we have here that is using blocks and that's really helping you to get to know the person right so at the moment we just have the skeleton of pages on our site so again i created the about contact a sales page a free opt-in form page and then the offer page and these two the homepage and the blog post were created automatically through the wizard now the next step is to set up our thrive apprentice because the way this is done is um we want people to sign up and to get access to this free course so that they can create an account on the website if they choose so they also get added to our email list and then they go to an apprentice course so the way to do that is going into thrive dashboard and thrive apprentice now depending on whether you already created courses before or not yet you might see the the starting point in apprentice that's a little bit different but i'll quickly add a course here so our course name is social media [Music] and we'll add a cover image let's use this one all right let's save this and then you can start adding lessons so um if you want to know more about thrive apprentice we have tutorials that are specific for drive apprentice that show you what the lessons the chapters the modules and so on for now i'll just simply add two lessons [Music] let's get some laura mebson [Music] this is our description of the course so that shouldn't be too long all right so you can have this as a video lesson a text lesson um you can decide whether people can comment on this uh we can have individual pictures there's so much you can do with um drive apprentice that it would be way too much to go in here but let's imagine let's publish this we just need the skeleton for the course all right so at this point we can preview the course so if somebody um signs up for the um the free course they would come in this environment where they can see the introduction and the social media messages then from here they would be able to start taking the course so this is really cool because now rather than just giving people a pdf that they can download or something especially if you are selling um if you are selling a course and like people need to know how you teach so having a free course if you're selling a paid course is a really good strategy to make sure that people already learn something that they know how you're doing things and that they feel confident that you can help them now we're also so in this course what we want to do is we want to restrict the access to this course for subscribers only so the way to do that is by setting up a wordpress role these roles are already um automatic by by wordpress so you don't have to do anything for that and we will decide that if somebody becomes a subscriber at that point they will get access to this course now again if this is going a little bit fast um we have a full tutorial on how to set up a lead generation uh course with tribe apprentices so don't don't worry too much um but the one thing that i want to show you here is that um you can decide what happens when somebody is not logged in and tries to get to the course and if somebody is doesn't have access and tries to get to the course and you can either make this the normal site behavior so it's the same for all the courses or what i suggest you do is you can set this up for a specific course so in our case what we want to to happen is if somebody tries to access the course but they actually don't have access we want them to go to our sign up page so we can say to redirect to a custom page and this would be our free copywriting course page so let's save this and the same if somebody is trying to access it to do and the free copywriting course [Music] all right now that we set up our um our course our free course and that we have our pages on um on our website let's go into our headers and then we'll get back to um how to create the landing page for people to sign up to this free course okay so first of all let's go into our appearances and then menus so what we'll want to do is create a menu here that's we can give it a name header menu is fine and we'll want to add our pages to our menu so we want to have our blog page about our contact page and then our offer page which we'll call courses and as you can see you can just order this the way you want them and then i'll also add the two sub menus so copy that converts and our free page and this one i'll just call it courses [Music] so now we created a menu that's exactly the same as the menu that you see here so blog courses with two sub items about contact and then our login logout button so now we can go to our page and we can play around with this menu so here we're on this about page right um the page that at the moment doesn't have any content yet and we can decide whether we want to edit this with thrive architect which means that we would be adding content to the page or that we want to edit the theme template so at that point we can edit the header the footer or the sidebar for example for all the pages on our website so it's really really important to understand the difference between a theme template that um is used by all of your content and the the content of your page so each time that you want to change something everywhere on your website you'll go into a theme builder and so we'll edit the theme template here all right so now when we want to change the header here we you can see that in every template every theme template has these different sections so the header the top section the content section the bottom and the footer and then if you want to show a sidebar you can show a sidebar or hide the sidebar now what we wanted to do was um change our header here so the first thing would be to click on our header and then you can either choose a ready-made design so this would mean that you're changing it um with an existing template so it's kind of like you could do with the wizard or you can edit this um this header and that is what we want to do here so we're going to edit it and in our menu so we set up our header menu in wordpress so rather than using a custom menu which can be really handy because it allows you to immediately like type the pages here and i usually really like it but i wanted to show you with the login logout button in which case you need to use the wordpress menu for that so um here our menu source will become our header menu so now you can see that we have blog courses about contact and then log out it says logout because i am already i am already logged in so that's why it says looked out now we don't want this button here so i'm going to delete this button and this column and now as you can see this switched things around a bit but that's the advantage of thrive steambuilder is that you have full control over everything so you can simply drag these columns and put it back the way you want it to be so here with the social media icons for example let's say that i want them to be in my brand color i can do that all right just to make them match what i showed in the demo website and as you can see you can choose which one to show or to hide but what i really want to show you is how to make this type of header that when when you scroll it changes so that's what we're looking for here so in that case it this is called a header transition so let's make sure that we select our header and we can choose the scroll behavior here so if you want to keep it stucky sticky or static that's um that's up to you and the moment that you put it on sticky so it means that the header will um yeah the header will stay so it won't disappear you will be able to do this switch on scroll and that's exactly what we're looking for we want to be able to switch the state of the header once someone scrolls down so let's toggle this on and now you can see that the header states are available so from here you can decide what happens on load so which header will be shown on load and then which header will be shown on scroll now automatically this will be a copy of uh the the header um so if the moment that you activate this it will just make a copy so it wouldn't make any difference but then when you decide to change this on scroll so make sure that you have this activated and here we would be able to add our button [Music] instead of our menu so i would delete this menu and then play around with this button um and the most important thing here is that we set the right url right so here this is our free writing course and what we want to do here so this is a little hack or a little fun thing remember how in thrive apprentice i set it up so that if somebody who doesn't have access tries to access they would see the landing page but if somebody has access they can actually just see the course right well what we'll do on this button is instead of linking this button to the landing page so instead of when somebody clicks on the free copywriting course they would go to the landing page i'm gonna link this to the first lesson of the course so um the first lesson of the course is here our intro lesson and i'll take this uh this menu this url here and i'll use that url on my target now what this will do is if somebody is not logged in doesn't have access it will send them to the sign up page but if somebody is logged in and they see the free copywriting course or then they will actually be sent to the course so this allows um for for making sure that if somebody's already logged in they're looking for your course that they're not sent to a landing page where they're already signed up and and so on so this is just a little hack um to to make that happen with the button um then one other thing i'm just gonna make the layout here there seems to be a lot of padding around this so i'll just make it a little bit smaller now i'm not gonna tweak this this header uh completely because that might take a little bit longer um and i think you get the point here so let's save this template and now what we did because this is the because this is the template that is used all over the website when of course now we can't scroll because there's no there's no content yet um all right here right so because here we have content so now on the homepage even though we didn't change this header on the homepage we changed it on the about page it shows the header that we picked so now everywhere on the website if we don't assign another header it will use this header and it will use the one that switches states all right let me have a sip of tea and i'll check in with you guys all right um let me continue now so i hope you guys find this interesting and that you can see how you can use this on your own website now in my case i put a button in there for a landing page but of course maybe you want your phone number uh to show up when somebody scrolls down or um yeah maybe it's something completely different it's just a way to capture that attention and actually have like almost like a banner space a space on on your website so next step is uh our theme templates um so remember how i showed you that if we go to our blog um page we have this uh call to action right and that is something because a blog face page is a theme page you'll need to change that with thrive team builder so when we go to our blog you can see here that we have a call to action but at the moment it says book your class and um it has an image that we don't like so um you can either click here on edit the theme template with thrive team builder or there is another way you can also go into thrive team builder go to your templates from here or from here manage templates and then you can see all the templates all the theme templates that are used on your website so you can see the the page one uh the the blog post one um the ones for single content so those are blog posts and pages and the 404 one and then the one for list templates so like your default blog list or the default archive pages so archive pages are when somebody clicks on the category for example they will see an archive page or when somebody clicks on a tag they will see an archive page and again you can make that look exactly the way you want but for this tutorial i wanted to show you for the default blog so either i go here on the front end and i click on theme builder or i go here on the default blog and i click on edit it's exactly the same you'll you'll end up on the same page and this will show you your blog list now again it's super super important to keep in mind that each time that you see this blue thing it means that you are editing a template so if you delete something from here it will be deleted from everywhere if you change the text from here it will change the text from everywhere um now this is not that confusing for for the blog um list page i i don't think so because usually you don't add too much content on there but you'll see that for blog posts it can get a little bit more tricky so um here for example instead of our thoughts and observations we can say something like just blog i don't want to show these categories so i'm just going to delete that part and then we want to make sure that in our call to action that we actually make it look the way we want to so what we can do is we can click on here you can see this is the bottom section and you can either choose from um hundreds like literally hundreds of pre-made sections that pre-designed sections so if you don't want the call to action there but you're on the contact form on there we have that available for you you don't have to design that yourself if um you you want to show um an opt-in form you can do that like anything you want you can change it there but so for now i actually um i kind of like this this call to action so i can simply click on it replace the image uh with something that's more appropriate and free this is our copy our right thing of course and so let's get started access [Music] now again the link that i'm going to use here is the link to the first course uh the first lesson in this course and because then again when somebody clicks on it and they are already logged in they'll go to the course so they get access if not they will go to our landing page so that's how easy it was to customize this blog page right and so now let me show you we went from this thing saying our thoughts and observations um having the categories here and having our call to action on the bottom here if we reload this you'll see that we now have this call to action and that this now says blog now we can do the same on individual blogs and like i said there are again two ways of doing that you can go to a blog post if you already have blog posts and then here click on edit the theme templates because if you click on edit with drive architect you are writing or changing the actual blog post whereas if you go to the theme templates you'll edit the actual template for this blog post or we can go here go to our default post and from here click edit all right so now let's say that we do not want a sidebar on this i can just hide the sidebar that was easy right and maybe this about the author section i want a different design in which case i can do that i can click on it and we have templates that you might prefer so let's say this one and this will automatically take the picture from your wordpress user and the description from your wordpress users so the fact it says no of the description is because on this demo website i didn't fill fill out the author description and then here we have the comments again you can decide to have those or not have comments and at the moment the call to action at the bottom is to check out different articles but maybe in this case we want to replace this again with a call to action for our course so we can choose from ready-made designs and in this case i think i i don't know which one i choose anymore um but let's just go for let's search for a call to action um let's try this one all right but instead of having an opt-in form here i would send people again to our to our page so add a button here we can change the shape of the button apply and then get access [Music] and add the link all right now because i changed this on the theme template um this has changed on every blog post so on this blog post we had our content and we had the sidebar now if i reload this this will now change because we changed the template for this blog post but as you can see this didn't change anything on the content because i only edited the template for this so that's a very important part now talking about templates and content the um the thing i want to show you is how can you now set up your pages on your website so your free your landing page to sign up and um maybe your about page your contact page and so on how can you do that and how can you do that super quickly using uh blocks and landing pages all right and let me quickly check in with you guys all right i see that someone is asking whether we're using elementor no we're not we're using thrive architect um so from here let's um let's go to what did i say the the pages all right um let's start with our lead generation landing page because i think that's that's one of the more interesting and important pages to create as you can see now at the moment this is just using our theme templates but i will choose to edit in this case the content of the page because i only want to change things on this specific page i don't want to change things on the rest of my pages on my website so i'll choose edit with thrive architect now another way that i could have gotten here by the way is if i went to pages and then on my free copywriting course i could have done edit with drive architect and that would have brought me to the exact same point i just kind of like to use the front end of the website i think to go to the different pages um because it's yeah i just find it easier to like uh browse through the website and then be like okay i'm going to change this page i'm going to change this page so as you can see here we can choose between using our theme template which is um what what's the default or we can make it a standalone page which then allows us to have a specific header specific footer no header no footer to choose one of the completely pre-built landing pages um so this because of steam miller and because of how flexible architects are you might not really see the difference immediately but basically think about heading ramp footer like that's that's the thing you want to think about when um mostly when uh thinking whether you want to pick your theme template or a standalone page and also things like um the yeah the sidebar for example um if you have team templates with the sidebar but you want the full screen uh or full width design for a page then you're gonna wanna choose a standalone page so in this case i'm going to start with um actually not sure maybe with one of the pre-built landing pages so here you can see that because i have thrive architect activated i can choose between so many different landing pages now for this tutorial i'm only using the the omi theme landing pages but you could use one of the other smart landing pages if for example you have a product and you really want it to have a different style of your website then you can choose one of the different landing pages but for this in this case i'm going to choose the omi one and you can see that you will see your home pages here because technically those are actually landing pages and um i used this one uh so the lead generation landing page because i really like this layout with the the different screens like especially when you're promoting an online course i think it just yeah it's it's just a really really nice layout um but so let me show you on the demo website that i already created as you can see here we have this screen layout but i made it a two column layout so that we could have our sign up form on top of the page rather than on the bottom of the page now this was um a choice um i'm not you you would probably have to test whether this converts better or worse than at the bottom of the page uh you could have your button here and then your button sends uh to this form that's also an option uh it's it's really up to you now the one thing that's important here or that i want to show is well first of all i i really want to show this really cool layout because as you can see this is not photoshop um most yeah most templates online that you'll see if it's not thrive templates this will be just an image a photoshop image and you won't be able to change anything on there but because we want to make it as fast and as easy for you as possible to have a really nice looking website we actually built this in a way that you can just upload your own images in here rather than having to use a photoshop software and um yeah do do all of that so this is just a really cool little thing um that you'll notice in uh in thrive in thrifty miller in thrive architect everything that you see on the page is built with uh with the tool so if you see something like this it means it's an icon and it means that you can change it without using photoshop or anything else now what we want on this page is for people to sign up for a free course and to be honest there are two different possibilities here i could either use the lead generation form and add password forms to it that would be an option but it's actually easier to use the registration element so if i go into the registration you have this login and registration form because the big difference between the two is that if you use a lead generation form and you add a password fields to it it will um it will work perfectly but if people are logged in and they see the form then it won't it won't change it will still show the opt-in form and the password whereas if you have the login and if you use the login and registration form then it will actually detect whether someone is logged in or not and so if they are already logged into the website it will allow them to log out and you will also have things like recuperate um the the password and so on so i think it's just in this case better to use the registration form because we want people to register on our website so in this case as you can see again we have really cool templates for that um you can just choose one and automatically it took the colors of the website which um yeah is is one of the huge advantages of the smart um the smart website uh the smart colors rather so when you click on this you can see you can either have people log in register or both i suggest that you keep this to both so that if somebody is already um if somebody wants to log in from here they actually can so by default we want this to be our registration page because when somebody comes to this landing page for the first time they won't have an account on your website yet so you want to make sure that your register page is your default page and at this point you can ask people's name email password confirm passwords um then what's important from here is uh we want to make sure that people are sent to the correct page when they log in so upon login we want to send them to um to a page so rather than just refreshing the page we want to send them to a custom url which in our case is going to be our our course so here now we can use our course overview [Music] so i'm taking the url of this course overview so that if somebody signs up they will end up on this course overview sorry wrong page i should probably close these yes um so that's the url that we want to send people to and we can still have a success message um to tell them that they successfully logged in and upon registration we actually want to do the same thing so rather than refreshing the page we want to send them to the url which again is our course url all right so that's already working now what's important is that um we we want people to sign up to a wordpress but we also want to be able to send them to our email list at the same time so for this what you can do is edit the form elements and you can see here this is how you connect the different accounts so um the wordpress account is the one that we need so this one is automatically it will be attached and we want this to be subscriber because remember our course was limited to people who had this subscriber role and then we want to add a connection and here you will be able to choose from the the different email services which usually for you will only be one service this is just because this is my um demo website and so i have several services set up but you can actually allow people so that when they create the account they also get sent to your mailchimp um and you can add tags and so on um if you have problems with this or or if you're not sure if you've never done this before we have tutorials help.thrivethemes.com is where all our documentation lives and honestly i'm really really proud of our documentation because everything is in there if you wonder how to connect a mailchimp account you will find it if you wonder how to connect your this registration form with a mailchimp account you will find it um so but the the gist of it is add a connection as you can see you can have multiple connections there so now you can also edit so here we were editing the registration form but then you can also edit the login form so when people log in or when they are already logged in and so one thing that i would do here is if they are already logged in i would just add an a link in there that says um go to the course for example and link this to your apprentice course to open a new tab so then this will actually if somebody is already logged in for some reason they come to this page uh they can go to the course from there this is just a little something that will make it more enjoyable for people so let's save this and preview right so now we went from a completely blank page to having this really nice page and as you can see um these blocks are designed so that you can super easily just add your text and um have the best practices for a landing page in there um so and because i'm logged in it shows me the form where uh and it says that i'm already logged in so um this is something if you if you want to see what it looks like um signed out then either look at this incognito or log out of your website for a little bit i'm not gonna do that right now um and then one thing here is you notice that we don't have a header at all anymore and we don't have a footer because um landing pages by default will hide those but that doesn't mean that you can't just add them again so if you go to the page you can see here that the header is hidden and that the footer is hidden so we can just click this little eye button and then it will show again same with the header i can hit this i button and then it's shown again and here if you want to do something like what i did on the demo website where um you're you're not using the same header what you do is click on it and then change the the header so that will allow you to only on this page change the header that you wanna that you wanna change um and once you've created this you can then use it on other landing pages so let's say that um maybe we'll take this one and so now we don't have the scroll effect on this header anymore so we can edit it um and then yeah we can delete the social buttons we can we can have fun right we can change this this header completely for this page all right um how are we doing i'm gonna check in with you guys um how are we doing all right um christine i'm gonna try to unmute you for a second if you're up for that all right christine now i can i can hear you um how are things going in the comments yes again yes um yeah we have a um an integration with with ontraport so that should work i believe if not you can double check thriveteams.com integrations and then it will show you all the integrations that we have available yeah there's definitely a delay um so christina is asking me if i'm going to cover building the paid courses in this life yeah in this live demo um the thing is no okay i'm i'm talking on top of you christine um but i so i muted you but i have feature requests the best way is either you can send them in our facebook group you can give them in our comments you can send them to our support um were were always capturing the requests from all the different um the different areas um so i was explaining for the paid course so no i'm not going to explain how to make a paid course here because we have an excellent thrive university course that christine did actually on how to set up your paid course how to connect your sales pages and so on which i think is um is a yeah really um which is much better much better experience than me trying to cram this in into the into the life um what's the advantage of thrive builder versus another builder um i would say uh try them out and you'll definitely see the advantages um the big difference between thrive team builder versus other products that call themselves theme builders is that first of all as you can see everything is completely visual we have templates for everything um and and that's something that you won't find anywhere else and it's also not a hack so it's not like you install a blank theme and then you have to use a plugin to install on top of a black theme blank theme it's um you're actually building out your theme so that's completely different thank you thurston for the nice compliment we're trying to be helpful um the difference between omni and shapeshift is really only in design so there is no difference in functionality you will be able to do the exact same things with with both of these of the companion themes because the technology and and the product behind it is drive theme miller so um yeah it's really just which one you prefer because even though you can edit everything it's much easier if when our designers already did it for you so if you like the the round forms that omi have that has then i would say just go for omi if you want something more more squid um and then that's yeah definitely the the way to go thank you so much ian it's uh lovely to hear that you're enjoying our products all right um yeah the the truth is i i could go on for another hour shower showing showing jesus but i can't talk anymore apparently showing you things um but the uh the truth is that the best way to start playing around with this is um yes start testing it out uh go to thrive university and have a look over both the um the courses that really go into building a website from scratch it will really really help um and then if you want specific things such as a paid apprentice course we we have tutorials for that um and it's it's once you once you get around playing with it i think you're you'll really really enjoy it and the the main confusion that that we've seen or or the main problems is when people do not make the difference between templates and and content which is why i've been trying to really show you what the difference is between the content of the page and the template the theme template but once you understand that concept it becomes really really fun to make a website now if you guys are not in the facebook group yet definitely come join us the facebook group it's uh thrive team's official group so if you search for it you will find it um and that's where if you have a question on how should i do this or what's the best way to do this that's definitely the best place i'm in there other other people from the team are in there to help and then we also have our support team that's always there to help you out if if you if you get stuck so all of the tools that i've been showing today is um are included in thrive suite so if you go to thrivethemes.com suite you will you will be able to see all the different tools and um you will be able to sign up there because uh yeah as you can see drive apprentice drive comments uh thrive architect thrive team miller all of these are part of thrive suite then i just saw a question thank you so much sergio happy to help um the somebody asked me how what's the best way uh to to transfer um content from an old website to a new website so we have a course in thrive university that actually explains how you can transfer your website or how you can switch to thrive team builder if you haven't done that yet um so yeah i i see that uh christine actually put the link in uh in the chat so that is um 100 free you can just take that course like everything in in drive university at the moment it's either included in thrive suite or you can get access even if you're not a drive suite customer yet um but that's probably where i would start so that you get an idea of um of what to what it means when when you switch themes and what you have to be careful about thank you renata thank you barum um okay so renata um i for sure if you're having problems like ask our support team because they will be able to look at your website and to see what is uh going on there now you can have um you can have um different uh different templates so if you want different blog posts with different uh yeah different designs then you can do that because you can create more than one template for that um gala is asking can you answer my question i'm not sure what your question was it's quite a bit of question so um okay so uh i found it so she's asking whether we can export uh the the website so yes there is if you um once you you made your website and you're happy with it you saved it then when you're in the drive themes dashboards uh there's actually an option to export a theme so um [Music] when you're here export so once you're in your themes manage theme so you can see i i have um omi active here once you click on export you can give it your own name and then you will be able to import it on a new website because as you can see here once you click add theme you actually have the option to import it from a file and so that is how if you have multiple websites that all have a very similar design and you tweaked everything the way you wanted it to then you can easily um yeah use this export and import in order to to make it work oh um so someone is asking uh about the the circles that are moving um so that is done with the parallax effect uh you can uh yeah christine just posted a link on on how that works uh it's one of the nice effects in omi is that you have that um yeah that parallax effect uh available for it's already done for you you don't have to build it anymore which is which is cool all right um i think that um we might be able oh some okay one i see one next question okay so to switch the button from square to rounded it's actually really really easy so let's select our button here and you can see here that in in the top you actually have default styles and you can choose from a whole bunch of styles that are available for your buttons so if you want like this ghost button you can click on it and then it becomes the ghost button or this text or um yeah so these these are all pre-designed um and then you can add your colors again um so that is how you can have yeah uh click on click on this top menu and you can see your style and then you can actually also change uh save your own style so if they if you make a button and you really like the style you can save it and the difference between saving this button as a template and saving it as a style is that the text for example won't won't change if you change style so that's that's the difference between styles and templates um uh angel so is asking whether we can change or add more for the mock-up elements well these are made by our designers which means that anyone who has the knowledge can create this type of mockups we we usually include at least one for an ebook one for like this kind of style of course if you make your own you can save them as a template um yeah you can save them as a template and then you can reuse them all right somebody is spamming about uh php scripts on sales panel that's not for us i don't know what that has to do in this chat um so yeah you can you can ask that where it's related thank you karen by the way all right well uh thank you so much everyone if there are questions that come up don't hesitate leave them in the comments um more than happy to um yeah to answer them afterwards um if there's something else that you would like us to cover then also let us know here let us know in the facebook group i'm always always happy to to hear um what what you guys think what you guys need what would be most useful and um yeah always happy to show off our products so uh thank you so much everyone and have a great day have a great evening have a great afternoon and talk to you soon bye

Channel: Thrive Themes

Views: 5,243

Keywords:

Id: bpiad0ibX_c

Length: 81min 35sec (4895 seconds)

Published: Tue May 25 2021