Add Content Elements to a Page

Introduction

HillTop includes options to different types of content to your page (Text, Images, Links, etc.). The various types of content you can add are called the "Content Elements." This page explains how to add content to your pages, and provides an overview of each element.

Adding Content to your Pages

Step 1 - Click "Pages"

Begin by clicking the "Pages" link, located in the top menu of your HillTop Dashboard. This will bring you to a list of the site's pages.

Pages link


Next, locate the title of the page you will be updating, then click the Edit button (pencil icon) to the left of the title. This will bring you to the content editor.

Edit button

The list below contains a short description of each Content Element, as well as links to in-depth articles.

Return to Top
Step 2 - Select the Type of Content

The Content Elements are located in the right margin of the page editor. Clicking on the name of an element will add it to your page.

The list below contains an overview of each element. 

Add content menu

  • Text Blocks - This option will add a Text Block to the page. Text Blocks allow you to add text, as well as images and links.

  • Links - Add a list of links to your page.

  • FAQs - This option adds a "Question and Answer" section to the page. This element displays a list of questions at the top, with links leading to the answers below.

  • Audio - This feature is not currently supported by HillTop.

  • Forms - Add an existing form from your Warehouse. View Create a Form for more information.

  • Images - Add a "Photo Gallery" style slide show to the page.

  • Files - Add a list of downloadable files (.pdf, .doc, etc.) to your page.

  • Post Types - Add a Post Type Group to your page. A Post Type Group allows you to select a Post Type (ex. News Articles or a Press Releases), and display its Posts on your page. 

    For more information on creating Posts and Post Types, see Posts.

  • Page Types -  If supported by your site, this element creates a Page Browser that functions similarly to a Post Browser. Adding a Page Browser is a useful way to display a list of separate pages, such as when creating a directory page that contains the Profile pages of committee members.

  • Developer Actions - This element is used by developers to add custom functions to a page. If you would like to add a customized, nonstandard function to your page, contact [email protected].
Return to Top
Step 3 - Add Your Content

After clicking a Content Element, a Content Group will appear on your page (ex. a "Text Block Group"). Use the buttons at the bottom of the group to create a new element, or select an existing element.

For example, a Text Block Group will have a "+New Text Block" button and a "+Existing Text Block" button. This allows you to create new content, or select existing content from the Warehouse. All of the site's content is stored in the Warehouse, and can be found by searching by the name or title of the content.

Text Block and FAQ elements also include an editing toolbar, similar to those found in word processing applications. To learn more about the available options for creating and editing your content, see Use the WYSIWYG Toolbar. 

Adding a text block

Text Block content 2

Return to Top
Step 4 - Positioning your Content

When adding a new a Content Group, it will appear at the bottom of your page by default. Your Content Groups can be repositioned vertically by clicking the white "arrow" icon, located on the left side of the blue heading, then dragging the group into your preferred position. Once you have dragged your Content Group into its new position, your public page will automatically be updated to reflect this change.

Move content group icon

Individual Content Elements can also be re-ordered within their Content Group. By mousing over the individual Content Elements within the group, the "arrow" icon will appear in the upper left corner. Click the icon, then drag the element to reposition it. 

move content within group icon

To further customize the look of your page, by using columns and rows to position your Content Elements, see Page Layouts. 

Return to Top
Optional - Modify Settings

Each Content Element will include a link to its "Settings" window, which allows you to make adjustments to how the element is displayed - and, in some cases, what content is displayed. The "Settings" link is located in the upper, right-hand corner of each element, next to the "Remove" link.

The list of settngs will differ, depending on the Content Element. The tutorials for each element, linked in Step 2, will include information on the settings available to the specific Content Element.

Return to Top
Finish - Click Submit

When you have finished adding your content, click the "Submit" button at the bottom of the element window.

To edit an existing Content Element, click on the respective element's Content Group to bring up the WYSIWYG toolbar.

To delete a Content Element, click on the element's Content Group, then click the "minus sign" icon that appears when mousing over the individual element.

To delete a Content Group, click within the group, then click the "X" icon, located in the upper right-hand corner. Deleting a Content Group will delete the individual Content Elements, contained within.

Return to Top
Optional - Removing Content

Content groups can be removed from the page by clicking the "Remove" link, located on the right-hand side of the group's blue heading. After clicking the link, a confirmation window will pop up. Click "OK" to complete the removal.

Remove link

Return to Top