Setting Up Page Elements

 

You can use Elements to create the structure of information on your page. With this article, you will learn how to add different elements to your page and how to customize them. 

 

Before you continue, you need to create Sections and Rows. Click here to access our help guide.  

 

 

Headline, Sub-Headline & Text

 

These elements can be will have the same editing options. 

The headline will default with big bold letters which are ideal for page titles while the Sub-Headline will default to semi-bold text which is ideal for title descriptions. The Text element can be used for the text contents since it will default to regular text size. 

 

 

You can customize the appearance of the texts by changing the values in the Column Setting options. You can also add animations by clicking the animation icon.

Column Setting	Animation

 

               

Button

 

You can use the Button element for interaction. For example, you would add a Buy Now button to your website for your students to purchase your product. Or you can set it up to take your students to a section, or webpage.

 

 

By default, the Column Settings will display on the right side of your page. You will have access to other options like Actions, Animation, and Button Style. 

 

Column Setting	Action
Animation	Button Style

 

 

Image

 

 

You can add images to your page by adding an image element. 

 

 

Once this element is added, you will be asked to upload an image file. 

 

 

You can also change the column setup, and add an action, and animation.

 

 

Video

 

 

 

Add videos to your page by using the Video element. 

 

 

You will be asked to add a Youtube video URL. At the moment, we do not have the option to use an uploaded video in our system. 

 

You have the option to add an animation effect to the video column. 

 

Additional Elements

 

Navbar 

 

 

Contains buttons that link to the sections on your page.

 

 

 

By default, the Navbar will contain the Contact, Home, About, and Blog buttons. 

 

 

This can be updated by clicking the gear icon at the top right portion of the page. 

 

 

You can also change how the button styles by clicking the Style Picker icon. 

 

 

To add your custom logo, click the "Custom" button under Logo. Then upload your logo image by clicking the "Upload" button. 

 

 

Animations can also be added by clicking eh Animation icon. 

 

 

Input 

 

 

Allows the input of data from your users. This can be used where students can enter their email, name, password, or password. 

 

 

You choose between Email, Password, Text, and Number input types. 

 

 

You can also add animation effects to the Input element.

 

 

Divider

 

 

 This acts as a decorative line break between 2 elements or sections on your page. 

 

 

You have the option to customize the color, style, and more in the Column Settings.

 

 

 

Icon

 

Icons can be used ad a great alternative to using text. It can contain messages in image form. This can also act as a button. 

 

 

We have a variety of icons available. If you want to use these icons you can click the "Remove" button.

 

 

Next, click "Select Icon".

 

You can choose one from our available icons. 

 

Or use your custom icons by clicking the "Media Storage" tab. You can either use an existing image or upload your icon image by clicking the "Upload File" button. You can add an External Link for the icon image file. 

 

 

You have the option to add Actions to your icon by clicking. 

 

 

Animation effects can also be added to the icon. 

 

List

 

 

You can use this to add bullet points or a checklist to your page. 

 

 

You can choose between any of the bullet styles available in the settings. 

 

You can add your bullet-style image icon by clicking custom and then clicking the "Remove" button. 

 

 

Next click "Select Icon". 

 

 

The icon selection page will be displayed. You can also use our stock icons. To use your custom image click the "Media Storage" tab. You can either use an existing image or upload your icon image by clicking the "Upload File" button. You can add an External Link for the icon image file. 

 

 

You also have the option to customize each bullet point icon by clicking the list option. 

 

 

Animation effects can also be added to this element. 

 

Timer

 

 

You can add a countdown timer to your page to inform students of the amount of time an offer will expire. This will help them to make quick decisions to purchase your product. 

 

 

You can customize the timer through these available options: 

 

You can also choose between the different timer styles. 

 

The animation effects option is also available for this element.