Tutorials Web Development

What’s 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.


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. And if you have a nice HTML template - we can convert it to the WordPress website. You won't have to do a thing - our Service Center will do everything for you.

Subscribe to our daily WordPress hack-o-letter!

Don't miss your next WP Hack

15 Responses

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

    1. Same here. How to make the static html page as our home site

      1. To make it your home page, do not up load into a sub folder just do all of his steps in the root folder; public_html

  2. 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.

  3. i have my .zip file with all images & .html files, now i have to shift them to wordpress. so, will it work by your method..??

  4. You have provided in-depth info on creating a landing page. That’s quite helpful for new bloggers like me.

  5. i have a created static website but now i want to add wordpress blog in this static website. how to add wordpress blog ?

  6. Thanks a lot for such precise post. It is very easy and intuitive to follow these steps. I was searching for this for a long time.

  7. It worked perfectly! Many thanks for this easy to follow instruction.

Leave a Reply

Your email address will not be published. Required fields are marked *