Code Snippets

Code snippets are a quick and easy way to add html to your site, allowing CMS users of any experience level to work with sophisticated html.  Code snippets can allow your CMS users to create uniform looks for your site, giving pages a snappiness that is a breeze to create!

You can create your own code snippets, or request code snippets be built specifically for your site, to custom match your design goals!

Inserting a Code Snippet

When editing a page in the CMS, using the Design view, a code snippet can be dropped right on the page.  Using the Code Snippet dropdown, a code snippet can be selected.  

In the Design view, the snippet will appear as a preview of how it will look on the site.  In the html view, the code itself will appear.  Below are two examples of how this works:

Code Snippets included in the CMS

Typically, two code snippets will be included; Image Float Left and Image Float Right.  The text will

Image Float Left


How it appears on the site

Image Float Right


How it appears on the site

These are the default images for the snippet.  To change out the images, right click on the image and select Properties.

From there, select another image from the image source using the image manager. 

Creating and Editing Code Snippets

Code snippets can be created under the Content Tab, in the "Code Snippet" section:

From this interface, you can choose to add a new code snippet, or edit existing ones.  

To edit a snippet, click the button with a pencil.  From there, you can edit in the Design interface, or the html interface.  It is recommended that you ensure the html interface does not have extra spacing, line breaks, or other extraneous code in order to ensure the snippet works well on any page in your site:

Adding a New Snippet

New snippets can be created using the ADD button.  From there, the snippet can be created in the Design view, or in the html view.  Code can be pasted in, or created right in this interface.  It should be noted that the html view should be checked when creating a code snippet, to ensure that the code does not have unnecessary page breaks, gaps, or other pieces of extra code that might cause formatting issues on a page when the code snippet is inserted.

A new snippet will require a descriptive name, and can have a longer description to better inform editors about how the code snippet operates.

The snippet, once built, should be saved to ensure your alterations are usable in your site.  The code snippet will appear in the snippet dropdown as soon as it is saved.