How to create a landing page, and why

Need to create a blog, display events, or list your staff/board members on your Streamline site? Landing pages are the ideal all-purpose tool

Last updated: November 2024

Introduction

At some point or another, you will need to list something on your website in a single location. Perhaps you want to display Profile pages for each of your board or staff members, a calendar page to display upcoming events, or maybe you want an orderly way to organize all your community resources in one spot. In all of these cases and plenty of others, a landing page is a Streamline-approved way of organizing and displaying your content!

What is a "landing page"?

A landing page is nothing more than a page whose purpose is to feature other pages on your site. Streamline does this by allowing you to display Teasers in an organizable list on every page you create. So while you can think of your homepage as the ultimate landing page, you can create as many landing pages on your site as you need.

Landing PAge

By teasing pages in a specific teaser zone (Pages teased below main body content) you can create beautiful, organized landing pages in no time. Any kind of page can be teased, so you can create landing pages for all kinds of purposes -- such as a calendar landing page, that teases Event pages, or a directory landing page, that teases Profile pages.

Tip: If you're unfamiliar with Teasers, this would be a good time to review our overview of Teasers here > 

Example: Creating a page for all of your additional resources.

A common type of page on a Streamline site is a page that houses all the additional resources for your organization. Let's do that first by creating a new page on our site called "Additional Resources" by navigating to your Content tab and clicking the Add New Content button:

Note we added a bit of text in the main body content area, but since this is a landing page, the important part is what we put in the Teaser Zone (indicated by the red arrow) - we can click on the text to expand the "Teaser Zone" just like so:

 

From here let's click on Add New+ to add a new Teaser to this zone. That will bring up your Page library, so if you have already created your Staff Profile pages, great! You can just choose them one by one to add to your landing page. However, let's assume we haven't created those pages yet and will instead need to create them "on the fly." Let's click on the "New" button to create our first new Profile page:

This will bring up the Create Page screen, where you can update the page type to the necessary one and add in the necessary info:

Here we have our outline for our announcement for our Fall Press Release which includes a picture and some text.

When done, click Save and close on your new page, and voila! You will have both created a new Page and have added a new Teaser to this teaser zone. 

When done, click Save and close on your new Profile page, and voila! you will have both created a new Page and have added a new Teaser to this teaser zone.

Nice work!

We'll go ahead and repeat this process to add a few more Profile pages and tease them so we'll have a nice list just like so:

If you want, you can drag and drop them to reorder them on the page:

When done, click Save and close to see your new “Additional Resources” landing page!

Let’s add Subteasers to show even more pages!

Another way to add more pages to your landing page without adding more Teasers is to add Subteasers! Lets look at the “More Streamline Services” page.

This page has 4 more teasers that I would also like to be visible on the previous page, but how do I do that?

Let's turn on the “Show subteaser list.” This option will allow all of the teasers that are on the pages “Fall 2024 Press Release,” “Fire Burn Permit,” Public Records Request,” and most importantly “More Streamline Services” pages to be listed as a bulleted list under each page. Lets see how it looks on the landing page!

Now, you have a great landing page & all of the Teasers in “More Streamline Services” show up as subteasers here below!