Skip to content

How to Add Sections and Elements to Design Pages in Hostinger Website Builder

June 17, 2025

If you’re building your site with Hostinger Website Builder, one of the most powerful things you can do is customize it with sections and elements. This guide walks you through every step of the process, whether you want to add a blog section, an image gallery, a call-to-action button, or embed a YouTube video.

Getting Started

Log into your Hostinger account and click “Edit Website” next to your project. Once you’re in the builder, you’ll notice an Add Section button between every existing section. This is where the magic starts.

Types of Sections You Can Add

You can choose from several pre-built section types:

  • Blank Section: Great for total design freedom
  • Blog Section: Automatically pulls your latest posts
  • Online Store/Product Section: Showcase products or categories
  • Contact and Subscribe Forms: Collect leads and messages
  • About/Services/Testimonials/Resume: Highlight who you are and what you offer
  • Media Sections: Add galleries, videos, Instagram feeds, or maps
  • Menus and FAQs: Perfect for restaurants or service-based sites

There’s even an AI tool that can generate sections for you based on your goals.

Adding Elements to Sections

After adding a blank section, click the Add Element button to populate it. You can drag and drop:

  • Text blocks for headings or paragraphs
  • Buttons linked to internal or external pages, emails, or file downloads
  • “Add to Bag” Buttons for e-commerce products
  • Galleries and YouTube Videos with adjustable settings
  • Shapes and Dividers to visually enhance your layout
  • Maps showing your location
  • Instagram Feeds, Social Icons, and Contact Forms
  • Embed Code Blocks for HTML or CSS customizations
  • Product Search Bars to help users find what they need

Responsive Design: Desktop vs Mobile

For each element, you can control its visibility on mobile and desktop devices separately. Just click the eye icon and toggle visibility to suit your layout strategy.

Final Thoughts

Using these features, you can design a fully personalized and responsive site with Hostinger Website Builder. Whether you’re building a portfolio, blog, or full-scale e-commerce store, these tools give you complete control.

Looking for more tutorials? Get my free Hostinger course and start building like a pro today.