Kajabi "How To Update Your Website Theme "

Hey there, it's Christina. Welcome to my video and my YouTube channel. If you're new and if you're already subscribed, welcome back. In tonight's video, I am going to show you how to update your theme in Kajabi because I actually have to do that for a client. So I thought that I would make a video to help some other people. If you have an outdated theme, they're always adding new stuff and sometimes it's theme dependent and we have to make this change to get all the new features. So I'm making this in early November 2018, you want to go to this website right here, learn.kajabi.com and type in how to update theme. Okay. And you're going to follow these directions, but there's directions for three different kind of themes. So in Kajabi, there's a theme for your website. Let me just put this up here a little bit. You have a theme for your website, you have a theme for your product, and you have a theme for landing page. Now, there's a whole variety of different themes which you could choose, and they all vary in their design and their functionality. But a lot of people use Premiere for all three of these themes because it's the most flexible and the most versatile theme. It's really easy to use. It has like a drag and drop editor. There's a lot of page blocks and elements of things you can put onto your page. And so that's why you'll hear a lot of people favoring that one. Okay, so tonight I'm actually going to be updating a website theme. So you click that and it'll take you right to the portion of this document help document where it'll tell you how to do this. Now, I just wanted to show you where this is as a reference. And Kajabi uses these looping gifs to show you how to do it. And for some people who are not, you know, who are new to this, it might be going too fast. So that's why I'm going to do a tutorial so that you can pause this and open up your kajabi in an adjacent window and do it step by step. So I'm going to go to my Kajabi site. Okay. And the first thing you want to do is go to website. Because remember, we're updating the website theme, we're not updating the product theme, and we're not updating the landing page theme. In this example, it was very similar, but we're doing website theme. Okay, so here's the website you want to go to manage themes. Click that. And here is our active theme. You can tell because it has a blue button that says live. It's the first one in the row and it's bolded. And then it'll just give you, you know, the dates that it was created and last updated. So as you can see, I created it in July, last updated the theme on August 20th. So it's now almost mid November. So it's a good time to update it. Okay, so first of all, we're going to leave this here and we're going to go up here to the top right corner and pick a theme. I'm going to pick the same one, Premiere, but as you can see, there's, there's other ones here. I want this one. And then I'm going to say install theme. It's going to do its stuff with this. See, it didn't even take very long. All right, now we have, you know, a freshly installed theme. It's November 7th. It's not active. You can see it's sort of, you know, it's not bolded. So now what we want to do is we want to go into the one we have, which we have all this data on. So you go over here to this three dots and click that and edit the code. Now we're not really editing the code, we just need to access the code. So once you do this, I already had it expanded. So let me close it up. There's a menu over here on the left for your premier site. You see, can you want to go into the config folder, click that and then you want to click on Settings data JSON. Okay, now you want to put your cursor into the body of the source code. Now the more that you've built out your site, there's going to be lots and lots and lots and lots and lots of lines of code. I have about 550 lines of code. Now put your cursor in here and do a control A. You see how that shaded it all? Okay, we want to grab this and now we want to do a control C on your keyboard to copy it. You don't want to cut it because you want to leave it here. Do not cut it, just copy it. It's important. Okay, so I did a control C. It's on my clipboard. Can't see that. But now I'm going to go back. Click appearance and I'm going to go back to the freshly installed theme. Come over here to the Far right and click the three little dots. And you want to edit the code of the new theme. Go over here to the left menu under that config file and Then under SettingsData JSON. Okay. And as you can see, there's not a lot here because it's a new theme. So we want to delete this. Delete everything is a brand new fresh slate canvas. And now you want to do a control V and that put all of that code, you see all 540 or 50 lines of it in here. Okay. And now you want to save. Click the blue button. Don't forget to save. And then what you want to do is you want to preview it. Okay. All right. So it should look exactly the same, but it's going to have move myself out of the way here. Whoops. How did I get two of me? I don't know. It's distracting. Let's just hide this menu. Anyway, this is his website. It's gonna look the same, but the features are different. So that's just. We know it's there. Alright, so now what you want to do, we've already saved it, we've previewed it. Click on appearance to go back. And as you can see, we have both copies now. So what you want to do is go over here and activate the new theme, the November 7th theme. And now the new one is active and the old one is still here. Okay, we can always go back to it if we realize something was mistake.