{"id":23611,"date":"2025-11-13T04:27:40","date_gmt":"2025-11-13T04:27:40","guid":{"rendered":"https:\/\/ourdemy.dev\/?p=23611"},"modified":"2025-11-20T08:55:37","modified_gmt":"2025-11-20T08:55:37","slug":"how-do-i-display-student-testimonials-in-a-carousel-format","status":"publish","type":"post","link":"https:\/\/ourdemy.com\/en\/how-do-i-display-student-testimonials-in-a-carousel-format\/","title":{"rendered":"How do I display student Testimonials in a carousel format?"},"content":{"rendered":"\n<div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      1\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">In the editor panel, find <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">TestimonialCarousel<\/span> and drag it into the section or container where you want testimonials to appear. This element displays student feedback in a sliding carousel instead of a static list.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"925\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dc3f9d7d722a525-1763628873.gif\" class=\"wp-image-24470\" alt=\"Screenshot for step 1\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      2\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Inside the carousel block, click on the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Student Name<\/span> placeholder to begin editing the content for that specific testimonial.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1535\" height=\"800\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f95ba87fd55ecc6e-1763628881.png\" class=\"wp-image-24473\" alt=\"Screenshot for step 2\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f95ba87fd55ecc6e-1763628881.png 1535w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f95ba87fd55ecc6e-1763628881-300x156.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f95ba87fd55ecc6e-1763628881-1024x534.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f95ba87fd55ecc6e-1763628881-768x400.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f95ba87fd55ecc6e-1763628881-18x9.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f95ba87fd55ecc6e-1763628881-710x370.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-f95ba87fd55ecc6e-1763628881-600x313.png 600w\" sizes=\"auto, (max-width: 1535px) 100vw, 1535px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      3\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Add the student\u2019s basic information:\n&#8211; In the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Name<\/span> field, type the student\u2019s full name so the testimonial feels personal and authentic.\n&#8211; In the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Title<\/span> field, enter the student\u2019s role, profession, or the course they took to provide context for the feedback.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"912\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-872a28c261d54b2b-1763628882.gif\" class=\"wp-image-24474\" alt=\"Screenshot for step 3\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      4\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Click <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Select Image<\/span> to choose an avatar for the student. You can upload a new photo from your computer or pick one from your media library.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"715\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-ecdae20555697554-1763628889.gif\" class=\"wp-image-24475\" alt=\"Screenshot for step 4\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      5\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Type the student\u2019s message into the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Text<\/span> field. This is the core testimonial content that highlights their feedback.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"918\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-eea630675d29b5ae-1763628894.gif\" class=\"wp-image-24478\" alt=\"Screenshot for step 5\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      6\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">To include more testimonials, click the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">+<\/span> button to create a new testimonial block and repeat the same steps (add name, title, image, and text). Once multiple testimonials are added, navigation arrows will automatically appear in the preview, letting users slide through them.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"913\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-fab5192a5142d01f-1763628899.gif\" class=\"wp-image-24480\" alt=\"Screenshot for step 6\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n        \n          <div style=\"width: 100%; padding: 0 clamp(16px, 4vw, 64px); box-sizing: border-box;\">\n            <div style=\"position: relative; background-color: white; border-radius: 12px; border: 1px solid #f3f4f6; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0 auto 16px auto; transition: all 0.2s; max-width: 800px;\">\n              <div style=\"display: flex; align-items: center; justify-content: space-between; padding: clamp(12px, 3vw, 16px) clamp(12px, 3vw, 16px) clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\">\n                <div style=\"display: flex; align-items: center; gap: 12px; flex: 1;\">\n                  <div style=\"position: relative; flex-shrink:0;\">\n                    <span style=\"background: linear-gradient(135deg, #a78bfa, #8b5cf6); color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\">\n                      7\n                    <\/span>\n                  <\/div>\n                  <div style=\"display: flex; align-items: center; gap: 8px; flex-1; min-width: 0;\">\n                    <div style=\"font-size: 14px; color: #1f2937; line-height: 1.625; cursor: pointer; padding: 8px; border-radius: 4px; transition: all 0.2s; border: 1px solid transparent; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1;\">Open the <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">avatarSize<\/span> option to adjust how the student\u2019s image appears.\n&#8211; Choose <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Small<\/span> if you want a subtle avatar.\n&#8211; Choose <span style=\"background-color: #dbeafe; color: #1d4ed8; padding: 1px 4px; margin: 1px 0; border-radius: 4px; font-size: 12px; font-weight: 500; border: 1px solid #bfdbfe; display: inline-block; white-space: nowrap; vertical-align: baseline;\">Large<\/span> if you want the photo to stand out more.<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n            <div style=\"padding: 0 16px 16px 16px;\">\n              <div style=\"position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #e5e7eb; background-color: #f9fafb; width: 100%;\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1299\" height=\"746\" src=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-374471c1866536a4-1763628903.png\" class=\"wp-image-24481\" alt=\"Screenshot for step 7\" style=\"display: block; width: 100%; height: auto; object-fit: cover;\" srcset=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-374471c1866536a4-1763628903.png 1299w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-374471c1866536a4-1763628903-300x172.png 300w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-374471c1866536a4-1763628903-1024x588.png 1024w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-374471c1866536a4-1763628903-768x441.png 768w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-374471c1866536a4-1763628903-18x10.png 18w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-374471c1866536a4-1763628903-710x408.png 710w, https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-374471c1866536a4-1763628903-600x345.png 600w\" sizes=\"auto, (max-width: 1299px) 100vw, 1299px\" \/>\n              <\/div>\n            <\/div>\n          \n            <\/div>\n          <\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>1 In the editor panel, find TestimonialCarousel and drag it into the section or container where you want testimonials to appear. This element displays student feedback in a sliding carousel instead of a static list. 2 Inside the carousel block, click on the Student Name placeholder to begin editing the content for that specific testimonial. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,34],"tags":[],"class_list":["post-23611","post","type-post","status-publish","format-standard","hentry","category-customize-your-site","category-help-center"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How do I display student Testimonials in a carousel format? - Ourdemy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ourdemy.com\/en\/how-do-i-display-student-testimonials-in-a-carousel-format\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How do I display student Testimonials in a carousel format? - Ourdemy\" \/>\n<meta property=\"og:description\" content=\"1 In the editor panel, find TestimonialCarousel and drag it into the section or container where you want testimonials to appear. This element displays student feedback in a sliding carousel instead of a static list. 2 Inside the carousel block, click on the Student Name placeholder to begin editing the content for that specific testimonial. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ourdemy.com\/en\/how-do-i-display-student-testimonials-in-a-carousel-format\/\" \/>\n<meta property=\"og:site_name\" content=\"Ourdemy\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-13T04:27:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-20T08:55:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dc3f9d7d722a525-1763628873.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"925\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/e7a7e53bb8a94cce8f134c3718702e42\"},\"headline\":\"How do I display student Testimonials in a carousel format?\",\"datePublished\":\"2025-11-13T04:27:40+00:00\",\"dateModified\":\"2025-11-20T08:55:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/\"},\"wordCount\":240,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-2dc3f9d7d722a525-1763628873.gif\",\"articleSection\":[\"Customize Your Site\",\"Help Center\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/\",\"name\":\"How do I display student Testimonials in a carousel format? - Ourdemy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-2dc3f9d7d722a525-1763628873.gif\",\"datePublished\":\"2025-11-13T04:27:40+00:00\",\"dateModified\":\"2025-11-20T08:55:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-2dc3f9d7d722a525-1763628873.gif\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-2dc3f9d7d722a525-1763628873.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-display-student-testimonials-in-a-carousel-format\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ourdemy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do I display student Testimonials in a carousel format?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"name\":\"Ourdemy\",\"description\":\"Make your own online academy\",\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ourdemy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\",\"name\":\"Ourdemy\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"width\":3163,\"height\":884,\"caption\":\"Ourdemy\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/e7a7e53bb8a94cce8f134c3718702e42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/ourdemy.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do I display student Testimonials in a carousel format? - Ourdemy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ourdemy.com\/en\/how-do-i-display-student-testimonials-in-a-carousel-format\/","og_locale":"en_US","og_type":"article","og_title":"How do I display student Testimonials in a carousel format? - Ourdemy","og_description":"1 In the editor panel, find TestimonialCarousel and drag it into the section or container where you want testimonials to appear. This element displays student feedback in a sliding carousel instead of a static list. 2 Inside the carousel block, click on the Student Name placeholder to begin editing the content for that specific testimonial. [&hellip;]","og_url":"https:\/\/ourdemy.com\/en\/how-do-i-display-student-testimonials-in-a-carousel-format\/","og_site_name":"Ourdemy","article_published_time":"2025-11-13T04:27:40+00:00","article_modified_time":"2025-11-20T08:55:37+00:00","og_image":[{"width":1440,"height":925,"url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dc3f9d7d722a525-1763628873.gif","type":"image\/gif"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/#article","isPartOf":{"@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/"},"author":{"name":"admin","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/e7a7e53bb8a94cce8f134c3718702e42"},"headline":"How do I display student Testimonials in a carousel format?","datePublished":"2025-11-13T04:27:40+00:00","dateModified":"2025-11-20T08:55:37+00:00","mainEntityOfPage":{"@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/"},"wordCount":240,"commentCount":0,"publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"image":{"@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dc3f9d7d722a525-1763628873.gif","articleSection":["Customize Your Site","Help Center"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/","url":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/","name":"How do I display student Testimonials in a carousel format? - Ourdemy","isPartOf":{"@id":"https:\/\/ourdemy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/#primaryimage"},"image":{"@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dc3f9d7d722a525-1763628873.gif","datePublished":"2025-11-13T04:27:40+00:00","dateModified":"2025-11-20T08:55:37+00:00","breadcrumb":{"@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/#primaryimage","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dc3f9d7d722a525-1763628873.gif","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-2dc3f9d7d722a525-1763628873.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/ourdemy.com\/how-do-i-display-student-testimonials-in-a-carousel-format\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ourdemy.com\/"},{"@type":"ListItem","position":2,"name":"How do I display student Testimonials in a carousel format?"}]},{"@type":"WebSite","@id":"https:\/\/ourdemy.com\/#website","url":"https:\/\/ourdemy.com\/","name":"Ourdemy","description":"Make your own online academy","publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ourdemy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ourdemy.com\/#organization","name":"Ourdemy","url":"https:\/\/ourdemy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","width":3163,"height":884,"caption":"Ourdemy"},"image":{"@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/e7a7e53bb8a94cce8f134c3718702e42","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/ourdemy.com"]}]}},"_links":{"self":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/comments?post=23611"}],"version-history":[{"count":4,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23611\/revisions"}],"predecessor-version":[{"id":24495,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23611\/revisions\/24495"}],"wp:attachment":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/media?parent=23611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/categories?post=23611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/tags?post=23611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}