Snippets are reusable content blocks that can be added to pages.

They can be used on both Landing Pages and Interior Pages. Unlike Assets, each Snippet is configurable and unique to the page where it’s placed. Below are visual examples of some of the most commonly used Snippets in the CMS for Interior Pages. Tutorials on how to configure and use each Snippet are linked through the red buttons.

Be sure to read the Getting Started page to see where to find the Snippet option in the MC Editor. (Hint- Its the puzzle piece icon next  to the "< >" button.)

Table of Contents:

Int = Interior page | LP = Landing page

Main Content Snippets found on both Interior and Landing Pages

Accordion Snippet

Select: Interior Page in drop down, see  "Accordion-Interior Page"

Below is an Interior Page-specific Accordion Snippet. Expandable content sections that keep long text organized and easy to browse. 

Back to top ↑

Button Snippet

Select: General in drop down, see  "Button"

A clickable element that directs users to another page, section, or action — often used to highlight calls to action (CTAs) like “Apply Now,” “Request Info,” or “Donate.”

Back to top ↑

Card – Call to Action

Select: Cards in drop down, see  "Cards- Call to Action"

An easy to configure call-to-action card for content creators to drive user engagement and highlight key actions across the website.

Back to top ↑

Card - General Snippet

Select: Cards in drop down, see  "Cards- General"

A General Card displays clickable links in a clean card format with an image, title, and description. Great for drawing attention to key content, such as services, events, articles, or any featured content.

Optional subtitle text above main heading 

General Card Snippet- Horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tag 1

Tag 2

Optional subtitle text above main heading 

General Card Snippet - Vertical

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tag 1

Tag 2

General Card Snippet - Vertical

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tag 1

Back to top ↑

Card - People Snippet

Select: Cards in drop down, see  "Cards- People"

Organizes faculty information in a “business card” style layout, complete with a profile image and contact details.

Shasta

Mascot

Org Name

shasta@CougarNet.UH.EDU 

999999999

Tag 1

Back to top ↑

Card - Program Snippet

Select: Cards in drop down, see  "Cards- Program"

Lists multiple programs within a rounded, grouped layout—ideal for showcasing offerings at a glance.

Back to top ↑

Stats – Feature Snippet

Select: General in drop down, see  "Stats - Feature"

Displays key statistics and information about an organization, service, or team in a visually engaging format.

Back to top ↑

Responsive Table

Select: General in drop down, see  "Responsive Table"

Displays table data.

Back to top ↑

Main Content Snippets for Interior Pages

Interior Page SPIFFs Bank Snippet

Select: Interior Page in drop down, see  "Interior Page SPIFFs Bank Snippet"

The SPIFFs Bank Snippet is a reusable library of pre-designed content blocks (known as "spiffs") that can be inserted into interior pages to enhance layout, highlight content, or add functionality without custom coding.

Back to top ↑

Interior SPIFFs Bank Row Snippet

Select: Interior Page in drop down, see  "Interior Page SPIFFs Bank Row Snippet"

The Interior SPIFFs Bank Row Snippet is a layout Component that allows you to display a horizontal row of SPIFFs (pre-designed content blocks) on an interior page. These rows can include items like program highlights, services, quick links, or calls to action — all styled consistently.

Sample SPIFF

Nulla facilisi. Nulla vitae tortor non nisl consequat semper at at arcu. Quisque viverra quam id magna luctus porttitor.

CTA Button

Sample SPIFF

Nulla facilisi. Nulla vitae tortor non nisl consequat semper at at arcu. Quisque viverra quam id magna luctus porttitor.

CTA Button

Sample SPIFF

Nulla facilisi. Nulla vitae tortor non nisl consequat semper at at arcu. Quisque viverra quam id magna luctus porttitor.

CTA Button

Sample SPIFF

Nulla facilisi. Nulla vitae tortor non nisl consequat semper at at arcu. Quisque viverra quam id magna luctus porttitor.

CTA Button

Back to top ↑

Sidebar Snippets for Interior Page

These are Snippets that go in the "Left Sidebar Content" or "Right Sidebar Content" sections.

Contact Block Snippet

Select: Interior Page in drop down, see "Contact Block"

Displays contact details encouraging users to get in touch.

Back to top ↑

Related Links Snippet

Select: Interior Page in drop down, see  "Related Links"

Suggests other pages or blog posts connected to the topic being viewed.

Back to top ↑