Components H - N

X

Components H - N | Stryker

- H -

HCP confirmation component

HCP confirmation component

Allows a site administrator to require visitors to confirm an answer that appears as a popup message prior to accessing page content.

Learn more
Hero components

Overview

Several component options are available for the top sections of the product, procedure, system and tier 2 pages: 1) default hero, 2) curated hero, 3) large banner hero and 4) long text hero. 

  Page hero Curated hero Large banner hero Long text hero
Features Content is based on page properties
Similar appearance to Page Hero but de-coupled from page properties
Offers carousel functionality, customizable color bars, multiple images and taglines
Description supports longer test and basic formatting
Image source Page thumbnail or authorable Authorable Authorable slides Page thumbnail or authorable
Available on product page Yes No Yes Yes
Available on procedure page
Yes No Yes Yes
Available on system page
Yes No Yes Yes
Available on tier 2page
Yes Yes No Yes

Governance

All business unit, product, procedure, system and tier 2 pages must have one and only one hero component.

If choosing to use an alternative page hero, delete the default page hero component before adding the new one.

Hero types

Page hero

The Page Hero is the default for all product, procedure and system pages.

Governance

The page hero uses the page title, subtitle and abstract (description) values set in the page properties and displays it in the hero section of the page.

Because marketing claims that require references are not permitted in the page properties, businesses who want to feature marketing claims in a product page hero should use the Large Banner hero instead.

Curated hero

The curated hero has a similar appearance as the page hero, however all aspects are authorable.

Governance

The curated hero is available only on the Tier 2 page template.

Large banner hero

The Large Banner Hero is a series of carousel slides with an edge to edge color bar that allows authors to overlay a graphic, title, subtitle, and link.

Governance

  • Unlike the Page hero, this component allows businesses to place marketing claims in the hero section of a product, procedure or system page.
  • Images must have transparent backgrounds
  • Headline text should be limited to 2 lines

User manual

Working example

Long text hero

The long text hero automatically generates the page title and subtitle from the page properties. Unlike the page hero, the description is authorable and supports longer text entry, basic text formatting like bold and italics and support for hyperlinks.

High level CTA

High level CTA (Specialty Tiles)

The High Level CTA displays the specialties within the selected capability.

Learn more

- I -

Image hotspot

Overview

Allows authors to map clickable areas onto an image that will navigate visitors to a various pages for more details about the object in the image.

Image hotspot

Learn more

- J -

Jump bar navigation

Jump bar navigation

The Jump Bar Navigation is used to help users quickly navigate between different sections of the page.

Learn more

- L -

Large headline

The Large Headline is used to create a visual hierarchy on the page and create visual interest. This component is intended for use within any column control.

Learn more

Local page navigation

Local page navigation allows authors to build several pages of content for an in depth-experience. A third level navigation bar provides visitors with the ability to navigate across children pages.

Learn more
Latest news

Overview

Used in conjunction with the "News Detail" page template, this component provides a quick glance for the four most recently published articles based on tag filters set when configuring the component. Clicking the "Read more" link will navigate the visitor to a page with the fully story. Clicking the "View all articles" button will navigate the visitor to the News and Announcement Page.

Governance

News on the homepage will be limited to stories that are relevant company-wide. Business units can also use this component to highlight business-specific stories.

Stories should be maintained for a rolling 12 months. The news section on the website is not intended to be a permanent archive.

Good to know:

News tiles will automatically update based on the four most recent stories created using the "News Detail" template.

- M -

Marketo form

Marketo form

This component allows an author to input a Marketo form ID to embed a Marketo form on the page, performing basic integration with Stryker's enterprise marketing automation system.

Learn more
Mixed media gallery

Mixed Media Gallery

The mixed media gallery supports zoom, 3D spin, and video playback of asset collection objects.

Learn more

- N -

News and announcements

Overview

The News and Announcements component displays a list of all news types and supports filtering total results by content type based on configuration settings.

Good to know:

The News and Announcements component is only available on the News Landing Page template.