SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Nitro - Blog with testimonial

Eira

Written by Eira

Last updated

319 views

On this page


This section helps you quote customers' comments and reviews about products, customer support, etc. It makes increases the credibility of your store as blogs.

demo.png

Steps: In the theme editor (Customize), click Add section > Search Blog with Testimonial > Click Save

1. Testimonial content

In Testimonial section, you can add a Testimonial block is Author's Name

How to config Testimonial content

  • Heading: This is the title or main point of the testimonial. It should be a brief, attention-grabbing summary of the customer's experience.

  • Text: customer shares their detailed experience with the product or service.

  • Author's avatar: Include an image or avatar of the customer.

  • Author's name: The name of the customer providing the testimonial.

  • Position: This can add credibility

  • Rating: Include a rating to quantify the customer's satisfaction

content.png

2. How to configure the Blog with Testimonial section?

2.1. Heading options

You can change heading content, add description, also can choose text align: center for it, and set bottom space for Desktop/Tablet/Mobile, Testimonial position

heading.png

2.2. Blog options

  • Select your blog to display

  • Adjust Maximum articles to show in the section

  • You can Show tags, date (adjust date format), Enable carousel on mobile & tablet, Use custom blogs height

  • Text color hover image: choose color of text

blog options.png

2.3. Testimonial options

  • Border between element: Work only have both blogs and testimonials

  • Content align: You can choose to align everything to the Default or Center

  • Layout: You can use grid or carousel layout

  • Items per row: Decide how many testimonials you want to display per row

  • Space Horizontal Items: Maintain a consistent horizontal spacing between items

  • Space Vertical Items: Maintain a consistent vertical spacing between items

  • Color: set color for heading/name, content, position, background, rating

testimonial.png

OPTION FOR CAROUSEL LAYOUT

  • You can Enable Loop (At the end of cells, wrap-around to the other end for infinite scrolling) and Autoplay feature

  • Change style for Prev next button and Page dots

prevnext.png

OPTION FOR IMAGE

  • With those options, you can adjust your Images to display on your store.

2.4. Design options

  • Please follow this guideline to config Layout, Background, Margin/Padding for the section.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.