Advanced web authors have access to three components for adding quotes to their webpages.
These are great options for including alumni testimonials, student spotlights or faculty
quotes.
Examples
Alumni Testimonial Component
Winthrop Graduate '23
Teacher School District
Master of Arts in Teaching
"The component requires the person's name, graduation year(s), picture and quote.
You can optionally include the program they graduated from, their current job title
and employer. The component will automatically add the quotation marks at the start
and end of the quote, and will also include a horizontal rule at the bottom to help
separate the quote from content that comes after. The quote can include bold or italic text."
Blockquote Component
"The Blockquote Component only requires the quote and attribution (i.e. the person's
name and any other information you'd like to include. The photo is optional. "
"This is an example of a blockquote that includes an image. You can resize your browser
window to see how the design adjusts on different screen sizes."
Testimonial Slider Component
The Testimonial Slider is the most basic of the components—it can only have plain
text quotes and plain text attributions with no images. It is great for pages that
have a lot of quotes so users don't have to scroll a long way.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum.
English Major, class of 2025
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
Computer Science Major, class of 2026
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Place your cursor in the area that you would like to insert the alumni testimonial,
and then click on the component icon in the 2nd row of the toolbar.
Click on Alumni Testimonial from the component list, and then click Insert.
Fill out the details, and then click Save.
Important: If you are going to copy and paste text into the Quote section, you must click the
three dots and then the "Paste as Text" icon indicated below before you paste your
text in.
To edit or delete the testimonial, click anywhere on it and then click one of the
icons that appears at the bottom: the pencil icon to edit or the X icon to delete.
Once you are done editing, save and publish your page normally.
Place your cursor in the area that you would like to insert the blockquote, and then
click on the component icon in the 2nd row of the toolbar.
Click on Blockquote from the component list, and then click Insert.
Fill out the details, and then click Save.
To edit or delete the testimonial, click anywhere on it and then click one of the
icons that appears at the bottom: the pencil icon to edit or the X icon to delete.
Once you are done editing, save and publish your page normally.
Place your cursor in the area that you would like to insert the slider, and then click
on the component icon in the 2nd row of the toolbar.
Click on Testimonial Slider from the component list, and then click Insert.
Fill out the Quote and Attribution boxes for the first and second quote. If you want
to have more than two quotes in the slider, click "Add New Group" at the bottom of
the dialogue box and then fill out the information for the additional quote. You can
keep clicking "Add New Group" to add more quotes.
Once you have added all of your quotes, click Save. A blue placeholder bar will appear
on the page while you are editing.
To edit or delete the slider, click anywhere on the blue bar and then click one of
the icons that appears at the bottom: the pencil icon to edit or the X icon to delete.
To remove a single quote, open the slider to edit it, and then click the x in the
upper right corner of the group for the quote you want to remove.
Once you are done editing, save and publish your page normally.
