Master Hostinger Website Builder: Step by Step

Access Hostinger Website Builder, choose pre-made templates from the bottom, and explore template categories. Preview your preferred template, view desktop and mobile layouts, and start building by selecting the template.

Customize a website template in Hostinger website builder for an e-commerce shop. Edit header, logo, navigation, sticky bars, buttons, and sections to publish a polished site.

Learn to customize the Hostinger website style with one-click color and font updates, apply animations, and tailor button, section, and text styles across the site.

Learn to change your website colors globally in Hostinger website builder using website style, and adjust fonts like Prata, and button styles with fade animations.

Learn to edit text style in Hostinger website builder by applying a global font, editing heading sizes and paragraph text, and uploading your own font for local changes.

Discover how to add or change your logo in the Hostinger website builder by editing the header, enabling the logo, uploading or selecting an image, and updating the site.

Edit the header design in Hostinger website builder by setting sticky headers, adjusting spacing and placement, customizing the logo and social icons, and styling a newsletter button with anchor links.

Discover how to boost readability in Hostinger website builder by adding labeled section headings, color-coded blocks, and text elements to clearly separate blog, about me, and experience sections.

Learn to change a section background in the Hostinger Website Builder by editing the section, choosing a color, image, or video, and adjusting the image overlay before updating your site.

Learn to add and customize text in the Hostinger website builder, including editing size, color, type, dragging and dropping text, turning text into a link, and AI writer.

Discover how to add and edit an image in Hostinger Website Builder, including alt text for SEO, resizing options, links, AI-generated images, media library access, and publishing updates.

Learn to add videos in Hostinger website builder from YouTube, Facebook, or local files. Use video elements and embed codes to control autoplay, loop, and visibility.

Embed YouTube videos across Hostinger Website Builder site by adding a video element, inserting YouTube links, and configuring autoplay, loop, and controls; update and preview on homepage, blog, product pages.

Learn to add Google Maps in the Hostinger Website Builder by inserting a map element, resizing and placing it, editing the address for automatic updates, applying animation, and managing visibility.

Learn to add social media icons in the hostinger website builder by editing the header or footer, enabling icons, and adjusting color, size, links, and order via drag and drop.

Add a footer in the Hostinger website builder and insert bottom links by editing text, adding a link to a privacy policy page, and applying the footer to all pages.

Learn to add testimonials or reviews in Hostinger Website Builder by selecting the testimonials section, applying a template, and editing text and stars. Update your site to publish these reviews.

Learn to add a contact form in Hostinger Website Builder by dragging the contact form element or using a dedicated section, customize fields, set email notifications, and view submissions.

Create privacy policy, refund policy, and terms and conditions pages in the Hostinger website builder, then add them as footer links and update to view the live pages.

Navigate to Pages & Navigation in Hostinger Website Builder, add a new page, choose a template (AI, empty, blog, store, or legal pages), then save to publish.

Learn how to duplicate a page in Hostinger website builder by going to pages and navigation, duplicating, renaming, editing the URL, and managing navigation visibility.

Learn to rename a page in Hostinger Website Builder by editing the page name and URL in the pages and navigation, then saving to update your site.

Hide a page from navigation in the Hostinger website builder by dragging it below hidden from navigation and saving changes, while noting the page remains accessible via direct url.

Learn to password protect a page in Hostinger website builder by enabling the password feature, entering a password, and saving updates to secure the page.

Explore how to manage the navigation menu in Hostinger website builder, including main navigation and hidden from navigation, by hiding pages, reordering items, and creating drop-down menus under home.

Learn to create a drop-down menu in the Hostinger website builder by rearranging pages under the home navigation, drag-and-drop a blog item, and preview the result.

Learn how to link to a section in the Hostinger website builder by creating an anchor in the contact section and adding a navigation link that points to that anchor.

Learn to AI generate sections and pages in the Hostinger website builder by describing a contact us section and a page with form, address, maps, and email.

Learn to add a typewriter text effect in Hostinger Website Builder by logging in, embedding code, editing color, font family, and text size, and previewing the live site.

Learn to create a neon glow text effect in Hostinger Website Builder by embedding HTML code, editing text, and updating the site live for a neon-enhanced look.

Learn to add a glitch text effect to a Hostinger website builder by embedding code, updating the live site, and editing the text.

Learn to create a flip card effect in Hostinger Website Builder by embedding code, adjusting duration, and editing card content and styles for multiple cards.

Learn to add a countdown timer in Hostinger Website Builder by embedding code, setting the end date and time, customizing the timer text and color, and publishing to view live.

Learn to add a click-to-copy button in Hostinger Website Builder, embed the code, customize the text and colors, and copy promo codes, emails, and API keys.

Add time-based greetings in Hostinger website builder by embedding HTML code into a new section, then customize and update your site to display dynamic greetings according to visitor time.

Learn to add an online to-do list in Hostinger website builder by embedding code, set task priorities, edit or delete tasks, and optimize the page for Google and seo.

Learn to create and publish a blog in the Hostinger website builder, using AI to generate posts, set tone and length, manage categories, and publish to your blog page.

Master how to build a blog with the Hostinger website builder through a clear, step-by-step approach, covering setup, design, and publishing basics.

Create and manage blog categories in Hostinger website builder by adding new categories, linking them to posts in post settings, and updating your site to see changes live.

Learn to schedule a blog post in Hostinger website builder by enabling schedule post in the post settings, choosing a publishing date, saving, and updating your site.

Boost your Hostinger Website Builder traffic with 10 SEO tips, from short, keyword-rich urls to low-competition keywords, descriptive anchor text, sitemap submission to Google Search Console, and mobile optimization.

Optimize photos for search engines in Hostinger Website Builder by resizing to 800 pixels and exporting lightweight files. Add descriptive alt text to boost Google ranking and accessibility.

Learn to add a meta title and meta description in Hostinger Website Builder by using website settings, SEO settings, and AI-generated content for product pages.

Verify your Hostinger builder website in Google Search Console by using html tag, selecting url prefix, pasting code in Hostinger integrations, publishing updates, and re-verifying until ownership is confirmed.

Learn to create an online store with Hostinger Website Builder by adding a store via the online store icon, publishing changes, and viewing the store link in your navigation menu.

Add a product to your Hostinger store using the store manager; choose product type, upload images, set price and stock, add options and categories, and publish to your live site.

Learn to add a physical product with multiple variants in Hostinger website builder, including size and color options, pricing, stock, and publishing to your store.

Enable the e-commerce feature in Hostinger website builder by navigating to online store, clicking add store, and updating the website to display a store link in the navigation menu.

Set up shipping in the Hostinger website builder by creating a Canada zone and adding a free shipping option for orders above 50.01 dollars, with a min order price condition.

Create discount codes in the Hostinger website builder by selecting percentage or fixed amounts, applying them to all products or specific categories, and saving with start and end dates.

Manage orders in Hostinger website builder by filtering by fulfillment and payment status, editing orders, adding tracking information, and handling invoices and shipping confirmations.

Learn to track inventory in HotSinger Website Builder by editing product quantities in the store management area, including managing variants and tracking quantity, saving changes, and automatic restocking on cancellations.

Master Hostinger website builder guide to setting up an appointment or booking system with a step-by-step workflow, integrating scheduling features and managing bookings on your site.

Build an appointment booking website with Hostinger Website Builder. Create booking pages, set availability, add services and photos, and manage payments (PayPal and cash at appointment) from booking to confirmation.

Add a book appointment button to the header in Hostinger website builder, customize its text, color, and border, and link it to the booking section anchor so it jumps there.

View and manage existing appointments in Hostinger website builder by using the calendar and orders page to inspect appointment details, client info, invoices, and receipts.

Verify your Hostinger website builder appointment system by checking availability and working hours, enabling PayPal or manual payments, and testing booking, checkout, and client notifications.

Add a WhatsApp chat button to your site in Hostinger Website Builder by connecting via website settings, then enter your phone number with country code and set default message.

Learn to add a PayPal button in Hostinger Website Builder by generating the HTML embed code from PayPal, copying it, and embedding it on your page to publish online.

Learn to connect Google Analytics to Hostinger Website Builder by creating an analytics account, obtaining your analytics id, and pasting it in the integrations panel to start data collection.

Add a Facebook pixel to a Hostinger website using the website builder, connect via integrations, save changes, and verify with the Metapixel Helper extension.

Learn how to request Google to index a page in the Hostinger website builder by using Google Search Console, submit the page URL, request indexing, and verify indexing over time.