How can I set the default starting slide to slide 2 in a Webflow slider without sharing the read-only link?

To set the default starting slide in a Webflow slider to slide 2, you need to adjust the slider settings and possibly use some custom code. Here’s how you can do it:

​

1. Adjust Slider Settings

• Open your Webflow project and navigate to the page containing your slider.
• Select the slider element by clicking on it in your design view.
• Check the slider settings in the right-hand panel. However, note that Webflow doesn’t have a built-in feature to change the starting slide directly.

​

2. Use Custom Code

Since Webflow doesn't offer a straightforward way to set the default slide, you'll need a bit of custom JavaScript to initiate the slider at the desired position.

• Go to the settings panel of your slider component and note the ID of your slider, or assign one if it's not already set.
• Add an Embed component onto the page and insert the following code within it:

​

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var sliderElement = document.querySelector('#your-slider-id'); // Replace with your slider ID
    if (sliderElement) {
      var slides = sliderElement.querySelectorAll('.w-slide');
      if (slides.length > 1) {
        slides.item(1).classList.add('w-active');  // Set the second slide active
        slides.item(0).classList.remove('w-active');  // Deactivate the first slide
      }
    }
  });
</script>

​

3. Test the Slider

• Preview your Webflow site to ensure that the second slide appears first when the slider loads.
• Adjust the code if necessary, ensuring that the slider and slide class names are correct.

​

Summary

You adjusted slider settings and added a small JavaScript snippet to set the default starting slide to slide 2 in a Webflow slider. This requires noting the slider ID and modifying the script to target the correct element.