Sandbox Navigation

CMS Content

View of all CMS Collections for a site.

1. CMS Collections

In the Content Management System (CMS), you will see the collections contained in your site. Collections are groups of "items" with shared fields. A good example is an "Events" collection where each collection item has a field for: Event ID, Start Date, Event Image, and more.

Example Collection Types:

  • Events
  • Tags
  • Blog Posts
  • Speakers
  • Sponsors
  • Oranizations
  • Cities
  • Locations

2. CMS Items

Each collection contains items with shared fields (data) that are common across the items in the collection. Each CMS item has its own CMS Template Page that utilizes the event's data.

Example Data Field Types:

  • Text
  • Image
  • Rich Text
  • Link
  • Video Link
  • Referenced Items (To Connect Collections together)
  • Email
  • Yes/No Button

3. CMS Pages

Each CMS Item has a CMS Page. Example each "Event" in the "Events Collection" has a page generated with the Event Image, Event ID, Event Description,

4. Conditional Visibility

Not every item is exactly the same and items will change over time. We can use "conditional visibility" to dynamically change the CMS item's page in many ways.

  • Example 1 - State Change - when an event changes from Not Sold Out to Sold Out, we can display "Sold Out" text, deactivate links, or even show an entirely new section that highlights similar events where the ticketing area used to be.
  • Example 2 - Content Provided - allow for layout variation based on "content provided". A typical example would be "if video link provided, then show the video section in the template", "if video link not provided, then hide the video section in the template".
  • Example 3 - Time Based - allow for messaging and layout changes based on time. "If event is in the past, then hide the "buy tickets button" and show upcoming related events"
  • Example 4 - Indicators - "if event is featured, then show featured badge on the listing". You will see an example of this on below. Featured items have a heart icon and "featured" text.

During the site build we add conditional visibility throughout. This gives you great control over your site and allows us to build custom features and functionality per the scope of the project.

Test: Try adding a CMS Item

If you are logged into this site, go to collections > dynamic tags > and click the green "New Dynamic Tag" Button

Collections Tab List of Collections for this site
Dynamic Tags Collection with Green New Dynamic Item Tag

Your new dynamic tag should now appear below. This is a simple list for demonstration purposes, but these tag items can be visually customized to suit the content provided and the type of site. If you click the tag below, there will also be a new CMS Page associated with the tag and events filtered based on the tag.

Dynamic tags can also be used to "Live Filter" a Collection. This is useful for filtering through a large amount of items or for filtering based on multiple criteria or "Tag Collections". These live filter sets can exist in various UI states such as: Checkboxes, drop down lists, buttons, and used in a search field. For this example we used search + a list of buttons.

Live filtering only works on the published site. If you are logged into the editor, make sure to click "back to live site" to test this feature.

Online
Fashion
Fashion
Outdoors
Wellness
Beauty
Online
Beauty
Fashion
Online
Outdoors
Wellness
Fashion
Online
Outdoors
Online
Fashion
Online
Summer
Online
Fashion
Online
Online
Beauty
Wellness
Fashion
Beauty
Online
Outdoors
Fashion
Online
Wellness
Fashion
Online
Outdoors

Site editing only available from a desktop computer. Your site will be fully responsive, but must be edited on desktop.