Blocks | Page Content
Accordion
The accordion block uses a vertically stacked list of items, where each item can be expanded or collapsed to reveal or hide its content. This functionality is useful for organizing large amounts of information in a concise way, making it easier for users to navigate and find specific details.
Column Container
The Column Container is used as a container for other blocks to help organize the page. It’s best used if you have blocks that you want to stack or group together. For example- page layout is broken out into thirds but you can use the column container to break the page in fourths.
Background Color: None or Light Blue
CTA Bar
The CTA bar acts as an anchor link bar and can be placed anywhere it's needed on the page.
Image CTA
The image CTA block is designed primarily for the scheduling hub. It can be used as a primary or secondary block. It feature an image, up to two CTA's as well as an option to add the sceduling icon to it.
More about Image CTAImage Gallery
The image gallery block displays a carousel of images accompanied with headlines and captions. This block is used as full width on a page.
Image Stack
The image stack block can be used as full page, 1/2 page and 1/3 page configuations. It combines an image, a headline, copy and a CTA.
More about Image stackImage with caption options
The image caption block is for supplemental images to be used on the page outside of exisiting blocks. This block offers two options to caption the images (black overlay and a caption below the image).
More about Image with captionsImage with text box options
The image with text box option offers a full width block with the option to have the image featured on the right or left side. The block also has a grey background options as well as a CTA link or button
More about Image with text box optionsList block (view all)
The list block feature a list of six with a clickable "view all" functionality. This block offers options to have two and three columns of information.
One Line Icon CTA
The one line icon CTA block is for insurance only. It feature an icon and CTA button as well as a line of copy.
Page List
The page list block is a block that lists child pages or associated pages in card format
Text Editor
The text editor is a tool for creating, editing, and managing content, particularly text-based elements. It allows users to format text, insert links, buttons, create anchor links, tables and styling for qutoes.
More about text editorText with two option CTA
The text with two CTA displays a left and a right block. Each with a title, text and CTA button
More about text with 2 CTABrightcove Video Gallery
The brightcove video gallery can be configured multiple different ways. See more options on the video gallery page
More about video galleryBlocks | Page Components
Image List Item
The image list item block is a component that allows for an image, stacked with text and optional CTA.
More about Image list itemImage Component
The image component can be used to display an image or icon. This block allows for that image or icon to be linked.
More about Image componentLocations & Services
Related Locations
The related locations block is used to display related locations in a slider block
Related Services
The related services block displays related services in a slider format.
Promos
Tertiary Teaser Row
The tertiary teaser row block displays tertiary teasers in a row of two or three with a headline and optional blue background color.
More about the tertiary teaser rowPrimary Promo
The primary promo is a full 1920x1080 background image with a green circle or white square overlay. The overlay can be left, right or center aligned with a call-to-action button.
Secondary Promo Overlay
The secondary promo overlay block features a background image with an optional overlay in blue or purple. An icon can also be added to the block.
Teaser with 2 CTA buttons
The teaser with 2 CTA buttons is the same as the secondary promo overlay teaser it just offers two CTA buttons.
Secondary Promo Rectangle
The secondary promo rectangle features a background image with a white overlay and orange CTA text.
Tertiary Promo
The tertiary promo be used to display an optional image, subheader, linked header, text and call to action button.
Tertiary Promo Link List
The tertiary promo link list features a header and a list of links.
Page Template
Campaign Templates
Full Campaign page with Sticky Anchor Bar
Slim Campaign page with Sticky Anchor Bar
Standard Template updates
Example Pages
Some examples of pages with new campaign blocks (and others)
https://www.ohiohealth.com/services/primary-care (new services template)
https://www.ohiohealth.com/mychart
https://www.ohiohealth.com/campaigns/Flu-Shot (has accordion on it and video)
https://www.ohiohealth.com/campaigns/vaccine-facts Accordion, video gallery