Snippets (Layouts & Page Sections)

What are Snippets?

Snippets are reusable layout and content building blocks that help you assemble pages more efficiently in Modern Campus CMS. Think of snippets as pre-built page sections — pieces of a page you can insert, customize, and move on.

Snippets help keep your site consistent, accessible, and aligned with Stony Brook’s design standards, especially when building structured page layouts.

Page Layouts

Start by selecting a layout to structure your page. Layouts define how content is organized—such as full-width sections or multiple columns—and provide the foundation for building your page.

Content Blocks & Page Sections

Use content blocks (components) to add and format content within your layouts. These include text, images, tabs, highlights, and other structured elements designed to meet Stony Brook’s branding and accessibility standards.

Data & Tables

Use these components to display structured data such as tables and statistics. They are designed to improve readability, maintain consistency, and support accessibility standards.

How to Insert a Snippet

1. Open the page in Edit mode.
2. Place your cursor where the snippet should appear.
3. Select Insert Snippet from the toolbar.
4. Choose the category 1-snippet and then pick the snippet you want to use from the list.
5. Replace the placeholder content with your own text, images, or links.
6. Preview and save your page.
   
   

Tips & Advice

• Use snippets to create layout structure, not standalone content
• Always add or edit content after inserting a snippet
• Avoid manually editing snippet structure or markup
• Preview your page after adding multiple snippets to check spacing and stacking
• Combine snippets with components for richer layouts