Hostinger Website Builder Masterclass (Beginner to Advanced)

Learn to create and link new pages in Hostinger website builder, using templates, AI, and empty pages. Edit page names and URLs, manage navigation, and publish updates.

Learn to add terms and conditions and privacy policy pages to the footer in the Hostinger website builder by editing your site, dragging a text element, and linking pages.

Create privacy policy and terms and conditions pages in Hostinger website builder, publish them, and add links to your site footer for consistent access across pages.

Delete a page in Hostinger by pages and navigation, then confirm. Update the site to publish changes, or hide a page from navigation by moving it below hidden from navigation.

Clone your website in Hostinger website builder by duplicating the site, selecting a plan, and publishing the clone to a live url, with the option to connect your domain.

Learn how to duplicate a website in Hostinger website builder by selecting your site, clicking duplicate, and publishing with go live, then connect a domain.

Delete a site in Hostinger Website Builder using the three dots. Data will be deleted and cannot be recovered, and emails can be restored within 30 days.

Log in, open the websites list, select the Hostinger website built with the Hostinger website builder, and delete it after confirming data loss; removal may take up to ten minutes.

Delete a WordPress website from Hostinger and switch to Hostinger Website Builder, then connect your domain, customize with templates and branding, and publish your new site.

Learn to change your Hostinger website builder template by duplicating your site as a backup, deleting the old version, and publishing a new template while reconnecting your domain.

Learn to add blank or AI-generated sections and a variety of elements—text, buttons, galleries, videos, maps, forms, and social feeds—in Hostinger website builder to design pages.

Learn how to edit sections in the Hostinger website builder, including sticky bars and headers, adjust colors or images, and use anchors to link sections for smooth scrolling.

Learn to edit your header in the Hostinger website builder, adjusting sticky behavior, spacing, and element order, and customize the logo, newsletter button, colors, fonts, and announcement bar.

Learn how to change colors across your Hostinger website builder site, including global updates, header and section colors, and button styles using the color picker and codes.

Log in to your Hostinger website builder hosting account, open your website, edit the header style, choose a header background color with the color circle or slider, and publish.

Learn how to add text in the header using a button in Hostinger website builder. Style the button with transparent fill, black text, and hover effects, and set a link.

Learn to add a header button in Hostinger website builder by editing the header, enabling the button, and configuring its hover state, colors, borders, and links.

Learn to make the header transparent in the Hostinger website builder by editing the header style and enabling the transparent header option, then publish.

Learn to create a multi-section header in Hostinger website builder by dragging navigation items, adding links or a drop-down, and updating live to see sections like about, blog, and contact.

Learn to create a sticky navigation menu in Hostinger website builder by editing the header and enabling the sticky option, then update and refresh to see it cling to top.

Learn to display a section in full width in Hostinger website builder with custom code and section's ID. Find ID via the inspector, save, and preview the before-and-after results.

Hide pages from the navigation menu in Hostinger Website Builder by dragging items to hidden from navigation and updating the site. Note that hidden pages remain accessible via search engines.

Learn to add and customize shapes in the Hostinger website builder by inserting shape elements, changing shapes, setting color and animation, duplicating, arranging layering, and publishing updates to view live.

Learn to add animations in the Hostinger website builder by selecting elements, opening the animation tab, and choosing from fade, slide, or scale effects for text, images, and videos.

Create a drop down menu in Hostinger Website Builder by dragging items under the main navigation, then publish updates and use the three dots to undo.

Learn how to create a multi-level drop-down menu in Hostinger website builder by dragging items in the navigation, updating the site, and viewing it live.

Master how to build a landing page in Hostinger website builder by creating a new page, editing the hero, logo, background colors, and embedding a Bravo form.

Learn to add a background image to the hero section in the Hostinger website builder, including selecting an image, making the header transparent, and updating the site.

Set a video background in a section using Hostinger website builder by editing the section, selecting video in the background tab, and adjusting overlay, fixed background, and position.

Learn to create scroll-to-section links in Hostinger website builder by anchoring sections, naming anchors like FAQ, and linking from text, buttons, or navigation across pages with direct or smooth scroll.

Learn to create smooth scrolling anchor links in the Hostinger website builder by attaching anchors to sections like reviews and map, then linking to them from navigation, buttons, or text.

Learn to add a site-specific search bar to a Hostinger website using Google's programmable search engine, embed the code, and switch from overlay to full-width for accurate results.

Log in to your hosting account and edit your site in Hostinger website builder, then add a phone call button, format your number, and update the site.

Learn to add a WhatsApp chat button to a Hostinger website builder site by accessing integrations, entering your phone number, and setting a default welcome message.

Learn to build an e-commerce website with Hostinger Website Builder using AI prompts, customize design, set up a store, manage products, and publish to live view.

Learn to add physical and digital products in Hostinger website builder, including setup, AI-generated copy, pricing, variants, and inventory. Publish by updating your site and configure digital downloads and access.

Learn to change product variants and prices in Hostinger website builder by editing options, adding variants, assigning images, updating stock, and publishing updates to the live shop.

Organize your online store with product subcategories using the Hostinger website builder. Create categories and subcategories, assign products, display subcategory products, and manage navigation on a live site.

Learn how to display bestseller and on sale tags on products in Hostinger website builder by switching to store management, adding tags, saving, and refreshing the store.

Create and test a discount code in Hostinger website builder, choosing percentage or fixed amount and applying to all products or categories with usage limits and active dates.

Learn to create coupon codes in Hostinger website builder, select percentage or fixed discounts, set minimum cart value, start and end dates, and apply codes to all products or categories.

Log in to Hostinger, edit your site, add a page, and embed PayPal’s button code to enable single or stacked checkout options.

Learn how to add and connect a PayPal payment gateway in Hostinger website builder by navigating to manage store, settings, and payments, and enabling PayPal on your online store.

Learn how to add an add to bag button in Hostinger website builder, connect it to a product, customize text and style, include hover and animation, and publish for checkout.

Learn to set up upsell in Hostinger website builder for physical and digital products, using shopping bag suggestions, store management, and YouTube linked upsell strategies.

Learn how to track inventory in Hostinger website builder by enabling track inventory quantity and setting a low stock threshold. Test alerts from yellow dot to red out-of-stock.

Learn to set up free shipping over a minimum order value in Hostinger website builder by creating a shipping zone, configuring a threshold, and adding a sticky bar announcement.

Enable the shopping cart in the Hostinger website builder by editing the header, selecting show shopping cart, and adjusting the icon text and size before publishing.

Delete the online store in Hostinger website builder by removing it, updating the website, and its navigation. Learn to restore the store from backups if needed.

Learn how to create a blog in Hostinger Website Builder by enabling the blog, adding posts, and publishing updates to your site.

Learn to publish your first blog post in the Hostinger website builder by enabling a blog, creating a post, and configuring title, description, author, and schedule.

Learn how to edit blog posts in Hostinger Website Builder by opening your site, selecting a post, and updating the title, description, URL, author, and publishing date, plus header settings.

Learn how to schedule a blog post in the Hostinger website builder by enabling the schedule option, selecting a publishing date, and updating the site to show a scheduled post.

Log in to your Hostinger website builder, open the site, open the blog post, and delete it using the three dots, then update and view the live site.

Learn to display the latest blog posts on your Hostinger homepage by adding a blog section and configuring the number of posts per page, columns, and visible elements.

Master adding social share buttons to your blog in Hostinger Website Builder by adding a blank section, selecting inline buttons, choosing platforms, embedding the code, and publishing.

Create internal and external links in a blog using Hostinger website builder by selecting text, clicking the link icon, choosing internal pages or external URLs, and publishing.

Update a blog post URL to match its title in Hostinger website builder by editing post settings, copying the title, and saving changes.

Learn to add a contact us page in Hostinger website builder: select a contact template and customize form fields. Configure required inputs, map, social icons, and button actions, then publish.

Learn to add a contact form in Hostinger website builder that sends to your email by choosing a template, customizing fields, embedding the code, and testing on a live site.

Redirect form submissions to a dedicated thank you page in the Hostinger website builder. Create and link the page, update navigation, and test the redirect.

Add a calendar to a Hostinger website by creating a new page, embedding a Common Ninja calendar widget, and configuring events with dates, titles, locations, and descriptions.

Discover how to add a book a meeting button in Hostinger website builder by enabling the appointments feature, creating a meeting product, and configuring availability, media, and payments.

Create a password protected page in Hostinger Website Builder, including adding a team access hub, enabling password protection, selecting a login design, and publishing with security notes.

Learn to add a newsletter in the Hostinger website builder by creating a newsletter page and using Bravo automation. Implement double confirmation email and embed the form on your site.

Learn how to create an email list in Hostinger Website Builder using Bravo, customize a sign-up form, enable double opt-in, embed the form, and send campaigns with automation.

Learn to add an autoresponder in the Hostinger website builder with Bravo, create welcome emails, configure a sign-up form with double confirmation, and activate automation.

Configure email reminders for product reviews after three days in Hostinger website builder by navigating to settings, emails, product reviews, and selecting three days.

Embed a YouTube video in Hostinger website builder by adding the video element, pasting your link, and configuring autoplay, loop, and controls before publishing.

Learn how to upload an e-book to the Hostinger website builder, manage it in the media library, embed it via Google Drive and embed code on a live page.

Learn to add videos to a site with Hostinger website builder using video elements or sections, embedding YouTube or Vimeo links, configuring autoplay, loop, controls, and animations, updating the site.

Log in to your hosting account and open your Hostinger website builder project to add an image carousel by selecting the slide show template and uploading images or Unsplash photos.

Enable autoplay and looping in the Hostinger website builder to create an auto sliding image carousel, set three-second duration, customize arrows and dots, and upload images from Pixel.

Learn to add a slideshow in the Hostinger website builder by selecting a slideshow template, uploading images, and customizing arrows, dots, autoplay, duration, and looping before publishing.

Learn to create a circular profile photo in the Hostinger website builder by adding an image element, editing the image, and applying the circular shape in the shape tab.

Learn to add Google reviews to your Hostinger website builder by embedding a Google reviews widget from ElfSite, choosing a template, copying the embed code, and publishing.

Learn to add a testimonials section with customizable star ratings in Hostinger website builder, including editing text, adjusting stars, replacing profile images, and styling the background before publishing.

Learn to add a Google Maps location to your Hostinger website using the map element, customize its position, animation, and visibility for desktop or mobile, and publish updates.

Learn to add seo titles and meta descriptions in Hostinger website builder using AI-generated content. Optimize pages with keywords and review their Google search appearance.

Learn how to add a favicon to a site built with Hostinger website builder by uploading the icon in general settings, saving changes, and updating the site.

Learn how to set up a favicon for your website in Hostinger Website Builder by generating, customizing, and uploading a favicon. Save changes and publish to go live.

Learn to add the three w prefix to your domain in Hostinger website builder by enabling the www option under general settings, then update and view your site.

Learn how to request Google to index your Hostinger website builder site by verifying ownership with an HTML tag, submitting a sitemap, and indexing individual pages.

Connect Google Analytics to a Hostinger website builder site by creating an account and property, set up data collection, and view real-time reports and engagement data.

Install the Google Tag Manager code in Hostinger Website Builder by adding head and body snippets, embedding them, and publishing. Then test with GTM to confirm a green checkmark.

Learn to add a code snippet to the head section of a Hostinger website using integrations and custom code, then save, update, publish, and verify in the page source.

Learn to embed a custom code in Hostinger Website Builder by adding an embed code element, pasting your code, and updating the site to view it live.

Learn to add an HTML code in Hostinger website builder by inserting an embed code into a blank section, then publish and view your live site.

Learn to install your Facebook pixel on the Hostinger website builder, paste your pixel ID, save, and verify installation using the Meta Pixel Helper extension.

Learn to install Google Site Kit in Hostinger Website Builder, configure Google Analytics and Google Search Console, verify ownership, and submit a sitemap for faster indexing.

Learn how to hide a page from search engines using the Hostinger website builder by enabling the hide from search results option in the seo settings and publishing the update.

Connect your domain to your Hostinger website builder site by updating domain settings and nameservers, then verify propagation at the registrar and in Hostinger's builder.

Connect a subdomain to your site using Hostinger website builder by editing the site and updating your domain provider to point to Hostinger nameservers, with propagation up to 24 hours.

Log in to your hosting account, go to websites, and change the domain name; enter the domain, confirm ownership, and apply Hostinger nameservers to connect it.

Move a website from a subdomain to a live site with Hostinger website builder. Duplicate the subdomain, then change the domain to the live site and complete the transfer.