Using Startup's homepage sections: Testimonials – Pixel Union

Startup's Testimonials section builds social proof and increases conversions with a uniquely-styled section for the home page. Gather and showcase up to six customer reviews using the Testimonials section.

Add a Testimonials section to your home page

In the theme editor (Customize), click [+] Add section
Locate Testimonials
Click the section, then Add
Save

Customize the testimonial blocks

Click on a Testimonial block to reveal its settings.

click_to_open_a_testimonial_block_then_configure_its_settings.png

Configure testimonial image

Click Select Image to search your image library or upload a new image. The Testimonial image will accompany the Author image to present a well-rounded review, complete with visuals for the customer and the product they highlighted.

testimonial_in_startup_with_heading_stars_and_images.png

Adjust image focal point

Select an option from the Image focal point dropdown to adjust the position of the image within its container. Shift the focal point to the Top, Center, Bottom, Right, or Left of the image.

Set the star rating

Display a set of rating stars by selecting 4 stars, 4.5 stars, or 5 stars from the Star rating dropdown. To exclude a star rating, select None.

Quote your customer's testimonial

Add the customer's review to the Testimonial text field. Make use of the Bold, Italic, and Link buttons to highlight portions of text and connect customers with the product they reviewed.

testimonial_quote_enhanced_with_bold_italic_and_link.png

Add author image and name

Upload a square Author image to personalize the testimonial.

Back in the general section settings, select a container shape for the image from the Author image crop dropdown.

Include the customer's name in the Author name field.

Add a section heading

Back in the section's general settings, introduce the section with an optional Heading using the provided text field.

Select a section style

Select the Style for your section using the provided dropdown. There are three options: Accent, Contrast, and Default. Adjust these colors by visiting the Colors portion of the Theme settings.

Set the image height, width, and alignment

Limit the height of the Testimonial image by selecting an option from Desktop image height. Then select an option for Mobile image height to apply to mobile devices.

Select either Half (1/2) or One third (1/3) from the Desktop image width dropdown to adjust the horizontal span of the image across the section.

Align the image to the Left or Right by selecting an option from the Desktop image alignment dropdown.