Custom Blocks

Item request has been placed! ×
Item request cannot be made. ×
loading  Processing Request
What are Custom Blocks?

Custom Blocks are blocks of content created to add to landing page panels. These blocks can be tailored to include: HTML Code, video, images, text, and third-party Javascript widgets.

Custom Block with Image

Create a Custom Block
  1. Navigate to the Custom Blocks Tile (Dashboard > Custom Blocks).
  2. Click the ADD NEW button.
  3. Add a title to describe your custom block.

  1. Check the Show Title box if you want to display the title above your custom block.
  2. In the Advanced Section paste (or write) JavaScript Code.
  3. Add any other custom content using the WYSIWYG Editor.
  4. Select your text format from the drop-down list. We recommend Full HTML.
  5. Review the Revision Information, URL path settings, content protection, authoring information and publishing options. 
  6. Click the SAVE button.

TIP: It can be helpful to consider whether your custom block is likely to be added to a full or half-width panel on a landing page. For Example, a custom block that will be added to a side panel on a landing page should be laid out to take advantage of vertical space. A custom block that will be added to a top or bottom panel on a landing page should be designed to accommodate both a full-width horizontal layout on a desktop, as well as a stacked, vertical layout in responsive mode (the display on other devices such as tablets or cellphones).

NOTE: Instructions on how to add the custom block to a Landing Page can be found on the Landing Page Research Guide.

Edit a Custom Block
  1. Navigate to the Custom Blocks Tile (Dashboard > Custom Blocks).
  2. From the list of Custom Blocks, locate the Custom Block you want to edit.
  3. Click the Edit link in the operations column.
  4. Make any modifications to the existing callout
  5. Click the SAVE button to apply your edits.
Delete a Custom Block
  1. Navigate to the Callouts Tile (Dashboard > Custom Blocks). 
  2. From the list of Custom Blocks, locate the Custom Block you want to delete.

  1. Click the Delete link in the operations column.
  2. A warning that this action cannot be undone will appear.
  3. Click the DELETE button to confirm; or
  4. Click the CANCEL button to return to the Custom Block tile without deleting the Entry.
Custom Blocks Demo
Stacks in Action: Custom Blocks for Public Libraries

Examples

Custom Blocks with Images:

Hennessey Public Library (Library Cartoon)

Chapin Memorial Library (Trivia Image)

Custom Blocks with Javascript Widgets:

Ranger College (Flipster Widget)

Bernards Township Public Library (Library Aware Book Jacket Widget (New York Times Bestsellers))

Custom Blocks with Video:

Chapin Memorial Library ('Meet Libby' video)

Custom Blocks with Text:

Lenawee District Library (Michigan Activity Pass)