You are on page 1of 2

1.

Inserir código JavaScript:


Dashboard > JavaScript > Add Script

<script src="https://s3.eu-central-1.amazonaws.com/scripts.assets-landingi.com/customer-
success/Lean_slider/lean-slider.js"></script>

<link rel="stylesheet" href="https://s3.eu-central-1.amazonaws.com/scripts.assets-


landingi.com/customer-success/Lean_slider/lean-slider.css" type="text/css"/>

<link rel="stylesheet" href="https://s3.eu-central-1.amazonaws.com/scripts.assets-


landingi.com/customer-success/Lean_slider/sample-styles.css" type="text/css"/>

<script type="text/javascript">

$(document).ready(function() {

var slider = $('#slider').leanSlider({

directionNav: '#slider-direction-nav',

controlNav: '#slider-control-nav'

});

});

</script>

2.
Inserir código no Bloco HTML:
Editor > HTML > Custom CHTML

<div class="slider-wrapper">

<div id="slider">

<div class="slide1">

<img src="https://images.assets-landingi.com/sbCM2AUbVahuKeJ6/1.png" alt="" />

</div>

<div class="slide2">

<img src="https://images.assets-landingi.com/zoq0B6g714b3kPjA/2.png" alt="" />


</div>

<div class="slide3">

<img src="https://images.assets-landingi.com/onQaCVi4MhJ6sxP4/3.png" alt="" />

</div>

<div class="slide4">

<img src="https://images.assets-landingi.com/A8kDBDGFBhhjJPgh/4.png" alt="" />

</div>

<div class="slide5">

<img src="https://images.assets-landingi.com/rG07njpie0GT4p0J/5.png" alt="" />

</div>

</div>

<div id="slider-direction-nav"></div>

<div id="slider-control-nav"></div>

</div>

3.
 Adicionar imagens de depoimentos em uma nova Section

4.
 Publicar a página
 Abrir a página
 Copiar o endereço de todas imagens de depoimentos para adicionar no
código HTML do passo 2

You might also like