Adding Elements to Your Page

Want to add in text, video, reviews and images into your website. These are elements.

Video

Transcript

0:00 All right. In this video, we're going to talk about adding elements to your page. Elements are functionalities like text images, videos, things like that, that you can add into your pages, uh, to build them out and give content to your page.

0:16 So we've already set up some rows and sections. So now I want to show you how to add the good stuff, the text, the images, and so forth.

0:25 So let's play around with that. So in this video, what we're going to do is we're going to add in a element now, in order to add an element, you need a column.

0:34 So the first thing we're going to do is in our section, we're going to add a row and let's do a two column down here.

0:41 So let's say you want to add text. So what you'll do is you'll hover over the column, the row and click add element, and then you have all these options that you can add.

0:51 You've got a headline, a subhead paragraph, a bulleted list. Um, you know, some other elements that you could choose from, or you got a button, you can add a form, you can add, you can add videos, you can add images, you can do custom HTML surveys, calendars.

1:09 You can add in a map, um, SVG images, uh, reviews. You can have a countdown clock. I'm going to show you what all these different ones do just to kind of give you a feel for what you are getting into and adding elements.

1:24 So what we're going to do is we're going to select an element. So we slated headline and notice that it put that element onto the page.

1:33 If you want to add additional elements and this row, what you can do is hover over the one that you just did and click the plus button.

1:40 And that'll bring up your element, add her here. And you can just add in additional ones, but you want to have a subhead.

1:47 Maybe you want to add in an image, maybe over here, and this section you wanted to add a video or you wanted to add in, let's do a countdown.

2:01 So you can see that you can add all these elements to build out your pages. If you build out the basic structure of your rows and how you kind of want to lay it out, then you can go back and really edit each section to make it look great.

2:15 So let's add a button to this, we'll click the plus again, and we'll add a button so you can see focus on the functionality first, then the design second, uh, don't worry.

2:27 If things look ugly at first, you're going to get better at it. You're going to become a better designer. You're going to become a better creator.

2:34 And so really it's just about, um, you know, finding what looks good on the page and editing that in. So let's go over some of these other elements.

2:42 Let's add some more in here and see what all they do. So if I go to add element, we can see some of this other functionality we've got reviews.

2:52 So you can add a customer review section. We've got a timer. If you want to have a timer, be counting down.

3:02 If you want to have a daytimer where it's adding up. If you want to have a navigation menu, you can have something like that for maybe up closer to the top of the page.

3:19 You know, you can add in those, uh, we can add an order form. I know this looks ugly right now.

3:29 I'm just kind of showing you the different elements that you can add to the page. Let's see, what's some that we have it done here.

3:38 We got a form and a survey you can add in a calendar. So we'd have to build a one to add it in.

3:52 And you can also add in things like forms. We don't have any forms created yet. Actually we do. So we can add that one in.

4:02 So you see, you can kind of build up this content to be, what's all you want to display. So that's how you add elements to a page, play around with these and test them out, try them out for yourself.

4:19 Um, just remember that once you add something to a page, it's going to add the placeholder. So what you want to do is select it and then play with these settings like spacing, you know, play around with them, move them around on the page, get familiar with, uh, all the different settings to, uh, to kind of play around with it.

4:39 So you can add borders. You can add shadows to him. These are all little things that add more oomph to your page.

4:50 So play around with the elements, adamant to your page, uh, be sure to click on them and change the settings to kind of reflect how you want it to look on the page, but just add some men play around with them.

5:04 Change color has changed spacing, uh, change margins, uh, just to kind of move things around on the page to get a feel for building out your elements in the future.