Optimizely: Sidebars

Sidebars are blocks used on standard pages in the right-hand column navigation area. They are great to use when calling out information such as contact info, related information, or links to an application. 

The sidebar option includes two sections. The header image and body content.

Sidebars can be used at various column widths based on the underlying 12-column grid.

Standard sidebar

white box that include a image, title, body copy and link

Sidebar variations

The height of all sidebars is equalized within their respective row.

Uploaded Image (Thumbnail)

 

yellow and gray box that include a image, title, body copy and link