Live streaming landing page template
Here's a template you can use to build a live streaming landing page:
Before you begin...
In order to set up a landing page like the one above, it is recommended that you do the following:
- Choose the right theme - Use an eCatholic theme that supports the Sections Layouts feature. (You can find a complete list of compatible themes here.)
- Choose the right page layout - Once you're using a theme that supports Sections Layouts, you'll need to convert the page layout on your live streaming landing page to a Sections Layout - see instructions.
The template pictured above is an eCatholic-powered website using eCatholic's Turin free theme with an Empty + Sections page layout.
Add a Columns section
The first section at the top of the page will contain some text to explain how visitors can view a live stream (as well as archived broadcasts). Beneath the text is an eCatholic LIVE player.
To begin, add a Columns section with the Solo layout at the top of the page.
Within the Columns section, drag and drop the following modules into the content area:
- Text/HTML module (Click +Add Content > Core Modules > Text/HTML)
- eCatholic LIVE module (Click +Add Content > Video > eCatholic LIVE)
Learn more: How to create a Columns section
Add a Buttons section
The next section contains two buttons that link to eCatholic Payments donation forms to prompt visitors to make a donation online.
To build this section, click the + icon to add a new Buttons section beneath the Columns section. The landing page example above shows a Buttons section with the One Row of Two layout.
Learn more: How to create a Buttons section
Add a Tabs section
The final section on the page contains a list of frequently asked questions. To build this section, click the + icon to add a new Tabs section with the Accordion layout. Then, drag and drop a Text/HTML module into each tab you create.
Learn more: How to create a Tabs section
The final touch: Add an image + link in your homepage feature region
To make sure people can easily find your live streaming landing page, display just one slide in your homepage feature region dedicated to calling attention to your live streaming landing page. Then, use the Title, Caption, and Call to Action button features in your homepage feature region to link directly to your landing page. (see example image below)
Create your own live streaming landing page
Use the suggestions above as inspiration to build your own live streaming landing page!