University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

HTML Snippet Component

Embed HTML code into your page.

For developers only!

The Help Desk does not support third party code.

Be sure to carefully test your code for major bowsers (i.e. Firefox, Internet Explorer, Safari, Chrome) before uploading to the UBCMS. Poor coding may break your page unexpectedly.

Using a Formstack form?

Try our custom Formstack Component.

The component as it first appears on the page.

The component as it first appears on the page.

Using This Component

Add the component to the page. There are two tabs: HTML and Options.

HTML Tab

Write or paste in your custom HTML code. Be sure to turn the HTML filter off so that your HTML is used (see Options tab).

The component opened for editing showing the HTML tab.

The component opened for editing showing the HTML tab.

Options Tab

Description: Enter a descriptive label for the component that will be shown on your page in Author (recommended).

  • In our example below, we have inserted "Put some useful descriptive text here...". The phrase "HTML Snippet" is prepended automatically.  

HTML filter: Choose between:

  • Filter HTML (default) - No HTML will be used.
  • Off - Apply your HTML code to the page. Normally you will choose Off

Component handle - Choose to display the component's gray bar and descriptive label in Author (recommended).

The component opened for editing showing the Options tab.

The component opened for editing showing the Options tab.

Screenshot of the HTML Snippet description on a page in author.

HTML Snippet as displayed on a page in author. Description is circled in yellow.

Restrictions

  1. Only experienced developers should handle this component.
  2. Be sure to carefully test your code for major bowsers (i.e. Firefox, Internet Explorer, Safari, Chrome) before uploading to the UBCMS.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See an Example:

Below is an example of an embedded Twitter Widget. In this case the Description field is NOT shown.

Last Reviewed:

April 20, 2017