Add additional “Next” button to a Slick Slider

Tags: ,

does anyone know how to add an additional “Next slide” button to a Slick Slider? I am already using the dots, and the previous & next arrows, but on the first slide I need to add an additional “Next Slide Button” (for design purposes). Suggestions…help…

Basically a button that advances to the next slide (so on tab-slick-index=”0″ go to tab-slick-index=”1″). This button would only show on the first slide.


Check out the Methods section.

Possible Solution

Add your button <button id="nextSlideBtn">Next Slide Button</button> inside the first slide.


const button = document.getElementById('nextSlideBtn');
const nextSlide = (slider) => {
button.addEventListener('click', () => {
  nextSlide(<YOUR SLIDER>);


var button = document.getElementById('nextSlideBtn');
var nextSlide = function nextSlide(slider) {
button.addEventListener('click', function () {
  return nextSlide(<YOUR SLIDER>);

Source: stackoverflow