What’s The Easiest Way To Add A Static HTML Page To WordPress?

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.


I also want you to know how to save your precious money. We have launched a new Subscription which allows you to get different cool themes, templates, graphics, and so on only for $19 a month! Isn’t it great? ONE Subscription can give you access to various items from ONE package and you can download them with any restrictions. To impress people with your static HTML pages, just subscribe for ONE and see which HTML Templates are available in the pack! Moreover, if you are a reader of our blog, you can get 5% off with the promo code BecomeThe1.


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://ww38.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://ww38.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.


FAQ

What is a static HTML page?

It is a page, coded in HTML and created to constantly show similar information to every user who enters it. This kind of page doesn’t have dynamic elements and always has a constant look.

Why could I need a static HTML page on my website?

Sometimes you need a simple page to show. For example, a landing page that doesn’t need to be dynamic.

Can I add a static HTML page to my WordPress website by myself?

Yes, of course, and the guide above will tell you how.


Read Also

Top 75 Responsive Free HTML5 Website Templates 2020

How to Build and Maintain an HTML5 Website? [Free Course]

5 Reasons to Learn HTML and CSS

How to Create Your First HTML5 Site: Step-by-Step Guide


Don’t miss out these all-time favourites

  1. The best hosting for a WordPress website. Tap our link to get the best price on the market with 30% off. If Bluehost didn’t impress you check out other alternatives.
  2. Website Installation service - to get your template up and running within just 6 hours without hassle. No minute is wasted and the work is going.
  3. ONE Membership - to download unlimited number of WordPress themes, plugins, ppt and other products within one license. Since bigger is always better.
  4. Ready-to-Use Website service is the ultimate solution that includes full template installation & configuration, content integration, implementation of must-have plugins, security features and Extended on-page SEO optimization. A team of developers will do all the work for you.
  5. Must-Have WordPress Plugins - to get the most essential plugins for your website in one bundle. All plugins will be installed, activated and checked for proper functioning. 
  6. Finest Stock Images for Websites - to create amazing visuals. You’ll get access to Depositphotos.com to choose 15 images with unlimited topic and size selection.
  7. SSL Certificate Creation service - to get the absolute trust of your website visitors. Comodo Certificate is the most reliable https protocol that ensures users data safety against cyber attacks. 
  8. Website speed optimization service - to increase UX of your site and get a better Google PageSpeed score.


Jeremy Blackwood

Coffee addict, social media junkie, data miner contributing technical articles and informative pieces to MonsterPost. Reach him on Medium.