Testimonials 3 Instructions

The ‘Testimonials’ panel displays a visually engaging slideshow of testimonial buttons introducing different members of your community. This panel is powered by a single Post element inside of a Container element.

Each testimonial consists of a large profile image with the name and role of the community member on display at the bottom. When the visitors hover over the button, a ‘View Bio’ button will display. This opens a pop-up showing a full biography of the community member to provide the visitor with a richer insight into your school or district’s community.

The following pixel dimensions are recommended for the images uploaded to the Resources module for this panel. Following these guidelines will help you to achieve an ideal balance of visual quality and loading speed for your content:

To update the title of the ‘Testimonials’ panel:

1. Go to the ’Pages’ panel and select the homepage.
2. Turn on the ‘Compose’ toggle in the bar at the bottom of the page interface.
3. Refresh the page in your web browser.
4. Scroll to the ‘Testimonials’ panel.
5. Hover over the Container element displaying the panel title and click on the ‘gear’ icon in the top-right corner.
6. Click into the ‘Title’ field in the ‘Edit Container Element Settings’ window.
7. Update the text or click on the blue toggle to the right of the ‘Title’ field to hide the element title.
8. Click on the ‘Save’ button at the bottom of the ‘Edit Container Element Settings’ window.

To update the ‘View All Stories’ link below the title of the Testimonials panel:

1. Go to the Pages panel and select the homepage.
2. Turn on the ‘Compose’ toggle in the bar at the bottom of the page interface.
3. Refresh the page in your web browser.
4. Scroll to the ‘Testimonials’ panel.
5. Hover over the Container element and click on the ‘gear’ icon in the top-right corner.
6. Click on ‘+ Design’ at the bottom of the ‘Edit Container Element Settings’ window.
7. Click into the ‘Header Content’ content editor
8. Update the existing link text, making sure not to remove the link applied to it.
9. Right-click on the link and choose ‘Edit Link’ from the action menu.
10. Select a link type from the top of the ‘Link’ properties window.
11. Update the link settings and make sure that the ‘Open link in a new tab’ checkbox is only ticked if the link opens a page on an external website.
12. Make sure the ‘button-arrow’ class is still applied in the ‘Class’ field.
13. Click on the ‘OK’ button at the bottom of the ‘Link’ properties window.
14. Click on the ‘Save’ button at the bottom of the ‘Edit Container Element Settings’ window.

Each testimonial in the ‘Testimonials’ panel is powered by an individual post added to the Posts module. 

To add a new testimonial, begin by uploading a profile image for it:

1. Click on the ‘folder’ icon button in Composer’s left navigation to access Resources. 
2. Click on the ‘Resources’ tab.
3. Create or select an existing folder for your new thumbnail in the ‘Public’ directory
4. Click on the ‘Add Public Resource’ button at the top right of the Resources interface.
5. Choose from the upload options available and upload the new image.
6. Once the upload is complete, update the following image properties in the ‘Edit Resource Details’ window:
1. Click into the ‘Title’ field and add a short title for your image (this is for internal use and will not be seen by the visitor).
2. Click into the ‘Alt Text’ field and add a short description explaining the contents of the image. This is used by screen reading software to describe the image for visitors who are unable to see it.
7. Click on the ‘Save’ button at the bottom of the ‘Edit Resource Details’ window.

Image Size: The recommended image size for the post thumbnail is 800px (wide) by 1000px (high).

With the profile image uploaded, add a new post to the Posts module:

1. Click on the ‘Modules’ tab in Composer’s left navigation and select Posts.
2. Click on the ‘Boards’ tab.
3. Select the board that has been configured to display in the ‘Testimonials’ panel.
4. Click on the ‘Create Post’ button at the top right of the Board interface.
5. Add the content for your new post:
1. Click into the ‘Title’ field and add the name of the community member (for example, ‘Linda Davis’).
2. Click into the ‘Body Content’ content editor and type in a short biography of the community member. This may consist of one or more paragraphs.
3. Open the ‘Summary’ panel and type in a word or short phrase describing the role of the community member (for example, ‘Class of 1984’)
4. Open the ‘Thumbnail & Resource’ panel and click on the ‘Browse’ button to select the image you have uploaded for this testimonial.
6. Click on the ‘Save’ button at the bottom right of the Post interface.
7. Click on ‘Yes’ in the ‘Publish Now’ window to publish the post immediately.

Once the post has been published, the new testimonial will display in the ‘Testimonials’ panel automatically. The posts are set to display in date order.

Tip: To learn more about adding posts please read our Knowledge Base article on how to Make a New Post.

Each testimonial button in the ‘Testimonials’ panel displays an arrow button with the label ‘View Full Story’ when the visitor hovers over it. This button opens a pop-up showing a full biography of the community member to provide the visitor with a richer insight into your school or district’s community.

To update the ‘View Full Story’ button label:

1. Go to the ’Pages’ panel and select the homepage.
2. Turn on the ‘Compose’ toggle in the bar at the bottom of the page interface.
3. Refresh the page in your web browser.
4. Scroll to the ‘Testimonials’ panel.
5. Hover over the Post element powering the slideshow of testimonial buttons and click on the ‘gear’ icon in the top-right corner.
6. Click on ‘+ Content Details’ towards the top of the ‘Edit Post Element Settings’ window.
7. Click into the ‘link’ checkbox at the bottom of this section and update the button label.
8. Click on the ‘Save’ button at the bottom of the ‘Edit Post Element Settings’ window.

The order of the testimonials in the ‘Testimonials’ panel is determined by the publish dates of the posts that power them within thePosts module. The testimonials will display in date order by default.

To reorder a testimonial:

1. Click on the ‘Modules’ tab in Composer’s left navigation and select Posts.
2. Click on the ‘Boards’ tab.
3. Select the board that has been configured to display in the Testimonials slideshow.
4. Select the post representing the testimonial that you want to reorder.
5. Click into the ‘Start Date’ field and update the existing date. If the start date of the post is more recent than another post, it will display before it in the slideshow. If the start date is older, the post will display after it.
6. Click on the ‘Update’ button at the bottom of the post interface.

To remove a testimonial from the ‘Testimonials panel, delete the post that powers it within the Posts module:

1. Click on the ‘Modules’ tab in Composer’s left navigation and select Posts.
2. Click on the ‘Boards’ tab.
3. Select the board that has been configured to display in the Testimonials slideshow.
4. Select the post that you want to remove.
5. Click on the ‘Delete’ icon button at the bottom of the post interface.
6. Confirm you want to delete the post in the ‘Delete Post’ validation window.