Custom HTML Widget

Since the introduction of widgets our ContentManager web sites, I’ve covered a  number of options for using widgets. This post looks at the Custom HTML Widget. It’s a nifty little gadget that can do almost anything.

What is the Custom HTML Widget?

Basically, all of the widgets are really HTML code snippets Some just have a defined format, i.e., the Facebook Like Box is really just an HTML widget that follows some basic rules. When you use Google Analytics to capture your site traffic, this is just another HTML widget that follows some defined rules. The Custom HTML Widget is the most flexible option for inserting HTML code on your page and has only one rule: the inserted code must be valid HTML or it could break your page display.

Typically, you would copy and paste the HTML code from a service provider such as Google, Facebook, Twitter, etc. However, suppose you have a member who can write HTML code. If that member wants to create a little snippet of HTML code to do something specific for your club, voila!

Granted, this is a trivial example, but sometimes seeing an example can help to trigger other ideas. So, roll your mouse over the green check mark and see what happens. If all goes well, you’ll see an alert.

The check mark is just an image with a little HTML code attached to make the alert appear. If you have an idea for a widget on your site and have a member who dabbles in HTML, why not talk about what you could do?

How to add a custom HTML widget

  • Go to Site Admin
  • Go to Widget Admin
  • Click the heading in the right-hand accordion for Custom Widget.
  • Click the Configure Option link to begin setting up your Custom Widget.

Configuring the Custom HTML Widget

  • Select one or more of the available options for location. Available locations are dependent on your site package and configuration, but should always include above and below the Home page text.
  • Click Submit
  • Paste in the embed code you copied above.
  • Click Submit.