Can anyone help me recreate the auto-playing testimonial slider from my parents' old website using Webflow?

Published on
September 22, 2023

To recreate an auto-playing testimonial slider from your parents' old website using Webflow, you can follow these steps:

  1. Create a new project: Open Webflow and create a new project where you can recreate the testimonial slider.

  2. Add a new section: Start by adding a new section to your project, where you will place the testimonial slider. You can use the "Div Block" element to create this section.

  3. Add a container: Inside the section, add a container element to hold the content within a specified width. This will help you position the testimonial slider centrally on the page. You can use the "Container" element for this.

  4. Add a slider component: Within the container element, add the slider component. You can find the slider element in the "Components" panel on the right-hand side.

  5. Create slides: Customize the slides based on the testimonials you want to showcase. Each slide represents an individual testimonial. You can duplicate the slide element by right-clicking on it and selecting "Duplicate." Then, modify the content and design of each slide according to the testimonial you want to display.

  6. Set up autoplay: To make the slider autoplay, select the slider component, and navigate to the "Settings" tab on the right-hand side. Under the "Autoplay" section, enable the "Autoplay" option and adjust the duration for each slide transition.

  7. Style the slider: Customize the design of the testimonial slider to match your parents' old website. You can modify the fonts, colors, spacing, and layout using the design tools and options available in Webflow.

  8. Add additional features: If your parents' old website had any additional features, such as arrows to navigate through the testimonials or a pause/play button, you can add those as well. Webflow offers various components that you can use to enhance the functionality and appearance of your testimonial slider.

  9. Preview and publish: Once you have recreated the testimonial slider, preview it to ensure it appears and functions as desired. You can click the "Preview" button in the top right corner of the Webflow designer. If everything looks good, publish the project to make it live on the web.

By following these steps, you should be able to recreate the auto-playing testimonial slider from your parents' old website using Webflow. Feel free to experiment with different design choices and customization options to make it unique and tailored to your specific needs.

Additional Questions:

  1. How do I add arrows for navigation to my Webflow testimonial slider?
  2. Can I add a video testimonial to the auto-playing slideshow in Webflow?
  3. How can I optimize the SEO of my Webflow testimonial slider for better search engine visibility?