How to Upload HTML Pages in WordPress (Complete Guide)

Sometimes you may need to upload a ready-made HTML page to a WordPress website instead of rebuilding it inside the editor. This is common when working with landing pages, old static websites, third-party tools, or custom-designed files.

For Irish businesses and agencies, uploading HTML pages correctly ensures the page works smoothly alongside WordPress without breaking site structure, security, or SEO.

This guide explains multiple safe methods to upload HTML pages into WordPress, when to use each method, and best practices to follow.

What Is an HTML Page?

An HTML page is a static file written in HTML (and sometimes CSS and JavaScript). Unlike WordPress pages, it does not use the WordPress editor or database. Instead, it loads directly from the server.

HTML pages are often used for:

Landing pages
Campaign pages
One-off promotional pages
Legacy website content
Third-party integrations

Before You Upload an HTML Page

Before uploading, make sure:

The HTML file is complete and tested
All images, CSS, and JavaScript files are available
File names use lowercase letters and no spaces
You have FTP or hosting access

Preparation prevents broken layouts or missing assets.

Method 1: Upload HTML Page Using the WordPress Media Library (Simple Method)

This is the easiest method for basic HTML files.

Step 1: Log in to WordPress

Go to your WordPress dashboard.

Step 2: Open Media Library

Click Media → Add New.

Step 3: Upload the HTML File

Drag and drop the .html file or click Select Files.

Step 4: Copy the File URL

Once uploaded, click the file and copy its URL.

Step 5: Test the Page

Paste the URL into your browser to confirm the page loads correctly.

Method 2: Upload HTML Pages Using FTP or File Manager (Recommended)

This is the most reliable and professional method.

Step 1: Access Your Hosting Account

Step 2: Navigate to the Root Directory

Open the public_html or www folder.

Step 3: Create a Folder (Optional)

Create a new folder for organisation, such as /landing-page/.

Step 4: Upload HTML Files

Upload:

HTML file
CSS files
JavaScript files
Image folders

Keep the folder structure intact.

Step 5: Access the Page

Visit:
yourwebsite.ie/folder-name/page.html

This method ensures all assets load correctly.

Method 3: Convert an HTML Page into a WordPress Page

If you want the HTML page managed inside WordPress:

Step 1: Create a New WordPress Page

Go to Pages → Add New.

Step 2: Add a Custom HTML Block

Insert a Custom HTML block.

Step 3: Paste the HTML Code

Copy the HTML code and paste it into the block.

Step 4: Publish the Page

Save and preview the page.

This method works well for smaller HTML files and content-based pages.

Method 4: Upload HTML Pages Using a Plugin

Plugins allow you to upload and manage HTML files more easily.

When to Use This Method

No FTP access
Frequent HTML uploads
Campaign landing pages

Steps

Install an HTML upload or file manager plugin
Upload the HTML file through the plugin interface
Assign a public URL
Test the page

This method offers convenience but should be used carefully to avoid security risks.

How to Link HTML Pages in WordPress Menus

To make the HTML page accessible:

Go to Appearance → Menus
Add a Custom Link
Paste the HTML page URL
Save the menu

This integrates the HTML page into your site navigation.

How to Upload HTML Pages in WordPress?