Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
The Testimonials Element in GHL Customer Care’s Funnels & Websites builder makes it easy to add polished, on-brand social proof to any page. This article explains what the Testimonials Element is and how to set it up to match your brand!
The Testimonial Element allows users to display customer feedback directly within funnel or website pages. It provides flexible layout styles, card formatting, and content customization. This helps businesses build trust and reinforce their brand by showcasing real experiences from happy clients.
Unlike the Review Widget, which automatically pulls reviews from third-party platforms like Google or Facebook, the Testimonial Element is designed for manually entered feedback. This gives users full control over the content, order, and appearance of each testimonial. The Testimonial Element is ideal for curated quotes, in-depth client stories, or brand-specific messaging.
Key Benefits of the Testimonials Element
Highlight real client feedback in a polished and structured format that builds credibility at a glance.
Increase Social Proof: Increases trust by showcasing real client outcomes
Save Time: Prebuilt layouts and styles reduce design time
Stay On-Brand: Reinforce brand identity by using custom fonts, colors, and styling
Keep It Clean and Clear: Allow users to expand long testimonials with a simple “Read More” link
Enhance Readability and Impact: Adjust font size, card shapes, and rating icons to make testimonials easy to scan
Customization Options
Fine-tune how testimonials appear on your page using various styling, layout, and content display controls. The configuration panel is divided into three major areas: Testimonial Settings, Card Styles, and Layout Options.
Testimonial Settings
Control what information is visible to ensure each testimonial emphasizes what matters most.
Show Profile Picture: Toggle on/off to display customer images
Show Name, Caption, Date: Display or hide details of the testimonial author
Show Logo: Add branding to client reviews with logo display
Show Star Rating: Toggle to turn on/off the visual 1–5 star rating
Testimonial Settings (image 1 of 8)What this shows Show Profile Picture: Toggle on/off to display customer images Show Name, Caption, Date: Display or hide details of the testimonial author…What this showsIllustrates the "Testimonial Settings" section of "How to Use the Testimonial Element".This screenshot appears in the "Testimonial Settings" section of "How to Use the Testimonial Element". The text alongside this image reads: Show Profile Picture: Toggle on/off to display customer images Show Name, Caption, Date: Display or hide details of the testimonial author Show Logo: Add branding to client reviews with logo display Show Star Rating: Toggle to turn on/off the visual 1–5 star rating. This part of the guide covers 1 field, listed below. Immediately after, the guide continues: Determine how testimonials are arranged on your page to best complement your content and draw attention to social proof.Image 1 of 8What to chooseShow Profile Picture: Toggle on/off to display customer images Show Name, Caption, Date: Display or hide details of the testimonial author Show Logo: Add branding to client reviews with logo display Show Star Rating: Toggle to turn on/off the visual 1–5 star rating
Fields in this part of the guideShow Logo: Add branding to client reviews with logo display
Buttons and menus referencedShow Profile PictureShow Name, Caption, DateShow LogoShow Star Rating
Next stepDetermine how testimonials are arranged on your page to best complement your content and draw attention to social proof.All 4 steps in this procedure
Show Profile Picture: Toggle on/off to display customer images
Show Name, Caption, Date: Display or hide details of the testimonial author
Show Logo: Add branding to client reviews with logo display
Show Star Rating: Toggle to turn on/off the visual 1–5 star rating
Layout Options
Determine how testimonials are arranged on your page to best complement your content and draw attention to social proof.
Choose from three layout options:
Grid: Uniform layout that aligns testimonials in a structured block
Vertical Masonry: Staggered testimonial display based on content height
Carousel: Interactive slider for rotating testimonials
You can also adjust the number of Columns (0–4) and the Spacing between cards using sliders for added control.
Layout Options (image 2 of 8)What this shows You can also adjust the number of C olumns (0–4) and the S pacing between cards using sliders for added control.What this showsIllustrates the "Layout Options" section of "How to Use the Testimonial Element".This screenshot appears in the "Layout Options" section of "How to Use the Testimonial Element". The text alongside this image reads: You can also adjust the number of C olumns (0–4) and the S pacing between cards using sliders for added control. This part of the guide covers 1 field, listed below. Immediately after, the guide continues: Select from clean card templates and tailor typography and color options to align with your brand’s visual identity.Image 2 of 8What this coversYou can also adjust the number of C olumns (0–4) and the S pacing between cards using sliders for added control.
Fields in this part of the guideCarousel: Interactive slider for rotating testimonials
Buttons and menus referencedGridVertical MasonryCarouselColumnsSpacing
Next stepSelect from clean card templates and tailor typography and color options to align with your brand’s visual identity.All 3 steps in this procedure
Grid: Uniform layout that aligns testimonials in a structured block
Vertical Masonry: Staggered testimonial display based on content height
Carousel: Interactive slider for rotating testimonials
Card Style Options
Select from clean card templates and tailor typography and color options to align with your brand’s visual identity.
Choose from four layout options:
Default: Content above with profile/image below
Reverse Center: Image centered above text
Vertical Center: Image centered below text
Horizontal: Side-by-side profile and testimonial layout
You can also adjust additional styling factors including:
Adjust corner radius for rounded card borders
Modify font style and size for the content and author text
Customize colors for background, card, name, caption, content, rating, date, and “Read More” links
Card Style Options (image 3 of 8)What this shows Adjust corner radius for rounded card borders Modify font style and size for the content and author text Customize colors for background…What this showsIllustrates the "Card Style Options" section of "How to Use the Testimonial Element".This screenshot appears in the "Card Style Options" section of "How to Use the Testimonial Element". The text alongside this image reads: Adjust corner radius for rounded card borders Modify font style and size for the content and author text Customize colors for background, card, name, caption, content, rating, date, and “Read More” links. This part of the guide covers 6 fields, listed below. Immediately after, the guide continues: Follow these steps to add and configure the testimonial element in your page builder.Image 3 of 8What this coversAdjust corner radius for rounded card borders Modify font style and size for the content and author text Customize colors for background, card, name, caption, content, rating, date, and “Read More” links
Fields in this part of the guideDefault: Content above with profile/image belowReverse Center: Image centered above textVertical Center: Image centered below textHorizontal: Side-by-side profile and testimonial layoutAdjust corner radius for rounded card bordersModify font style and size for the content and author text
Buttons and menus referencedDefaultReverse CenterVertical CenterHorizontal
Next stepFollow these steps to add and configure the testimonial element in your page builder:All 4 steps in this procedure
Default: Content above with profile/image below
Reverse Center: Image centered above text
Vertical Center: Image centered below text
Horizontal: Side-by-side profile and testimonial layout
How To Setup the Testimonial Element
Follow these steps to add and configure the testimonial element in your page builder:
Step 1: Navigate to the Page Builder
In the left-hand menu of your sub-account dashboard, click on Sites
Using the top navigation ribbon, select either the Funnels or Websites tab
Open your chosen funnel or website and click the blue Edit button to launch the page editor
Step 1: Navigate to the Page Builder (image 4 of 8)What this shows In the left-hand menu of your sub-account dashboard, click on Sites Using the top navigation ribbon, select either the Funnels or Websites…What this showsIllustrates the "Step 1: Navigate to the Page Builder" section of "How to Use the Testimonial Element".This screenshot appears in the "Step 1: Navigate to the Page Builder" section of "How to Use the Testimonial Element". The text alongside this image reads: In the left-hand menu of your sub-account dashboard, click on Sites Using the top navigation ribbon, select either the Funnels or Websites tab Open your chosen funnel or website and click the blue Edit button to launch the page editor. Immediately after, the guide continues: Click the Add Elements (+) button in the upper left corner Drag and drop the Testimonial element into your page layout.Image 4 of 8What to chooseIn the left-hand menu of your sub-account dashboard, click on Sites Using the top navigation ribbon, select either the Funnels or Websites tab Open your chosen funnel or website and click the blue Edit button to launch the page editor
Buttons and menus referencedSitesFunnelsWebsitesEdit
Next stepClick the Add Elements (+) button in the upper left corner Drag and drop the Testimonial element into your page layoutAll 3 steps in this procedure
In the left-hand menu of your sub-account dashboard, click on Sites
Using the top navigation ribbon, select either the Funnels or Websites tab
Open your chosen funnel or website and click the blue Edit button to launch the page editor
Step 2: Add the Testimonial Element
Click the AddElements (+) button in the upper left corner
Drag and drop the Testimonial element into your page layout
Step 2: Add the Testimonial Element (image 5 of 8)What this shows Click the Add Elements (+) button in the upper left corner Drag and drop the Testimonial element into your page layoutWhat this showsIllustrates the "Step 2: Add the Testimonial Element" section of "How to Use the Testimonial Element".This screenshot appears in the "Step 2: Add the Testimonial Element" section of "How to Use the Testimonial Element". The text alongside this image reads: Click the Add Elements (+) button in the upper left corner Drag and drop the Testimonial element into your page layout. Immediately after, the guide continues: Click into the testimonial element to access the configuration panel Drag the handle (two-line icon) to reorder testimonials Click + Add Testimonial to create new entries Use the P encil icon to edit and the Trash icon to delete a….Image 5 of 8What to clickClick the Add Elements (+) button in the upper left corner Drag and drop the Testimonial element into your page layout
Buttons and menus referencedAddElements (+)
Next stepClick into the testimonial element to access the configuration panel Drag the handle (two-line icon) to reorder testimonials Click + Add Testimonial to create new entries Use the P encil icon to edit and the Trash icon to delete a testimonialAll 2 steps in this procedure
Click the Add Elements (+) button in the upper left corner
Drag and drop the Testimonial element into your page layout
Step 3: Add and Configure Testimonials
Click into the testimonial element to access the configuration panel
Drag the handle (two-line icon) to reorder testimonials
Click + Add Testimonial to create new entries
Use the Pencil icon to edit and the Trash icon to delete a testimonial
Step 3: Add and Configure Testimonials (image 6 of 8)What this shows Click into the testimonial element to access the configuration panel Drag the handle (two-line icon) to reorder testimonials Click + Add…What this showsIllustrates the "Step 3: Add and Configure Testimonials" section of "How to Use the Testimonial Element".This screenshot appears in the "Step 3: Add and Configure Testimonials" section of "How to Use the Testimonial Element". The text alongside this image reads: Click into the testimonial element to access the configuration panel Drag the handle (two-line icon) to reorder testimonials Click + Add Testimonial to create new entries Use the P encil icon to edit and the Trash icon to delete a testimonial. Immediately after, the guide continues: Use the Pencil icon to open the testimonial editor Edit fields such as name, caption, date, star rating, profile photo, profile URL, business URL, and logo.Image 6 of 8What to clickClick into the testimonial element to access the configuration panel Drag the handle (two-line icon) to reorder testimonials Click + Add Testimonial to create new entries Use the P encil icon to edit and the Trash icon to delete a testimonial
Buttons and menus referencedtwo-line+ Add TestimonialPencilTrash
Next stepUse the Pencil icon to open the testimonial editor Edit fields such as name, caption, date, star rating, profile photo, profile URL, business URL, and logoAll 4 steps in this procedure
Click into the testimonial element to access the configuration panel
Drag the handle (two-line icon) to reorder testimonials
Click + Add Testimonial to create new entries
Use the P encil icon to edit and the Trash icon to delete a testimonial
Step 4: Edit Testimonials
Use the Pencil icon to open the testimonial editor
Edit fields such as name, caption, date, star rating, profile photo, profile URL, business URL, and logo
Step 4: Edit Testimonials (image 7 of 8)What this shows Use the Pencil icon to open the testimonial editor Edit fields such as name, caption, date, star rating, profile photo, profile URL…What this showsIllustrates the "Step 4: Edit Testimonials" section of "How to Use the Testimonial Element".This screenshot appears in the "Step 4: Edit Testimonials" section of "How to Use the Testimonial Element". The text alongside this image reads: Use the Pencil icon to open the testimonial editor Edit fields such as name, caption, date, star rating, profile photo, profile URL, business URL, and logo. Immediately after, the guide continues: Use Testimonial Settings to choose which elements to display, such as profile pictures, names, dates, logos, and star ratings Select a layout in the Layout Options to arrange testimonials as a grid, carousel, or masonry display, and….Image 7 of 8What this coversUse the Pencil icon to open the testimonial editor Edit fields such as name, caption, date, star rating, profile photo, profile URL, business URL, and logo
Buttons and menus referencedPencil
Next stepUse Testimonial Settings to choose which elements to display, such as profile pictures, names, dates, logos, and star ratings Select a layout in the Layout Options to arrange testimonials as a grid, carousel, or masonry display, and control column and spacing settings Choose a card style in Card Style Options, and then personalize fonts, borders, and other styling Refine the design using the Size and Color Options to match your brand’s aesthetic with custom fonts, colors, and sizingAll 2 steps in this procedure
Use the Pencil icon to open the testimonial editor
Edit fields such as name, caption, date, star rating, profile photo, profile URL, business URL, and logo
Step 5: Customize the Look and Layout of Your Testimonials
Use Testimonial Settings to choose which elements to display, such as profile pictures, names, dates, logos, and star ratings
Select a layout in the Layout Options to arrange testimonials as a grid, carousel, or masonry display, and control column and spacing settings
Choose a card style in Card Style Options, and then personalize fonts, borders, and other styling
Refine the design using the Size and Color Options to match your brand’s aesthetic with custom fonts, colors, and sizing
Step 5: Customize the Look and Layout of Your Testimonials (image 8 of 8)What this shows Use Testimonial Settings to choose which elements to display, such as profile pictures, names, dates, logos, and star ratings Select a…What this showsIllustrates the "Step 5: Customize the Look and Layout of Your Testimonials" section of "How to Use the Testimonial Element".This screenshot appears in the "Step 5: Customize the Look and Layout of Your Testimonials" section of "How to Use the Testimonial Element". The text alongside this image reads: Use Testimonial Settings to choose which elements to display, such as profile pictures, names, dates, logos, and star ratings Select a layout in the Layout Options to arrange testimonials as a grid, carousel, or masonry display, and control column and spacing settings Choose a card style in Card…. Immediately after, the guide continues: Q: Can I pull testimonials from Google or Facebook reviews? No, this element supports only manually added testimonials. Use the Review Widget for external review sources.Image 8 of 8What to chooseUse Testimonial Settings to choose which elements to display, such as profile pictures, names, dates, logos, and star ratings Select a layout in the Layout Options to arrange testimonials as a grid, carousel, or masonry display, and control column and spacing settings Choose a card style in Card Style Options, and then personalize fonts, borders, and other styling Refine the design using the Size and Color Options to match your brand’s aesthetic with custom fonts, colors, and sizing
Buttons and menus referencedTestimonial SettingsLayout OptionsCard Style OptionsSize and Color Options
Next stepQ: Can I pull testimonials from Google or Facebook reviews? No, this element supports only manually added testimonials. Use the Review Widget for external review sources.All 4 steps in this procedure
Use Testimonial Settings to choose which elements to display, such as profile pictures, names, dates, logos, and star ratings
Select a layout in the Layout Options to arrange testimonials as a grid, carousel, or masonry display, and control column and spacing settings
Choose a card style in Card Style Options, and then personalize fonts, borders, and other styling
Refine the design using the Size and Color Options to match your brand’s aesthetic with custom fonts, colors, and sizing
Frequently Asked Questions
Q: Can I pull testimonials from Google or Facebook reviews? No, this element supports only manually added testimonials. Use the Review Widget for external review sources.
Q: Does the testimonial element support dynamic content? No, this is a static content block. You need to add and update testimonials manually.
Q: Is there a way to truncate long testimonials with a "Read More" link? Yes, long testimonials automatically shorten with an optional “Read More” expansion.
Q: Can I reorder the testimonials? Yes, use the drag handle to change the testimonial order.
Q: Are there character limits on testimonial content? A: There are no fixed limits, but long entries will be truncated and expandable using the "Read More" link.
