Adding a slider (also known as a slideshow) to your website can significantly boost visual appeal and highlight important content in a dynamic way. If you’re using the Hostinger Website Builder, integrating a slider is quick and intuitive. In this tutorial, you’ll learn how to make a slider in Hostinger Website Builder, upload your own images or choose free ones, and customize the slideshow settings.
Step 1: Log In to Your Hostinger Account
Start by logging into your Hostinger account and navigating to the website you want to edit. Click the Edit Website button to enter the builder interface.
Step 2: Add a Slideshow Section
Between any two sections on your site, click Add Section, scroll down to Slideshow, and choose the single slideshow template. The slider will now appear on your page.
Step 3: Upload or Choose Your Slider Images
Click on the slideshow area to begin editing. You can delete the default images and either:
- Upload your own images from your computer
- Use Hostinger’s free image library by searching directly inside the builder
Add up to three images, one by one, and click Add to Page for each.
Step 4: Customize the Slider Settings
Select your slider and click Edit Section to open the slideshow settings:
- Controls: Choose to display arrows, navigation dots, or both.
- Colors: Customize the color of arrows and buttons to match your website design.
- Autoplay: Enable automatic slide transitions.
- Looping: Keep the slideshow running indefinitely.
- Speed: Adjust the duration between each slide (e.g., 3 seconds).
Step 5: Set Device Visibility
Decide whether your slider should be visible on desktop, mobile, or both. This ensures optimal viewing experiences based on your visitors’ devices.
Step 6: Save and Publish
Click Update Website to save your changes. You can now view the live version of your website and see your new slider in action. Hovering over an image pauses the slideshow—a useful built-in feature.
Bonus: Access My Free Hostinger Website Builder Course
Want to master the Hostinger builder? Get full access to my free course where I teach everything from site setup and design to advanced features like blogging, ecommerce, SEO, and analytics.
By following this guide, you now know how to make a slider in Hostinger Website Builder and customize it to fit your website’s needs. For more tutorials, tips, and free resources, don’t forget to explore the full course and subscribe to the channel!
Ask ChatGPT