Snippets


What are Snippets?

Snippets are pre-formatted HTML and CSS code that can be inserted onto a page via selection menus.  Once the snippet is inserted onto a page, the on-page content can be edited without affecting the original snippet.   

Snippets are created by the Web Team. Any requests for snippets need to be made through the Web Work Request Form.

A list of available snippets and updates to snippets can be found here.

Inserting Snippets 
Insert Snippet

 To insert a snippet, click the "Insert Snippet" icon on the toolbar.  A "Choose Snippet" pop-up box will appear.

Snippet SelectionSelect the snippet to be inserted onto the page, and click "Insert".


Examples

Profile Card (single) Snippet

Upon selecting a snippet to insert, the snippet will be added to the page.  In this example, the "profile card (single)" snippet has been inserted onto the page.

Snippet Profile Card

Once the information is on the page, you can edit the content directly.

Snippet Example

Save and publish the page in order for the changes to go live on the website.

Contact-Us Snippet

NOTE: Some snippets can only be used in specific locations on the page, or in specific editable sections.  For instance, the "contact-us" snippet should only be used in the "Contact Us" sidebar.  You can turn this sidebar on via the Properties tab.

Contact Us Snippet

Click the "Contact Us" green edit button to begin editing the sidebar.  Once in edit mode, the "contact-us" snippet can be selected.

Snippet Example

Upon selecting a snippet to insert, the snippet will be added to the page.  In this example, the "contact-us" snippet has been inserted onto the page.

Contact Us Snippet

Once inserted into the page, the contact information can be tailored to match the appropriate department.

Snippet Example

Save and publish the page in order for the changes to go live on the website.


Videos