APPLY TO MESSIAH

Creating a Homepage

A Jadu homepage is a feature rich webpage which uses pre-built ‘widgets’ to add form and function. Once activated,  a homepage can also become a top navigational link. Homepages are built using rows, to accommodate a more complex page design.

A widget is an application, or a component of an interface, that enables a user to perform a function or access a service. Widgets control each element of content and functionality on a homepage. Jadu provides 14 standard widgets; ITS and Web Services currently offer several custom widgets for your use. 

Click below to see how to create a homepage, add a widget, and publish the homepage.

To create a new homepage, click New in the top black navigational bar, and then click Homepage.

Create a homepage


If you do not have any homepages yet, you will be prompted with the screen below to create one.

Click Create one now!

Create a homepage


In this next step, you will specify a page name and fill in required fields:

1) Homepage name (required)
2) Home page description: this is useful for sharing homepages with others, not required.
3) Independent Home page, leave as “no”
4) Hide Taxonomy, leave as "no"
5) Assign Categories
6) Assign Metadata
7) Leave Season as it is.
8) Click Continue

add homepage details

Homepage content is built using widgets. You must have at least one widget to start adding your information.

1. From the left bar under Widgets, click on the Content widget .

2. Drag the Content widget into the Homepage Designer screen under Row 1.

3. Click on the wrench (tool) icon to add content to the widget.

Add the first widget

When you click on the wrench, the content editor will open.

Click inside the editing area to activate the editor.  You can now copy and paste content in, or type in the content box directly.  You can format, add links, add images just as you would in other programs.  (See other Jadu Training Modules on adding images for additional help.) When you’re done, click Continue.

If you are comfortable with HTML, you can click the HTML button in the top right to copy and paste HTML or edit it yourself if needed. When you’re done, click Continue.

When you are satisfied with the edits / changes, you can click Continue.

 


 

Picmonkey collage 1

This is what the page would look like with the content widget and content added:

 


 

Content widget with content added

Note that you can also drag the slider bar on the left to adjust the Width of the widget:

Adjusting Widget width

To preview your page before going live, click the blue Save button at the bottom of the page:

 

Preview the Homepage

 

You will then see a Preview link at the bottom of the page. Click this to see a preview of the page and its appearance. Please note that you should NOT use this URL as a link. You will notice the URL is long and will expire as soon as you close the tab. It is simply for test mode to preview your page.

 

Preview

The final steps to publish a homepage are to Save, Approve, and Activate the homepage.

If you change the Submit for approval dropdown to Yes before you Save, it eliminates a step:

Submit for Approval

Click Save and then Approve. As soon as you do this, your page will be live and you will see "View Live" at the bottom of the page.

Approve

"View Live" can be used to see the Published homepage.

NOTE: The first time you Publish a Homepage, you will need to ask web services to activate your page if you want it to appear on the left nav.