{"id":120542,"date":"2023-06-26T17:27:46","date_gmt":"2023-06-26T11:57:46","guid":{"rendered":"https:\/\/theplusaddons.com\/?post_type=documents&#038;p=120542"},"modified":"2026-04-11T09:40:13","modified_gmt":"2026-04-11T04:10:13","slug":"testimonial-widget-settings-overview","status":"publish","type":"documents","link":"https:\/\/theplusaddons.com\/docs\/testimonial-widget-settings-overview\/","title":{"rendered":"Testimonial Widget Settings Overview"},"content":{"rendered":"\n<p>Building trust and credibility with your website visitors is crucial. One effective way to achieve this is by showcasing testimonials from satisfied customers. Testimonials can help build trust and credibility with your audience while showcasing the value and quality of your products or services.&nbsp;<\/p>\n\n\n\n<p>The Testimonial widget from The Plus Addons for Elementor allows you to create stunning testimonial sections with ease. Whether you want to highlight customer reviews, client feedback, or success stories, this widget provides a user-friendly interface to showcase testimonials in a visually appealing manner.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/theplusaddons.com\/elementor-listing\/\/#testimonials-wgts?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Required Setup<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Elementor FREE Plugin<\/a> installed &amp; activated.<\/li>\n\n\n\n<li>You need to have <a href=\"https:\/\/wordpress.org\/plugins\/the-plus-addons-for-elementor-page-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">The Plus Addons for Elementor<\/a> plugin installed and activated.<\/li>\n\n\n\n<li>Make sure the Testimonial widget is activated. To verify this, visit The Plus Addons \u2192 Widgets \u2192 and search for Testimonial and activate.<\/li>\n\n\n\n<li>This is a Freemium widget; to unlock the extra features, you need the <a href=\"https:\/\/theplusaddons.com\/pricing\/\/?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" target=\"_blank\" rel=\"noreferrer noopener\">PRO version of The Plus Addons for Elementor<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Activate the Testimonial Widget?<\/h2>\n\n\n\n<p>Go to&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The Plus Addons <\/strong>\u2192<strong> Widgets&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Search <\/strong>the widget name<strong> <\/strong>and<strong> turn on the toggle.<\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1912\" height=\"665\" src=\"https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial.png\" alt=\"from\" class=\"wp-image-179807\" title=\"\" srcset=\"https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial.png 1912w, https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-300x104.png 300w, https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-1024x356.png 1024w, https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-768x267.png 768w, https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-1536x534.png 1536w, https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-600x209.png 600w\" sizes=\"auto, (max-width: 1912px) 100vw, 1912px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Key Features<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Two Source Types <\/strong>&#8211; You can use a custom post type or an inbuilt repeater as the source.<\/li>\n\n\n\n<li><strong>Multiple Style Options <\/strong>(Freemium) &#8211; You can choose from multiple styling options.<\/li>\n\n\n\n<li><strong>3 Layouts <\/strong>&#8211; You can choose from three layout types <a href=\"https:\/\/theplusaddons.com\/docs\/\/show-testimonials-in-grid-layout-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Grid<\/a>, <a href=\"https:\/\/theplusaddons.com\/docs\/show-testimonials-in-masonry-grid-layout-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Masonry<\/a>, and <a href=\"https:\/\/theplusaddons.com\/docs\/\/add-a-testimonial-carousel-slider-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Carousel<\/a> (Pro).<\/li>\n\n\n\n<li><strong>Order Posts by Different Parameters<\/strong> &#8211; You can order posts by different parameters like id, date, author, title, and more.<\/li>\n\n\n\n<li><strong>Unique Carousel ID <\/strong>(Pro) &#8211; With the Unique Carousel ID, you can easily <a href=\"https:\/\/theplusaddons.com\/docs\/\/carousel-remote-sync-with-elementor-testimonials-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">connect and control the testimonial carousel with the Carousel Remote widget<\/a>. <\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add Testimonials in Elementor with Repeater Mode [Recommended]?<\/h2>\n\n\n\n<p>To add a testimonial, add the Testimonial widget on the page.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layout<\/h3>\n\n\n\n<p>You can click on the <strong>Import Presets<\/strong> button to import a preset template and customise it as per your requirements.<\/p>\n\n\n\n<p>From the <strong>Style<\/strong> section, you can add different predefined styles to your testimonial.<\/p>\n\n\n\n<p>Then, from the <strong>Layout<\/strong> section, you can select different layout types for your testimonials. Here you\u2019ll find three options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Grid<\/strong> &#8211; For creating a grid layout.<\/p>\n\n\n\n<p><strong>Masonry<\/strong> &#8211; For creating a masonry grid layout.<\/p>\n\n\n\n<p><strong>Carousel<\/strong> &#8211; For creating a testimonial carousel slider.<\/p>\n\n\n\n<p>Select the appropriate layout option that fits your needs.<\/p>\n\n\n\n<p>From the <strong>Select Source<\/strong> dropdown, you have to select the source of your testimonials. Here you\u2019ll find two options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Post Type<\/strong> &#8211; With this option, you can use the default testimonial custom post type of The Plus Addons for Elementor, or you can use your own custom post type as the source of the listing.&nbsp;<a href=\"https:\/\/theplusaddons.com\/docs\/add-testimonials-with-custom-post-type-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Learn more<\/a>.<\/p>\n\n\n\n<p><strong>Repeater<\/strong> &#8211; With this option, you can directly add content to the widget.&nbsp;<\/p>\n\n\n\n<p>Here we\u2019ll select the <strong>Repeater<\/strong> option.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-179ef3ed wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-video\"><video height=\"898\" style=\"aspect-ratio: 332 \/ 898;\" width=\"332\" controls src=\"https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-content-new.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>With the Repeater option selected, you\u2019ll find a <strong>Manage Testimonials<\/strong> section. From here, you can directly add the content, open the first item.<\/p>\n\n\n\n<p><strong>Testimonial Content<\/strong> &#8211; Here, you have to add the testimonial content.<\/p>\n\n\n\n<p><strong>Testimonial Title<\/strong> &#8211; Here, you can add a title for the testimonial.<\/p>\n\n\n\n<p><strong>Author Name<\/strong> &#8211; Here, you can add the testimonial author name.<\/p>\n\n\n\n<p><strong>Author Designation<\/strong> &#8211; Here, you can add the testimonial author designation.<\/p>\n\n\n\n<p><strong>Author Image<\/strong> &#8211; Here, you can add the testimonial author image.<\/p>\n\n\n\n<p><strong>Company Logo<\/strong> &#8211; Here, you can add the testimonial author\u2019s company logo. This option will only apply to Style 4.<\/p>\n\n\n\n<p>You can repeat the process on the other items.<\/p>\n\n\n\n<p>Click on the <strong>+ADD ITEM<\/strong> button to add more testimonials.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Columns Manage<\/h3>\n\n\n\n<p>From the <strong>Columns Manage<\/strong> tab, you can manage the number of columns of your testimonial listing on desktop, tablet, and mobile separately.<\/p>\n\n\n\n<p>You can also manage the column gap from here.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Extra Options<\/h3>\n\n\n\n<p>Then, in the <strong>Extra Options<\/strong> tab, you\u2019ll find some additional options.<\/p>\n\n\n\n<p><strong>Title Tag<\/strong> &#8211; From here, you can set different HTML tags for your testimonial author name.<\/p>\n\n\n\n<p><strong>Display Image Size<\/strong> &#8211;&nbsp; From here, you can select different image sizes of the testimonial author image.<\/p>\n\n\n\n<p><strong>Content Height(px)<\/strong> &#8211; From here, you can set a height for the testimonial content for different devices.<\/p>\n\n\n\n<p><strong>Title Height(px)<\/strong> &#8211; From here, you can set a height for the testimonial title for different devices.<\/p>\n\n\n\n<p><strong>Content Scroll<\/strong> &#8211; From here, you can set the scroll bar behaviour if the content exceeds the height. You can show it on mouse hover or keep it visible always.<\/p>\n\n\n\n<p><strong>Content Limit By<\/strong> &#8211; This option is available for the Carousel type layout. From here, <a href=\"https:\/\/theplusaddons.com\/docs\/set-elementor-testimonial-carousel-height\/\" target=\"_blank\" rel=\"noreferrer noopener\">you can limit the testimonial carousel content by height<\/a>, or <a href=\"https:\/\/theplusaddons.com\/docs\/\/limit-elementor-testimonial-carousel-by-text\/\" target=\"_blank\" rel=\"noreferrer noopener\">you can limit the testimonial carousel content by text<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Style the Testimonial Widget in Elementor?<\/h2>\n\n\n\n<p>To style the Testimonial widget, you\u2019ll find all the styling options under the Style tab.<\/p>\n\n\n\n<p><strong>Title<\/strong> &#8211; From here, you can manage the testimonial author name typography and colour.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"329\" height=\"765\" src=\"https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-style.png\" alt=\"testimonial style\" class=\"wp-image-120732\" title=\"\" srcset=\"https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-style.png 329w, https:\/\/theplusaddons.com\/wp-content\/uploads\/2023\/06\/testimonial-style-129x300.png 129w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><\/figure>\n\n\n\n<p><strong>Extra Title<\/strong> &#8211; From here, you can manage the testimonial title typography and colour.<\/p>\n\n\n\n<p><strong>Designation<\/strong> &#8211; From here, you can manage the testimonial author\u2019s designation typography and colour.<\/p>\n\n\n\n<p><strong>Excerpt\/Content<\/strong> &#8211; From here, you can manage the testimonial content typography and colour.<\/p>\n\n\n\n<p><strong>Content Background<\/strong> &#8211; From here, you can add padding, margin, background, box shadow, etc., to each testimonial item.<\/p>\n\n\n\n<p><strong>Read More\/Less<\/strong> &#8211; This option will be visible when you use the <strong>Carousel<\/strong> layout. From here, you manage to read more, toggle text typography and colour.<\/p>\n\n\n\n<p><strong>Featured Image<\/strong> &#8211; From here, you can manage the testimonial author\u2019s image border radius and box shadow for both normal and hover states.<\/p>\n\n\n\n<p><strong>Scroll Bar<\/strong> &#8211; From here, you can manage the scrollbar styling.<\/p>\n\n\n\n<p><strong>Carousel Options<\/strong> &#8211; This option will be visible when you use the <strong>Carousel<\/strong> layout. Here you\u2019ll find many options to control the carousel.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Unique Carousel ID<\/strong> &#8211; With the Unique Carousel ID, you can easily connect and <a href=\"https:\/\/theplusaddons.com\/docs\/\/carousel-remote-sync-with-elementor-testimonials-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">control the testimonial carousel with the Carousel Remote widget<\/a>.<\/li>\n\n\n\n<li><strong>Slider Mode<\/strong> &#8211; From here, you can choose your slider orientation, Horizontal or Vertical.<\/li>\n\n\n\n<li><strong>Slide Direction<\/strong> &#8211; From here, you can choose the slider&#8217;s slide direction, Right to Left or Left to Right.<\/li>\n\n\n\n<li><strong>Slide Speed<\/strong> &#8211; Control your slide transition speed from here.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><em>Now you\u2019ll find various device-dependent options.<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Columns <\/strong>&#8211; You can set the number of columns for the slide for desktop, tablet, and mobile separately.&nbsp;<\/li>\n\n\n\n<li><strong>Next Previous<\/strong> &#8211; You can set the behaviour of your next\/previous slide movement from here. You can move one column at a time or all visible columns (depending on the number of columns set in the <strong>Columns<\/strong> dropdown).<\/li>\n\n\n\n<li><strong>Slide Padding<\/strong> &#8211; From here, you can adjust the padding of your slider.<\/li>\n\n\n\n<li><strong>Draggable<\/strong> &#8211; Make your carousel draggable or non-draggable from here.<\/li>\n\n\n\n<li><strong>Multi Drag<\/strong> &#8211; With this option, you can allow users to drag multiple slides at once.<\/li>\n\n\n\n<li><strong>Infinite Mode<\/strong> &#8211; From here, you can turn your carousel into an infinite loop slider.<\/li>\n\n\n\n<li><strong>Pause On Hover<\/strong> &#8211; Allow the users to pause the slider on mouse hover.<\/li>\n\n\n\n<li><strong>Adaptive Height<\/strong> &#8211;&nbsp; If you have slides with uneven height with this option, the carousel navigation will adjust its position automatically according to the height of the slide.<\/li>\n\n\n\n<li><strong>Animation Type<\/strong> &#8211; From here, you can choose the animation type for your slider.<\/li>\n\n\n\n<li><strong>Autoplay<\/strong> &#8211; Make your carousel slider autoplay from here and adjust its speed as well.<\/li>\n\n\n\n<li><strong>Show Dots<\/strong> &#8211; From here, you can add dots slider navigation, and you can style them as well.<\/li>\n\n\n\n<li><strong>Show Arrow<\/strong> &#8211; You can also add arrow navigation for your carousel slider and style it from here.<\/li>\n\n\n\n<li><strong>Center Mode<\/strong> &#8211; From here, you can highlight the center slide by adding padding, scale effect, or opacity.<\/li>\n\n\n\n<li><strong>Number Of Rows<\/strong> &#8211; From here, you can set the number of rows for your slider.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Post Not Found Options<\/strong> &#8211; This option is only available when Post Type is selected as the source type. From here, you can style the post not found message. You can manage the message typography, colour, background, border, etc.<\/p>\n\n\n\n<p><strong>Extra Options<\/strong> &#8211; From here, you can make a unique column alignment. Turn on the <strong>Messy Columns<\/strong> toggle you\u2019ll get options to move columns up and down up to 6 columns individually for different devices.<\/p>\n\n\n\n<p><strong>On Scroll View Animation<\/strong> &#8211;&nbsp; This is our global extension available for all our widget, this adds scrolling animation as the widget comes in viewport.<\/p>\n\n\n\n<p><a href=\"https:\/\/theplusaddons.com\/docs\/\/on-scroll-view-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Learn more about On Scroll View Animation<\/a><\/p>\n\n\n\n<p>Advanced options remain common for all our widgets; you can explore all their options from here.<\/p>\n\n\n\n<p><a href=\"https:\/\/docs.posimyth.com\/tpae\/advanced-tab\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">View Advanced tab tutorial.<\/a><\/p>\n","protected":false},"author":2115,"featured_media":120545,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[566,526],"class_list":["post-120542","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-testimonial","docs-plus-listings"],"acf":[],"_links":{"self":[{"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/documents\/120542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/users\/2115"}],"replies":[{"embeddable":true,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/comments?post=120542"}],"version-history":[{"count":0,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/documents\/120542\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/media\/120545"}],"wp:attachment":[{"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/media?parent=120542"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/theplusaddons.com\/wp-json\/wp\/v2\/docs?post=120542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}