Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Nitro - Blog with testimonial

Eira

Written by Eira

Last updated

197 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.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

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.