Tutorials Web Development

The Easiest Way to Add a Static HTML Page to WordPress?

4.8/5 (5)

Today you will learn how to add a static HTML page to your WordPress website. This hack is based on the default settings - no additional tools or coding required.

Prerequisites

You will need a WordPress website and a static HTML template.

We will use this simple landing page and our test website built with the WildRide GPL WordPress theme. You can learn about the customization of this theme in this article.

You can use any WordPress theme and any HTML page/template.


Create an empty folder

First of all, you need to create a new empty folder in the root folder of your WordPress website. Typically, it is located here: /public_html/.

Our example is an addon domain; that’s why its address is /public_html/wildride1/. So, the location of our HTML template will be /public_html/wildride1/landing/, where ‘landing’ is the name of the folder with our template. The page will be available at http://wildride1.trinqt.com/landing/.

There are many ways to upload files to your hosting. You can use a standalone file manager (e.g. Total Commander or FileZilla), but we will use the default browser-based File Manager available in CPanel.


Step 1: Go to your CPanel and open File Manager.

CPanel file manager


Step 2: Create an empty folder in the root of your WordPress website.


Cpanel add folder
Cpanel empty folder


Upload your static HTML template

You are not allowed to upload regular folders, but you can upload .ZIP files and unzip them right in the file manager. The process is quick and painless.


Step 3: Extract only the template files; ignore sources, screenshots, documentation, etc. In our case you need the contents of the ‘site’ folder:

html landing template


Step 4: Rename the index.html file to index.php.

Step 5: Add all the files to a .ZIP archive.

zip archive


Step 6: Now go to the file manager, and upload your .ZIP file into the folder you’ve just created.

upload zip to hosting


Step 7: When it’s done, right-click the .ZIP file, and choose ‘Extract’.

extract zip in Cpanel
extract zip


Step 8: Delete the .ZIP file.

delete files from hosting

You can check the final results here: http://wildride1.trinqt.com/landing/.

If your server doesn't support redirecting out of the box, try adding this line to the .htaccess file, which is situated in the root folder of your WordPress website.

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

Get more info in this thread on Stackoverflow.


Wrapping up

Congratulations! Now your static HTML page is incorporated into your WordPress website, and can be accessed using a fancy, user-friendly address. Don't hesitate to visit our collections of WordPress themes, HTML templates, and landing pages, and create your awesome combination.


Subscribe to our daily WordPress hack-o-letter!

Don't miss your next WP Hack

  • endurancescience

    What if this static page we want to be our home page?

    • Lehlohonolo Mokoena

      Hey, were you able to get your answer?

  • Kleio Bwti

    I have a HTML site on website builder with godaddy. I need to change it to wp as it’s a site where we add multiple articles weekly and the website builder is spoiling the user experience.

    I am not able to take a backup of my site as we can’t see any root info on website builder. How can I then migrate my site to wp? Please assist.