Compelling Story (Container Width or Content Width)

Layout Variant: C007, C007B

Content Type: Collection

Aspect Ratio: 

• Image on base component: 16:9 / 3:4

Expected Use:

The Compelling Story features solutions copy with a call-to-action (CTA) presented over a background image. The excerpt acts as a teaser to encourage users to continue to the full story on another page, typically a feature in the Expertise, Innovation or Industry sections of the site. This is used for a featured case study or to promote an interesting solution or piece of thought leadership.

The C007 is a container width full screen version that has a chop on top. This version does not allow for a title above the component. The C007B is a content width version that allows for a title above the component that is left justified, ncludes a background image and copy to feature articles, case studies or stories in the Perspectives, Expertise, Innovation, and Industry sections of the site. Note: The C007B has an optional Group Heading that can be authored in cases when this component is intended to introduce a larger grouping of components centered around a common content topic or category.

Building the Component:

This is a simple component with all of the content in the Collection. Set the following in the C007 /C007B Collection to render the component correctly:

• Teaser Title - The main headline of your story. 
• Teaser Text - The body copy of your story.
• Teaser Header - The optional component title for the C007B that sits above the banner image.
• Pictures and Other Media - This is the image shown as banner of the component and the other media like PDF, Generic Details page, video linked to the CTA. 
• CTA Label and Teasable Content - The CTA sends user to another page with the full-length story, typically in the Expertise or Industries section of the site. This can be any teasable content such as an External Link, Page, Download or Video. 
  • This is required for the custom CTA text shown regardless of what type of content you are teasing.
  • You can add one or two CTAs to this component.
    • This is entered in the Call-to-Action-Button section with the radio button selection of "Use Linked Call-to-Action Label" if you wish to use the CTA label from your teasable content. 
    • You can also opt to use the radio button with selection of "Use both Custom & Linked Call-to-Action Label" where you will drop your teasable content along with entering your custom CTA label. 
• Set the Layout Variant to C007 for the container width version and C007B for the content width version.