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 browsers (i.e. Firefox, Internet Explorer, Safari, Chrome) before uploading to the UBCMS. Poor coding may break your page unexpectedly.

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.

Adding a Formstack Form

Adding a Twitter Feed

Proceed with caution. These instructions may be dated.

Adding a Video

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. (Instructions are below.)

Known Issues:

Last Reviewed:

April 15, 2020