1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved How to create a testimonial slider on DIVI

Discussion in 'Free Divi Community Forum' started by Asmaa, Dec 6, 2019.

  1. Asmaa

    Asmaa New Member

    I'd like to create a slider for my testimonials on the home page so I can have over 3 at a time. What is the best way to do that?
    Thank you
    Asmaa
     
    #1 Asmaa, Dec 6, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I believe what you want to achieve is called Carousel. Try to google search for Divi Carousel: https://www.google.com/search?q=divi+carousel
     
    #2 Divi.Help, Dec 7, 2019
  3. Asmaa

    Asmaa New Member

    Are you suggesting to purchase Divi Gear to have a carousel of testimonials? There is no way to do it on my own with just coding?
     
    #3 Asmaa, Dec 7, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    #4 Divi.Help, Dec 7, 2019
  5. Asmaa

    Asmaa New Member

    I tried coding following the blog but I got lost in 2 places:

    1. Where to unzip the file I downloaded? I was able able to add the code to the header but no idea where to unzip the file downloaded.
    2. When following the steps of the blog and after creating 3 different CTAs, it wasn't clear where to add the two next rows. I got lost in this section: "5. Add New Row Below Previous One". I added the two rows underneath the last CTA but the end result isn't the same. Help.

    Here is the source code: view-source:https://www.iamasmaa.com/carousel-test/
     
    #5 Asmaa, Dec 8, 2019
    Last edited: Dec 8, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    You don't have to follow the tutorial. Just download the .json file:

    upload_2019-12-9_10-58-7.png
     
    #6 Divi.Help, Dec 8, 2019
  7. Asmaa

    Asmaa New Member

    I did, then what should I do? where should I add it to?
     
    #7 Asmaa, Dec 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Import the .json file in Divi Library. Then proceed to edit your page & add new section > Load from Library & load the imported section.
     
    #8 Divi.Help, Dec 9, 2019
  9. Asmaa

    Asmaa New Member

    Thank you. It worked. Now, I am working on replacing the call to action carousel with testimonial carousel instead.
     
    #9 Asmaa, Dec 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)