Código para integrar Swiper.js con divi: Tutorial testimonios carrusel slider

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"/>

<script>
jQuery(function($){
  // Insertar la paginacion swiper js
  $( "<div class='swiper-pagination'></div>" ).insertAfter( ".ui-swiper" );

  // Insertar navegación (flechas) swiper js
  $( "<div class='swiper-button-next'></div><div class='swiper-button-prev'></div>" ).insertAfter( ".ui-swiper" );
});
</script>

  <!-- Swiper JS -->
    <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>

    <!-- Iniciar swiper -->
    <script>
jQuery(document).ready(function( $ ) {
    var swiper = new Swiper('.ui-swiper', {
      slidesPerView: 1,
      spaceBetween: 30,
      loop: 'true',
      grabCursor: 'true',
      centeredSlides: 'true',
      /*speed: 500,*/
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
       breakpoints: {
        640: {
          slidesPerView: 2,
        },
        768: {
          slidesPerView: 2,
        },
        1024: {
          slidesPerView: 2,
        },
      	1200: {
          slidesPerView: 3,
        },
      }
    });
});
</script>