Shopify Review Callout Section

Description of the Section

The Review Callout section is a versatile, customizable component designed to highlight customer testimonials on your Shopify store. With various settings for fonts, colors, and dimensions, this section can be tailored to match your store's branding and layout. It creates a visually appealing and structured display of customer reviews, which can enhance your store's credibility and encourage prospective buyers.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Free Sections
3. Search for "Review Callout"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-Commerce Store

1. Homepage Testimonials: Use the Review Callout section on your homepage to showcase some of the best customer reviews. This can build trust with new visitors and guide them towards making a purchase.
2. Product Pages: Place this section on individual product pages to present specific reviews related to that product, helping potential buyers to see the value and quality through customer feedback.
3. About Us Page: Showcase a few reviews on the 'About Us' page to reinforce the positive experiences of your customers and create a sense of community around your brand.
4. Checkout Page: Adding testimonials near the checkout can help reduce cart abandonment by reinforcing the trust and satisfaction of previous customers.

Overview of the Configuration Settings

• Text Fonts and Sizes:

  • Text Font: Choose the font for the review text.
  • Text Size 1: Specify the size for main review text (default: 15px).
  • Text Size 2: Specify the size for secondary text elements (default: 22px).
  • Text Size 3: Specify the size for minor text elements (default: 16px).

• Headline Fonts and Sizes:

  • Headline Font: Choose the font for various headlines.
  • Headline Size: Set the size for the headline text (default: 50px).

• Colors:

  • Background Color: Select the background color or gradient for the section.
  • Text Color: Define the color for the review text.
  • Headline Color: Define the color for the headline text.
  • Highlight Color: Set the color for elements like icons and highlights within the section.

• Dimensions:

  • Max Width: Specify the maximum width of the section (default: 1000px).
  • Grid Gap: Define the space between individual reviews (default: 20px).
  • Padding: Set the padding for top, bottom, left, and right sides of the section (default: 25px for top and bottom, 10px for left and right).

• Content:

  • Review Count: Display total review count (e.g., "2,500+ Reviews").
  • Headline: Enter the main headline to catch visitors' attention.
  • Review Headline 1: Provide the first review headline.
  • Review Text 1: Add the accompanying text for the first review.
  • Review Headline 2: Provide the second review headline.
  • Review Text 2: Add the accompanying text for the second review.