Foxify - Smart page builder
Try Foxify freeResourcesOther solutions
  • About Foxify
    • What is Foxify?
    • Account & Billing
      • Free trial
      • Pricing plans
      • Use discount code
      • Change your plan
      • Uninstall Foxify
    • Changelog
    • Terms & Policies
  • Getting started
    • How to install Foxify
    • Quick start guide
    • Analytics
    • App extensions
      • Age Verifier
      • Ajax Add to Cart
      • Countdown Timer
      • Inventory status
      • Product Options Swatches
      • Quick View
      • Recently Viewed Products
      • Storefront Filters
    • Global styles
    • Pages list
      • Create a Home page
      • Create a Product page
      • Create a Collection page
      • Create a Landing page
      • Create a Blog post
      • Templates
      • Save a page as a template
    • Import & Export pages
    • Translation
  • FoxStudio 🔥
    • What is FoxStudio
    • FoxStudio editor
    • FoxStudio tools
      • Autosave
      • Grids guide and Snap lines
      • Pan & Zoom mode
      • Inspector panel
      • Layers
      • Layout template 🧩
      • AI responsive ✨
      • Prettify
      • Keyboard shortcuts
      • Undo & Redo
      • SEO checker
    • Working with Pages
      • Page settings
      • Edit a Section
      • Add a Section
      • Animations
      • Save and re-use Assets
    • Working with Elements
      • Add and Edit Elements
        • Text
        • Button
        • Image
        • Video
        • Countdown timer
        • Marquee text
        • Newsletter form
        • Contact form
        • List items
        • Slideshows
        • Tabs
        • Collapsible content
        • Testimonials
        • Navigation
      • Cells and grids
      • Constraints
      • Frame Elements
      • Resize an Element
      • Stack Elements
      • Copy & Paste Elements
    • FoxTransfer - Clone web design to Foxify
  • 🔥Figma to Shopify with Foxify
  • Basic editor
    • Page Editor
      • General settings
      • Styles settings
    • Sections & Presets
      • Before/ After slider
      • Blog posts
      • Collapsible content
      • Buy Now button
      • Collection list
      • Collection tabs
      • Countdown timer
      • Custom section
      • Favorite products
      • Featured product
      • Featured collection
      • Google Map
      • Handpicked products
      • Image banner
      • Image cards
      • Image with text
      • Lookbook
      • Multicolumn
      • Product tabs
      • Scrolling promotion
      • Slideshow
      • Tabs
      • Testimonials
    • Foxify layout
      • Menus
      • Link menus to Foxify layout
    • Advanced features
      • Custom code
      • Check SEO score
      • Keyboard shortcuts
      • Page revisions
      • Undo & Redo
  • Section design
    • Create a Theme Section
  • AI-powered fox magic
    • What is Fox Magic? ✨
    • All about credit
  • Build for Success series
    • FAQ page like Satyajewelry
    • Featured collections showcase like Puma
    • Home page 🔥
    • Landing page 🔥
    • Multi-column section like SkinnyTeatox
    • Newsletter section like Emmabridgewater
    • Product page 🔥
    • Scrolling promotion like Elementmatcha
    • Testimonial section
    • Video hero section like Swarovski
  • FAQ
    • Foxify Free plan is sunsetting
    • Foxify Gen 2 Beta Test
    • How to report an issue
    • Generic
      • Compare Foxify with other Shopify page builders
      • Completely remove Foxify code from my Shopify theme
      • How to change the app language 🌍
      • Pick a theme to work with Foxify
      • Does Foxify work for all the pages in my store?
      • How to get API Secret key in Foxify
      • How to join Foxify giveaway 2022
    • Edit your pages
      • Add custom font
      • Add custom icon
      • Change my page title and URL
      • Change the product prices' color
      • Create an anchor link
      • Create a parallax background
      • How to make rounded buttons
      • Set a page as Home page
      • Schedule your page to publish at a future date
      • Should I use Pixel, Rem, or Em?
      • Change the page background
  • Troubleshooting
    • Liquid error: Could not find asset snippets
    • Published page is not visible on live store
    • Compare-at prices do not show in live store
  • Shopify Apps Integrations
    • Air Product Reviews
    • DingDoong: Delivery + PickUp
    • Loox Product Reviews
    • LAI Product AliExpress Reviews
    • Wide Bundles - Quantity Breaks
    • Ai Loyalty, Email, Review, SMS 🔥
    • FoxKit AIO Upsell Cross-sell 🔥
    • Yotpo ‑ Product Reviews
    • Judge.me Product Reviews
    • BON Loyalty Program & Rewards
    • Kaching Bundles Quantity Break
Powered by GitBook
On this page
  • How to add Testimonials
  • How to edit Testimonials
  • Manage testimonial items
  • Manage testimonials layout
  • Manage carousel
  • Add content over a testimonial item
  • Customize your collapsible content

Was this helpful?

  1. FoxStudio 🔥
  2. Working with Elements
  3. Add and Edit Elements

Testimonials

PreviousCollapsible contentNextNavigation

Last updated 14 days ago

Was this helpful?

Adding testimonials to your website is a fantastic way to showcase your customers' experiences and build trust with new visitors.

🧐 What Are Testimonials?

Testimonials are positive statements or reviews given by customers or clients who have used a product, service, or brand. They serve as endorsements, reflecting the experiences and satisfaction of real users, and are typically used to build credibility and trust. 🌟

How to add Testimonials

Steps:

  1. In the FoxStudio editor, on the left Sidebar > Click Add elements, or press E.

  2. In Advanced elements, select Testimonials & Press.

  3. Drag the Testimonials element onto your canvas.

How to edit Testimonials

Steps:

  1. Select the relevant testimonials content element in the editor.

  2. All the formatting tools for the element can be found in the Inspector panel.

Manage testimonial items

Add new items

Click Add item to add a new testimonial item.

Reorder items

Rearrange your tabs to change the order in which your content is displayed to your visitors by dragging the six-dot icon.

Remove items

If you no longer need a collapsible item, you can delete it to keep your element up to date.

Manage testimonials layout

  • Design: Select the design you want to change the overall look of your testimonials. There are 6 stylish and modern testimonial designs to choose from.

  • Enable overflowing: Allow the testimonials to overflow horizontally (side-scroll) when there are more testimonials than can fit in the given space.

Enable overflowing works great for displaying multiple testimonials in a carousel style where users can scroll horizontally to see more feedback. 🔄

  • Equal height items: When activated, this option ensures that all testimonial items (including images and text blocks) have the same height, even if the content inside varies in length.

This option prevents uneven spacing, giving your page a more professional look. 🧑‍💻

  • Show quote icon: Add a quote icon next to the testimonial text.

Use this feature to make testimonials stand out and visually separate them from other text on the page. 🗨️

Manage carousel

You can display testimonials in a carousel format, where the testimonials automatically rotate or can be navigated manually.

See settings
  • Columns: Control how many testimonial items are displayed per row on desktop (1-5 columns) and mobile (1-2 columns) separately.

  • Enable loop: Allow the carousel to continuously loop through testimonials.

  • Enable autoplay: Control whether the carousel will automatically transition from one testimonial to the next after a certain period of time (every 1-10s).

  • Show navigation: Control whether or not navigation arrows (previous/next buttons) appear on the carousel. These arrows allow users to manually switch between testimonials.

  • Show pagination: Enable or disable the page dots (or bullets) that show up at the bottom of the carousel. These dots represent the number of slides, and users can click on them to jump directly to a specific testimonial.

  • Control position: Determine where the navigation controls will appear in relation to the carousel (Left/Center/Right).

Click More settings to change the navigation icon, navigation type and pagination type.

Add content over a testimonial item

Add and format the core content of your testimonials.

Select the item and add the content for it.

  • Rating: Use the star rating slider to reflect customer feedback accurately.

  • Large image: Upload or select an image to make your testimonial visually impactful. This could be a product image or any relevant visual.

  • Content: Insert the testimonial content shared by the customer. This can be a short statement or a detailed review.

  • Author: Enter the name of the person giving the testimonial. If you prefer, use initials or a pseudonym.

  • Bio: Add a short description or title for the author (e.g., "CEO of Company XYZ" or "Verified Buyer").

  • Avatar: Upload a profile picture for the author to personalize the testimonial.

Customize your collapsible content

You can design and style different parts of the testimonial item.

Use the dropdown menu to choose the specific part you want to design:

  • Element container: Control the spacing and background color of the entire testimonial container.

  • Card content: Adjust font styles of the main testimonial content.

  • Text: Adjust the overall font style, size, and color.

  • Author: Adjust font style for the author’s name.

  • Bio: Adjust font style of the author’s bio

  • Rating stars: Change the color of the stars.

Hover over the item you want to remove, click the Remove icon.

Select the Design tab from the to customize the Testimonials element.

Pro tip: Use consistent fonts and colors across all testimonials to ensure a cohesive look that aligns with your brand identity.

⭐
Inspector panel
Source: Demo
Source:
Source:
Source:
Source:
Source:
Flip flops
Demo Decor
Demo Gym
Demo Accessories
Demo Food
Demo Nutrition