Looking to make your Hostinger website more engaging with dynamic visuals? One of the easiest ways to do this is by adding an auto slide-in image carousel. In this tutorial, we’ll guide you step-by-step on how to add and customize a slideshow section using the Hostinger Website Builder.
Step 1: Access the Editor
Start by logging into your Hostinger account. Head to the “Websites” section and click the “Edit Website” button next to the site you want to modify.
Step 2: Add a Slideshow Section
Hover between two existing sections until the “Add Section” button appears. Click it, scroll down, and select the “Slideshow” option. Choose the single slideshow template.
Step 3: Enable Auto Slide-In
By default, the slideshow doesn’t autoplay. To change this:
- Click on the slideshow section
- Go to Settings
- Enable both Auto Play Slideshow and Loop Slides
- Adjust the slide duration (e.g., 3 seconds)
Step 4: Customize Controls and Styling
Switch to the Style tab to modify:
- Control types (arrows, dots, or both)
- Navigation arrow colors
- Slide button (dot) colors
You can easily match these to your site’s branding.
Step 5: Add or Remove Images
Click on any slide to view or edit its contents. You can:
- Delete existing images using the bin icon
- Upload new ones from your device
- Use free stock images from Pexels by entering a keyword (e.g., “barber shop”)
Step 6: Save and Publish
Once you’re happy with the setup, click Update Website to publish your changes. Use the “View Site” option to preview your new auto slide-in image carousel live.
Bonus: Learn More with My Free Course
Want to master Hostinger’s Website Builder? Join my full online course for free. It covers everything from template setup to advanced e-commerce features.