How do I set up a list page on my builder?
Leave this field empty
Tuesday, July 05, 2016
By Zibster Support Hub
Pin It

List pages are great to use when you're displaying lots of information that you'd like to appear on one page, but still have each bit of information separated. Typically, you would have to use a table and lots of coding and formatting to do this, but our list page makes it super easy to display information like this without having to know how to write code. List pages are most often used for testimonials/raves pages, services pages, and resource/links pages (ie, a "preferred vendors" page). Each "item" you add to the page has its own title and description, as well as the ability to add a link to a specific URL and display an image.

To get started, click on the Builder icon and click on the web pages tab.

From there, click on new page and then list.

This will add a new list page to the bottom of your list of pages called "Extra List". You can drag and drop the page on the left side of the screen to the position you'd like to be in your menu. You can also click on the pencil icon to update the page name.

There are a few different components to the gallery page: layout, page title, content, list items, and html.

The layout section allows you to choose a layout for your page. There are lots of different layouts available. Some of the layouts display the image, title, and description on the page, and other layouts only show the image until the image is moused over.

To see all your layout options, click on the change button, then select a new layout and click on save changes.

The page title section allows you to change the title of the page that will show at the top of the page. This does not change what the page is labeled as in the menu.

The content section allows you to add some text that will show under the title, but above the list items on your gallery page. If you're going to add text here, it is best to keep the text fairly brief.

Of course, the most important part of this page is adding list items. In the list items section of your page, click on new item.

After that, a form will come up where you can enter the title, description and link to a web page.

In the link to a web page section, you have the following options:

  • None: If you do not need to provide a link for this item, ie for a testimonial.
  • Provide an external website address: Use this type of link to direct your viewer to an outside website. This is most commonly used on a Resources or Links page to direct your viewer to other websites. We recommend setting this link to open in a new window.
  • Chose from my list of pages: This will allow you to direct your clients to a certain page within your website. This is most commonly used on a marquee plus page to direct clients deeper into your website.
  • Embedded Link: This will allow a pop up light box window to appear on your website. To utilize this feature, you will need an HTML embed code. This feature is typically used to embed an external form or video.

When this information is completed, click on create item and another section will appear where you can add an image to this list item if you'd like to. You can click upload to upload an image from your computer or click on clipboard to insert an image you have on your clipboard already.

After this information is all entered, make sure to click on save changes.

At the bottom of the page, you can add some HTML code if needed. This is a good place to embed a video or a map if needed.

Note: Code added to the HTML section will not appear on the mobile site.