Looking to give your website a modern, engaging look? One of the easiest ways to level up your design is by adding a background video. In this guide, we’ll walk you through how to add a background video in Hostinger Website Builder, step-by-step.
Step 1: Access Your Hostinger Website Builder
Start by logging into your Hostinger account. From your dashboard, go to “Websites” and click Edit Website next to the site where you want to add a background video.
Step 2: Select the Section You Want to Edit
Navigate to the section of your website where you’d like to replace the background image or color with a video. Click on the section, then click Edit Section.
Step 3: Switch to Video Background
Inside the section settings, make sure you’re on the Background tab. Change the background type from Image or Color to Video.
Step 4: Choose a Video from Pexels
Click Replace Video. Although Hostinger doesn’t allow direct uploads, you can choose from a large library of royalty-free videos powered by Pexels. Browse categories or use the search bar (e.g., search for “nature” or “barber”) to find the right visual.
Preview different videos by clicking on them. Once you’ve found the one you like, click Select Item, close the window, and don’t forget to hit the Update button in the top corner.
Step 5: View Your Website Live
After saving your changes, preview your website to see your new background video in action.
Why Use Background Videos?
- Adds visual appeal
- Grabs attention immediately
- Enhances storytelling
- Makes your site feel modern and professional
Get More Hostinger Tips — For Free!
This tutorial is just one lesson from the Hostinger Website Builder Masterclass, available for free at academy.dotcom.builders. Inside, you’ll learn everything from templates and branding to e-commerce setup, blogging, SEO, and more.