This is the text component. It allows you to enter your text and apply various formatting options available from the formatting toolbar. You can create lists and hyperlinks within your text box. This will be the most commonly used component on your site.

Text will display like this when using this component. You can format it using bold, italic, and underline options, create bulleted or numbered lists, and insert hyperlinks. This is a basic example of how the text component appears on the page.

A Call-Out Card is a standard text box styled with a grey background to make it stand out from other text content. It is best used for small sections of content, typically no more than one paragraph. Good use cases include highlighting deadlines, requirements, or tips and important information.

If needed, a heading level can also be added to the Call-Out Card using the configure (wrench) icon.

Heading structure is used on web pages to organize information into an outline format. They provide visual cues that a new content section has started, effectively serving as titles for your content sections. Use heading levels to create a clear hierarchy and guide users through your content.

Ensure your heading levels follow a logical sequence for better accessibility. Avoid skipping levels (e.g., jumping from H2 to H4) as this can affect screen readers and the overall structure of your content. Additional resources on how to ensure your heading levels are accessible are available on the Accessibility Network website.

The Page Title is the main heading (H1) for your page and is essential for SEO and accessibility. It is set through the Page Properties screen when creating a page in AEM templates. You cannot edit the Page Title directly on the page; instead, you must update it through the Page Properties screen in the "Main Content H1 (News Headline)" field.

Authors should not need to add a Page Title to a page manually, as it is already included in the template. However, it is important to keep the Page Title updated as needed through the Page Properties screen. Be cautious not to delete this component, as it is an integral part of the page.

The page title for this page is set as "Text Components" as can also be seen at the top of the page. 

The Call to Action Button is designed to prompt users to take a specific action, such as signing up, registering, or contacting someone. Use this button strategically to encourage users to complete important tasks. Avoid using it for navigation or as a replacement for a list of links. To be effective, avoid placing multiple Call to Action Buttons in a row, as this can confuse users and make actions less clear.

The Contact Card functions like a digital business card, allowing you to input a name, title, and other basic contact information. You can also add a headshot; if none is provided, a default UC logo will be used instead. It can also be used to provide generic contact information for an office or program in the case of a shared inbox.

A related component, e-professional, looks similar but is automated using e-professional data. Consider both components when setting up contact information to choose the best option.

The Intro Text component is used at the top of the page to welcome users and help them understand the content. It should be applied to all top pages and pages that perform well in search. This text is slightly larger than regular copy size to make it stand out and effectively introduce the page's content.

The Pull Quote component is a stylized text element designed to look like a quote. It allows you to display a quote prominently on the page. Enter the quote on one line and provide attribution in two lines: typically, the name of the person and their year, such as "John Student" and "Class of '22."

The Table component is intended for content that benefits from a structured grid of rows and columns, such as displaying tuition fees or schedules. Use it only when the content truly warrants a table. Avoid using tables for content with many blank cells or complex structures like merged or split cells, as these can be challenging for accessibility and maintenance. Consider using heading levels or splitting information into two tables instead.

The Text + Image component combines a text component with an image component, allowing you to display text alongside an image. This can be especially useful for vertical photos or when you want the text to wrap around the image.

For details on using images, refer to the Image component page in the user guide.

The Announcement Card is similar to the Call-Out Card but features a red background to make it stand out more prominently. It is designed for important announcements or urgent messages. This component also includes a button that you can add to prompt users to take action. Unlike the Call-Out Card, the Announcement Card requires a heading to clearly convey the main message.