Build Sidebar: Quote

Page Content

How to Use the Sidebar: Quote Content Type

The Sidebar: Quote content type highlights a quote and attribution in the sidebar. Use it to feature a relevant testimonial, perspective, or statement that supports the main page content.

In this module, you will learn how to add and customize a Sidebar: Quote content type and use it to complement your page content.

Learning objectives

  • Understand the purpose of the Sidebar: Quote content type
  • Understand when and where to use the content type within a Studio Site

Instructions

From the T4 Site Structure, navigate to the page you are updating.

How to add a Sidebar: Quote content type

  1. Click the Add Content button.
  2. Select Sidebar: Quote from the list of content types.
  3. The content elements you use depend largely on how you'd like the sidebar to look on the page. At a minimum, use the following content elements:
    • Background color: Black, blue, gray, light gray, teal, or white
    • Quote
    • Person's Name
    • Open link in new tab: Select the checkbox if you require the link to open in a new tab/window as opposed to in the same page.
    • CTA link (internal): Select an internal website to link to on the CTA button
    • CTA link (external): Only enter this if you are NOT entering an internal link
  4. After you've added the desired content elements, click the Save Changes button to save content as a draft, or press the arrow and select Save and Approve to save and publish updates.

Video tutorial


Best practices

  • Choose short, meaningful quotes that visitors can quickly read and understand.
  • Avoid lengthy statements that overwhelm the sidebar.
  • Use quotes that reinforce the main message, provide a relevant perspective, or add credibility to the information presented,
  • Avoid placing multiple sidebar quotes on the same page. Too many can create visual clutter and reduce their impact.
  • Select quotes that add value or offer a unique perspective rather than simply repeating information already presented on the page.

Common issues and troubleshooting

  • The sidebar will not appear on full-width layouts

Additional resources

By now, you should feel confident using the Sidebar: Quote content type to highlight meaningful perspectives that complement your page content and enhance the visitor experience.


Explore the possibilities: Content type examples

Browse through the examples below to see how the type can be used in different scenarios and design choices.

Visit the Meet Our Students page to see a live example of a Sidebar: Quote content type.

Ready to enhance your content further?

Check out the next module.