INTRO: Channels

You’re already using landing pages to showcase events, places and groups. Now with Channels, you can create overarching dedicated pages that unlock new ways to gather content and offer a new opportunity to implement branding as well as adjust the layout of an individual page. 

In this article you’ll find:

  • Ideas for Utilizing Channels
  • Adding Channels
  • Channel Layouts
  • Specifying Channel Events
  • Related Articles

Ideas for Utilizing Channels

With this increased flexibility, you may not know where to start. Here is a list of a few types of content that can benefit from a channel:

  • Semesters
  • Seasons
  • Regions/Neighborhoods
  • Weekend
  • Conferences
  • Recent/Past
  • Colleges/Departments
  • Age/Target Audience
  • Holidays
  • Tours
  • Trending
  • Campuses
  • Next 30 (etc.) Days
  • Festivals
  • Organizations

Adding Channels

In your admin dashboard, navigate to Content > Channels

Select +Add Channel

Screen Shot 2016-09-09 at 2.12.00 PM

Channel Settings

  • Copy Layout From:  You can create your channel using your homepage or another channel as a base for the layout as well as starting with a blank layout.
  • Page Title:  This will appear in the browser tab. If you do not enter Header Text then the Page Title will also appear at the top of the page.
  • Header Text:  This will appear at the top of the page (This Summer’s Hottest Events).
  • Cover PhotoScreen Shot 2016-09-15 at 8.58.53 AM
    • Localist automatically detects if the image is light or dark, which controls whether the header text appears as black or white.
    • Desktop Default:  1140 pixels wide x 200 pixels tall
    • Smartphones Default:  420 pixels wide by 200 pixels tall
    • File size:  Cover Photos load fastest if they are an sRGB JPG file at least 1140 pixels wide and 200 pixels tall and less than 100 kilobytes.
    • Suggestion:  For profile pictures and cover photos with your logo or text, you may get a better result by using a PNG file.
    • Cover photos do not display on feature phones.
  • Custom CSS: This is open to all standard CSS for display tweaks, such as size and color tweaks.

Channel Layout

After saving a new channel you will automatically be taken to the layout page. In the future, you can access this page by selecting the Edit Layout button on the Channels page:

Screen Shot 2016-09-15 at 9.16.36 AM

Channel Components 

By default the base of each Channel is a left column and right column, just like the rest of the calendar pages.

To re-order the components, just simply click and drag throughout the list:

Screen Shot 2016-10-10 at 10.28.15 AM

All components have a corresponding Container CSS Classes field that allows you to designate a specific class for targeting. For example, if you enter xyzsubmitbutton then you can target .xyzsubmitbutton {background-color: red; } and only have the rule apply to the submit button on that channel.

The available components are listed below with their default placement in parenthesis.

Screen Shot 2016-10-12 at 9.37.04 AM

Add Event Block (right)

Screen Shot 2016-09-15 at 3.33.16 PM

App Store Button (right)

Screen Shot 2016-09-16 at 8.45.54 AM

Calendar Nav (right)

Screen Shot 2016-09-15 at 3.33.23 PM

Channel List (right)

Screen Shot 2016-09-16 at 8.46.43 AM

Event List (left)

Screen Shot 2016-09-16 at 9.07.36 AM

Event Tabs (left)

Screen Shot 2016-09-16 at 9.06.54 AM

Featured Tabs (left)

Screen Shot 2016-09-16 at 9.12.19 AM

Filter List (right)

Screen Shot 2016-09-15 at 3.36.31 PM

Group List

Screen Shot 2016-09-19 at 1.45.53 PM

HTML (Example: Adding Facebook buttons)

Screen Shot 2016-09-19 at 2.00.51 PM

Place List

Screen Shot 2016-09-19 at 1.45.47 PM

Platform Nav

Screen Shot 2016-09-15 at 3.34.11 PM

Submit Event Button

Screen Shot 2016-09-15 at 3.33.32 PM

Specifying Channel Events

By default, a channel includes an Event Group component that displays a trending and upcoming list tab as well as one featured slider.

Screen Shot 2016-10-10 at 10.43.10 AM

To modify the content, select a tab. The following options will appear in an Edit Component list on the right side:

  • Title:  Text that appears on the left as the header of the list tab (“Trending Events” below).
  • Label:  Text that a user selects to switch list tabs (“Trending” below).
  • Container CSS Classes:  Enter a unique selector to target only this channel’s component with custom CSS.
  • Sort Events:  You can sort events By EventScore (trending) or By Date (chronologically)
  • Number of Events:  Choose from 1, 5, 10, 25, or 50
  • Time Period:  Keeping “Today” selected ensures that the channel will include content within a rolling time period starting from today and ending a maximum of 366 days in the future. To create a non-rolling time period, select “Custom” to specify a different start date, then continue by number of days past the start date that the period should include.
  • Include in Trending:  By selecting this option, Localist will create a trending list tab that only includes events from all current list tabs that also have this option selected. For example, if you have list tabs for “Athletics” (Include in Trending), “Workshops” (Include in Trending) and “Tours” (not in trending) then the Trending list that Localist creates will only include athletics and workshop events.
  • Show Link to All Events:  If selected, a “view more events” link will be displayed at the bottom of the event group that will link users to the regular, unfiltered All Events page.
  • Included:  You can specify to include events related to filters, places, groups, tags and keywords.
  • Excluded:  You can specify to exclude events related to filters, places, groups, tags and keywords.

Related Articles