The Rich Text with CTA component extends the standard Rich Text component by allowing authors to combine rich text content with up to two calls-to-action. Optional headings, supporting copy above and below the CTA, and configurable background styles provide greater flexibility for creating informational, promotional, or conversion-focused content while maintaining a consistent design.

 

Component requirements

All fields are optional:

• Headline tag: H1/H2/H3/H4/P. Default: P.
• Top support copy: Rich text field. Allows users to add additional content
• Bottom support copy: Rich text field. Allows users to add additional content
• Primary CTA: Text field along with associated link type (internal/external/anchor/email/phone)
• strong>Secondary CTA: Text field along with associated link type (internal/external/anchor/email/phone)
• Second CTA style: Solid/Outlined. Default: Solid.
• Background color: White/White Smoke. Default: White.
   

Content guidance:

This component includes an H1. Follow our normal copy style guidance when using this component.

 

Component examples

Below are examples of the component in use, including different configurations with and without headings, supporting copy, CTAs, and background styles.