 All right, so in this video we are going to create a landing page and What what I'm going to show you how to do is create a landing page that has a countdown timer So if you have an event that maybe you want people to Register on the landing page to receive updates We're just going to create the landing page the design of Look of it. So I'm going to click on landing pages right here Next I'm going to go up to the top right and I'm going to click on create new landing page Right here, and I'm going to find the template that has the spaceship right here, and then you can see the little counter I'm going to click on this Next I'm going to name the template and you'll just name it your event which this one's going to be an evening By the lake Create and start editing All right, so now we are on the preview tab right here. So we're in the landing page designer Here is the name if you want to rename it right here You'll just click on rename and you go back to the list if you like And then to get back into the landing page Designer you just click on the name again, and now we're in the preview So what I like to immediately do is I like to go over here And there's this little box with this arrow pointing up to the upper right hand corner if you click on it It's going to open up the landing page what it looks like in full screen Okay, so I like to keep that open because over here is a small little preview especially when I click on edit this page It's going to shrink it even further All right, so right here. We have a big one and over here. It's kind of shrunken out a little bit Condensed so what I like to do first is I like to take the summit image So what they recommend the best size is 250 by 75 So Really, that's the image size that that's the best for this now you can use a bigger image size But this is what what's recommended for this particular page. So I'm going to click on this image right here So it says logo image your logo at the top of the page suggested dimensions are 250 by 75 pixels Okay, so now I'm going to click on upload upload new image. So I'm going to click one up And then right here you'll see add image or photo you cancel if you don't want to do that Please choose a file from your computer. So I'm going to browse my computer And I'm going to go to my folder that has my images And then I am going to put My image in there. So I'm going to double click And then right there you can see it's sitting there and then right here it says upload selected file So I'm going to upload this file that's in here. So right there is good Now I do want to show you something because your image might not be perfectly selected this size So if I go to upload a new image and I go to browse file If I put this image in there and upload it you'll notice that this image is Humongous So you see huge difference. Okay, so that's just way too big now. There is a trick to this So what I'm going to do is I'm going to click on this image again And then over here this window pane over here I'm going to go down to the bottom and you'll see this where it says reset to default I'm going to click on this link and it's going to take this back out So there we go. Okay. So now I'm going to click on the image again And now I need to get some kind of image that's close to that. Okay So the trick is is a website called canva.com And I already have an account but all you have to do is click on sign up Okay, but once you sign up for and you can do a free account. That's fine. You just click on login I think usually they'll let you have a pro account for so many days and it'll tell you what What's included in it, but I'm going to just click on login because I already have a This is just like a demo account that I have Right. So once you set up your account, this is going to be your home your home page right here Okay, so here's your home Um, I'm going to go you need to find depending on when you signed up Like if you signed up in the future from when I made this video It may be somewhere different, but you're looking for something about creative design or custom design so I'm going to hit create a design And I'm going to find something that says custom size. So here's my custom size again depending on when you Uh, set up a free account And this is a free account. So I'm going to click on custom size So it's asking me, you know, what do you want the custom size to be? So if I go over here, it says 250 by 75 So if I click 250 by 75 you can create a new design And right here is you can see that it's a rectangle Okay, so there's the rectangle Um, so you go over here to upload or you find where it says upload image And then you click on upload media right here at the top And then you could you know go to facebook google drive instagram, but I have it on my computer device so I'm going to click on device and Here it is right here lakeland community theater and evening by the lake. Okay, so I got that So once that's done loading up, I'll just click on it and then over here and to get it bigger I just go over here to the sides and I click and drag over here Click and drag and then you can move it left the right up and down until it's all centered so Right about here it's centered because the pink lines show that it's centered up Um, now that's not gonna look right to me. I mean some people it might not bother them Right here you could also put like elements in there if you want to so like if you wanted to put You know like a triangle You could do something like this and click it And then you kind of move it over here and kind of drag it out And then you can click the triangle again, and then if you click on this Close this out Click on this. Um, I believe it's position. Yeah, and then I can Try and remember how there's a way to flip your image and I'm not Oh, there we go You just find this little This is new You just take that little spoopy thing and then you just kind of drag it to where you want All right So if you wanted to do something like that and then if you click on the image you'd go up here to the color And you could select, you know, red You do whatever you want, but actually that looks good that color is perfect with this background actually And that wasn't done on purpose I don't know if it somehow selects that or not, but anyway, so that looks pretty good So I could just download the PNG And then I can so I clicked on this download after I have a design and then just click download And then save file when I'm going to save it to somewhere on my computer, which is my downloads And then if I go back Um, I could upload this image browse downloads And upload selected file And then boom and pop it in there So now of course if you want to you could always go to download and then the size like that size You didn't really like it. It was kind of like you wanted a little bit bigger. You could actually um Oh, never mind. You can't do that. This is only on the pro version. See how it has the little king So you can't do the pro version so you could Go back actually and then you could create a design and you could You know double this up so you go 500 by 150 Create new design Go back to your uploads Pop that in there do the same thing. So I'm not going to go Too slow on this one because we've already went through this how to do that. So we're going to center it up Go over here to elements Find a triangle under recently viewed pops it in there Must be a new feature where it found that background right there Huh interesting And up here is a duplicate button. So if I click on this image right here and I hit duplicate then basically it creates another one And then there's this little Round thing right here. So you got to find the little arrows that turns it over And again, this is just whatever your preference is All right, so we want to kind of move it over All right, it looks good to me. I'm gonna hit download Download again and save file go back Click on the image upload new image browse Here's my second one And it's a little bit bigger. I don't think I was finished uploading just yet. There we go. So that looks a lot better So anyway, that's uh, if you get stuck on an image that isn't uh, exactly the right size or whatever Get you a canva account go in there and um You can pop it in there So anyway, I just wanted to show you that because a lot of times you'll have these Instructional videos and then you'll get an image in there. That's a square. You're like, wait a second This is way bigger. Like you didn't show me how to do that. So I just wanted to at least show how to get around that. So but anyway, I'm going to upload new image and I'm just going to put like the community theater in here upload image and then we there we go Win a free trip to outer space. Um, I could just put Right here. I could put Presents And then now if I go down here and, um I think I just kind of did that without explaining So right here win a free trip to outer space. This is no joke So basically I just highlighted this whole thing and then I just type what I want to go in there presents, okay and then So if I hit apply and save it's going to keep this window open right here that way I keep on editing Um, so if I hit apply and save this is going to be there. Um, so if I want to edit it and this will change over here So let's go ahead and hit apply and save And there's presents. Okay, but see how it kept this editing open So if I hit save and close it's going to close this editor for this particular thing and then take me back to the tree Okay, so again, I want to go to presents and, um, I want to put an image in there because I have a logo for an evening by the lake So I'm going to uh go behind this hit enter twice And then you see it blinking. So it puts a little space and then right here in this wissy wick editor right here It's called What you see is what you get wissy wick editor and I'm going to insert image So I'm going to click on this little box with the mountain and the sun or the moon in the background I'm going to click on it All right, and then, um I'm going to already have the image in there, but I'm going to go ahead and upload local machine And then an evening by the lake All right, um, this one's just saying I already have it in there. Would I like to rename it or over it? So basically it's just going to load it into your uploaded images there Okay, so now once now I'm going to click on insert So I want to make sure that this one's checked So there's these little boxes because you can insert multiple images at once But I just want to make sure the image that I want is checked and I'm going to click on insert So look how big this is again. Okay, so if I hit apply and save it's humongous Okay, but the good thing in this particular one um You can't really do it in this area But because this is in the wissy wick editor the wissy wick editor gives you a little bit more flexibility So if I click on this image see how I clicked on it now It brings up this little box up in the corner And sometimes you might have to use this little scroll bar and go up and down But basically and then over here goes left and right All right, but um, you're just basically going to try to find the corner of it So right here is the corner of it See when I put my mouse over top of that little box It's going to create an arrow pointing, um, you know up and down And then what I do is I click and I drag it So I click and hold and drag it Inwards and as I'm clicking and dragging it in you can see how the pixel size has changed So right now I'm at two thousand six hundred eighty seven by two hundred two thousand two hundred seven pixels So as I drag it in it keeps on shrinking it. So you just keep on dragging it in Click drag click drag Until So it's the size that you want And if you want to you just click apply and save and just uh, just see what it does And it's still a little too big for my taste. So I'm going to click and drag a little bit more apply and save and Looks good to me If you want to get rid of some of the space you just get down here and just click so apply and save All right, so I think we're good there. So now since I since this is the size that I want I'm going to click save and close. Okay. So again right here. This is a if I click on it It's in a logo image. Okay, so that's why the limit the logo image is only 250 by 75 So you have to work with this particular image right here. But when you're in this area, this is a Header and so you have a wissy wig editor. So on this one you can size the image So up here you would have to go to an outside program if it doesn't, you know, if your image doesn't fit and then right here is A wissy wig editor and I can click and drag and and and resize it basically So I'm going to save and close and get out there because I'm ready to go I got Lakeland Community Theater presents an evening by the lake All right, so next what so it says sorry the deadline has passed and the reason why is this counter has As a date on it that has passed. Okay, so right here is the expired message Just in case someone goes to your landing page after you just wanted to say, hey, sorry, the deadline has passed Just so they don't think it's coming up do We so what we could do Is below This image we could put the date Right here. So I could Click on the image again Okay, and then I could go below and put So I click behind the image hit my enter button twice and then I could put the date. So if the date Let's just say the date is march um 21st 7 30 p.m Apply and save and then now this Text should be below here. So apply and save There we go. All right And there's a lot of space underneath here. So if we go back over You see we scroll and we could put our cursor down here where it's blinking just backspace That space off and let's try that And that's what you're doing. I mean just see what it looks like presents. Maybe you want no space Kind of looks okay. I mean it doesn't really look that bad So if you want to add space in there add space if not then but I kind of like this Right here if you highlight it you'd go up here to this wissy wig editor and you could You know change the size on it you change the font family that type of stuff you can You can align it to the left to the right. I like the center So really I give you some control. I'm going to hit apply and save And I think that looks good Right here. It says expired message, which is this sorry the deadline has passed. So if I click on expired lesson Um Now you put sorry this event is over Applying save see what it looks like. So save and close um So anyway, you got the main editor um timer heading So let's go ahead and just um Let's do the event date right here. Okay, which is going to start the The timer basically so we'll put event date says important. You must enter the date as year month day hour minutes Must include all fields for example for august 12th 2012 at 425 you would enter um again year 2012 so this one will be We'll put the date as 2021 month let's just say the month is Would we say March so we'd put three um the day right here. So so there's march and the day we said was Uh 21st And then the hour in the minutes So the hour so you'll notice the hours military time because if you put for it doesn't know 4 a.m. Or you know 4 p.m. So you got to use military time. So um Use military time on that so um If it's at 7 30 military time you take if it's 7 30 p.m. So if it's p.m You do you do 12 and then you add 7 because it's um seven hours away from 12 from the military time You could also go to google If you wanted to and you say in What time is 7 30 p.m. In military time? So seven is 1900 hours So um, so it'd be so seven o'clock at night is 1900 hours. Okay So 19 which is basically 12 plus seven. So right here. So for the hour It is 1900 hours We just changed it to 19 so that uh the 19 signifies 7 uh p.m. And then Uh, it's at 7 30. So the minutes right here is 30 All right, so I'm going to hit save and close All right, probably hit apply and save just to make sure I got it, right And it's 32 days away two hours eight minutes and 42 seconds. So now I go ahead and save and close you you just want to um Maybe you put count down to uh march What did I say 21 7 30 p.m Preguous count down that's in Tehran I don't know why it's so weird Anyway, uh, I think you get the military time If you're going p.m. You just take 12 and then add whatever hour it is 7 is 7 hours 12 plus 7 is 19 So that's where I got the 19 from All right, I spent enough time on that um So now you'll notice that the expired message changed from sorry. This event is over now You see the count down to launch now the reason why now now switch because now there's a the dates ahead of time so um So right Timer heading So it's it's timer heading register So basically If you double click over here, um, it opens up the wissy wig editor again And you'll notice you can't see anything and the reason being is because it has the lettering is white So if I highlighted the lettering right here and I click text color and I changed it to black and then hit apply Now you can see it over here, but it's dark over here. So it's hard to see. So that's why it's white That's why it's white. So I'm going to go text color and switch it to white. Okay, and then I'm going to hit apply and save All right, so that's why I can't see it But if I hit if I double click until everything highlights in this box now, I could just type in um um Register register for Register below for updates All right, so now you'll still see it's black So when I hit apply and save that this is white's going to change to black I did this one purpose just in case something happens and you're like, all right, how do I change that? Okay, so now it's real small. So what you do is you highlight this And then what you can do is you can change the font size. So let's go to like 36 All right, so that's pretty big And let's hit apply and save to see the size All right, so the size is still a little too big. So I'm gonna go a little less at 24 apply and save And that's a little bit better. I like that. All right, so but now I can't really see that so I want to highlight this and then I want to go up here to text color And I want to change it to white now. You got to be careful because it's background color If you change the background color, um, it's going to change. It's not going to look good So make sure you choose the text color because you want to change the text color Right here to white so it pops. All right So you want to make sure that this is all highlighted click on text color and then click on white And then apply and save So register below for updates. All right, so it's looking good Register now, so I'm gonna hit saving close because I think this looks good All right, and so Overlay color, I would leave that alone. That just makes this dark so the white stands out. I'll leave the overlay color alone Text color is white and you just want to leave that one alone. That's for right here Right here right here. So you want to leave that alone Theme color is green. So that's the button. So if you want to change your button to a different color, then you can I think it pops. I kind of like it Again, you can change the color to whatever one of these you want. I'm gonna leave it alone Um down here, you'll see copyright company name So we want to find the footer because up here like if it's a body This would be up here is the header. So you remain header down below is the footer where your feet would be So that's why it's called the footer. So right here. We're just going to call it lakeland immunity theater 2021 And then I'm just going to click save and close And there it is. We're down there like the community theater Um, let's see here All right. So the last thing that I want to do is I could keep the rocket ship in there if I like it because the countdown uh thing but um This is an evening by the lake and this is over by lake mirror and lakeland So what I want to do is I want to change the desk desktop background photo So this is the top. These are layers on the top and then the background is the spaceship So I'm going to change the desk back top Beautiful picture a little outdated. We got SpaceX now. So they're not really launching that anymore, but I'm gonna upload a new image and right here the width 1200 by 1600 These to cover the whole screen. So Anyway, I showed you how to do canva if you need to do that, but let's upload new image browse And I got lake mirror Image and I'm just going to do the same thing And now I do want to show you there is a There is a website called pexels.com That they're free stock images. So if you want a space background Then you could uh, you could get any of these backgrounds for free. Okay. So um pexels pex els.com So I'm going to leave that up there just for a second. Uh, again pexels P e p is in paul ex els.com All right, but I got my image in there and I'm ready to go I'm going to click on done editing because I have finally finished this thing And if I go back over here and hit refresh Boom I like it. It looks good Of course if you Um need to change anything whenever you log in To the dynamics pro you'll go to landing pages You will find your landing page and right here is the name. So right here an evening by the lake. I'm going to click on it If I need to change any information, I'm going to click on edit this page And then right here you just click on any of these and then change anything And that is how you do a landing page design for the countdown