Skip to Content
Meet our new project Fantasma: Create custom themes visually for Free.
DocsScopeLanding SectionsTestimonials Section

Testimonials Section

The Testimonials section displays customer quotes and reviews in a carousel format with navigation arrows. Perfect for showcasing social proof on your landing page.

Testimonials horizontal scrolling style

Testimonials card carousel style

Creating a Testimonials Section

  1. Log in to Ghost admin
  2. Go to Pages, click New page
  3. Set the Page title (e.g., β€œWhat Our Customers Say”)
  4. Optionally add an Excerpt for a section description
  5. Add testimonials to the content (see structure below)
  6. Open the Page settings sidebar
  7. Add the required internal tags (see below)
  8. Click Publish

Choose between two visual styles:

Internal TagStyleBest For
#landing-testimonialsHorizontal scrollingText-focused quotes with subtle navigation
#landing-testimonials-cardsCard carouselVisual testimonials with prominent navigation

Required Tags

Both styles require:

#landing #landing-testimonials

Or:

#landing #landing-testimonials-cards

Adding Testimonials

Add testimonials using Product Cards:

  1. Click the + button in the editor
  2. Select Product
  3. Upload a customer photo
  4. Add the customer name as the Title
  5. Add the testimonial quote in the Description
  6. Include role/company details in the description
  7. Optionally add a Button with a link (e.g., β€œRead Full Story”)
  8. Repeat for each testimonial

Both carousel styles automatically add navigation arrows for scrolling through testimonials.

The testimonials section includes built-in navigation:

  • Previous/Next arrows - Click to navigate between testimonials
  • Horizontal scrolling - Users can also scroll horizontally on touch devices

Optional Settings

Combine with base settings:

Internal TagEffect
#landing-hide-titleHide the section heading
#landing-container-wideWider testimonial display