If you're building or customizing a website on the Wapkiz or Wapaxo platforms, you've likely encountered the terms "Meta Header" and "Header." At first glance, they might seem interchangeable, but understanding their distinct roles is crucial for organizing your site correctly and avoiding common mistakes.

Let's demystify this once and for all. Take note, and let's dive in!

The Basic Structure of a Web Page

Before we get into the specifics of Wapkiz and Wapaxo, let's review some HTML basics. Any web page is divided into two main parts:

  1. head (The Metadata Header): This is the "invisible" section of the page. It contains information for the browser and search engines, such as the page title, links to CSS stylesheets, scripts, and other meta tags. The end-user does not directly see the content within the .
  2. body (The Body): This is the visible part of the page. Everything the user sees—text, images, videos, menus—is placed inside the tag. The body itself can contain other global tags like header, nav, section, etc.

With this foundation, the logic behind Wapkiz and Wapaxo's structure will become much clearer.

The Meta Header: Your Site's

In Wapkiz and Wapaxo, the Meta Header is the direct equivalent of the HTML head tag. Think of it as the invisible "brain" of your website.

This section is designed to simplify your workflow. Instead of editing the head of every single page, you can centralize all the important, site-wide code in one place.

  • Where to find it? Admin Panel > Themes Settings > Meta Header.
  • What should you put here?
    • Links to external CSS stylesheets (e.g., Font Awesome, Google Fonts, Bootstrap).
    • Important meta tags for SEO (like description, keywords, author).
    • JavaScript that needs to be loaded in the header.
    • Verification codes for tools like Google Search Console or Pinterest.

Heads up: Wapkiz and Wapaxo already include essential tags like meta charset="utf-8" and the link to your theme's main stylesheet by default. You do not need to declare them again. Only add extra, external resources here.

The Header (-1): Your Site's Visible Header

Now let's talk about the Header, also known as Header (-1) or page site--1. This is a part of your site's body. It's the content that your visitors actually see at the top of every page.

The key feature here is that any content you place on this special page will be automatically included at the top of all other pages you create (with the exception of the 404 error page). This ensures visual and navigational consistency across your entire site.

  • Where to find it?
    • Path 1: Admin Panel > Themes Settings > Header (-1).
    • Path 2: Admin Panel > Manage Pages > link site--1.
  • What should you put here? This is the perfect place for global elements that should always be visible:
    • Your site's logo and title.
    • The main navigation menu.
    • A search bar.
    • Login/user profile links.

[Insert Image: A screenshot of the Header (-1) page editor]

Bonus: The Footer (-2)

Following the same logic, the platforms also provide a page for your site's footer: the Footer (-2), or page site--2.

Everything you add to this page will be automatically insert ed at the bottom of all other pages. It's ideal for:

  • Copyright information (e.g., © 2023 Your Site).
  • Links to pages like "About Us," "Contact," and "Privacy Policy."
  • Social media icons.
  • Partner links.

In Summary: The Key Difference

To make it easy to remember:

  • Meta Header: For invisible code and links meant for the browser (the ).
  • Header (-1): For visible content that appears at the top of every page.
  • Footer (-2): For visible content that appears at the bottom of every page.

Now that you've mastered this distinction, you can structure your Wapkiz or Wapaxo site in a much more professional and efficient way. Getting your site structure right from the start saves time and makes future maintenance a breeze. Happy building!