By default, you tin build pages and create content within WordPress without ever having to upload whatsoever custom HTML files. That's because the WordPress cadre comes with built-in content types. In improver, the WordPress theme you use volition likely have its ain set of pre-designed folio templates that you tin can have reward of to create a unique website that meets your needs.

Across that, at that place are plenty of WordPress landing folio plugins yous can utilize to create customized page templates for site visitors to state from search results, email campaigns, and even social media.

And so really, there is very little need to upload HTML files to WordPress because, usually, everything you need to format your website is already there. That said, there are some reasons why yous'd desire to know how to upload an HTML file to WordPress, some of which go beyond uploading a template for pattern purposes.

That's why in this post, I'll evidence yous how to upload HTML files to WordPress. I'll as well discuss in item why y'all'll desire to take this skill, and so no matter what, you're prepared.

What is an HTML File?

HTML stands for Hypertext Markup Language and was outset adult by Tim Berners-Lee in 1990. In curt, HTML is the code used to create electronic documents on the internet, which are better known every bit webpages. In fact, every webpage you see on the internet was written using HTML lawmaking.

The HTML code on your site'southward web pages are responsible for making sure your content's text and images are formatted in the right style.

Without HTML, web browsers would not understand the way to visually display the structure of your website for users. However, with the right HTML lawmaking creating the foundation for your webpages, and a little CSS code for adding in some design elements, your website appears perfectly for site visitors.

What is an HTML Template?

So, you know that HTML is the lawmaking responsible for creating the structure of single webpages on the internet.

Only what is an HTML template?

An HTML template is a pre-designed set of HTML files that include things like text, images, and support files for font styles and Javascript. In other words, an HTML template is a pre-fabricated package of HTML code that you can easily upload to your website and use.

When you use an HTML template on your WordPress website, you upload the file and plug in the text and images you desire the template to display on the front end of your site.

It's important to remember that HTML templates are different than WordPress themes:

  • WordPress Themes: even though you lot plug in text and images into WordPress themes, they are responsible for the look and feel of your entire website. Many chemical element changes within your site'southward theme are global, pregnant they apply to your entire website.
  • HTML Templates: these are standalone zip files that you upload to your website individually. They simply affect the look and feel of a single webpage on your website. In other words, changes you make to one uploaded HTML template will only touch that webpage.

Unfortunately, many people don't sympathize the differences between themes and HTML templates and use the terms 'theme' and 'template' interchangeably.

Why You Would Need to Upload an HTML File to WordPress

At that place are a few specific reasons why y'all might want to upload an HTML file to WordPress:

    1. Y'all Have Your Favorites: if you were using a great HTML template on an quondam website and wanted to use it on your new site, you might want to upload the template to your new site rather than re-do the entire thing. This volition save you fourth dimension and ensure it looks exactly the aforementioned.
    2. You Desire a Custom Page Layout: if your current WordPress theme doesn't support a specific folio layout, you can upload an HTML file with the design you want and customize it equally needed.

Lastly, you might demand to verify your WordPress website with Google Search Console and want to apply the recommended method of uploading a Google HTML verification file to do so.

The mode your website appears in search engines, peculiarly a big 1 like Google, plays a function in your success as a website possessor.

That's why tools like Google Search Console exist. With Google Search Panel, you lot guarantee that Google volition index and rank your site in relevant search results, all in the hopes of making information technology to the get-go folio.

Google Search Console also provides you data nearly your current SERPs (search engine result pages), so yous can better your SEO efforts and earn more clickthroughs to your site.

The thing is, to employ Google Search Panel, you need to verify your WordPress website. And it just so happens that one of the all-time ways to do this is to upload a Google HTML verification file.

Now, allow'south take a look at the different means to upload an HTML file to WordPress.

one. Method: How to Upload HTML File to WordPress in the WordPress Dashboard

The first method for uploading an HTML file to WordPress we'll look at involves the WordPress dashboard.

Yous'll need nothing more than the backend of your website and an HTML template to complete this procedure since yous'll be uploading the HTML file directly through a post, page, or the Media Library.

To upload an HTML file through a post or page, insert a 'File' cake in the Gutenberg Editor. Then, click Upload to upload the HTML file.

Upload HTML file in Gutenberg
Upload HTML file in Gutenberg

Hither'due south what it looks similar if you lot've disabled Gutenberg and are using the Classic Editor. But click Add together Media and and then Upload to upload your HTML file.

Choose the HTML file you want to upload and and then click Insert into mail service. Doing this inserts the link of the file into the post or page and automatically saves information technology to your Media Library.

Upload HTML file in Classic Editor
Upload HTML file in Classic Editor

You can skip uploading the HTML file to a postal service or page in WordPress and upload it directly to your Media Library. Click Media Library in the WordPress dashboard, so Add New, and choose the HTML file from the place yous take information technology saved (e.thousand., your computer, hard drive, or external storage).

Go along in mind, you might see an error when you lot upload your HTML file while using Gutenberg. This is what it will look similar:

File type not permitted
File blazon not permitted

Check hither for detailed instructions on how to gear up the "Sorry, This File Blazon Is Non Permitted for Security Reasons" Fault in WordPress.

2. Method: How to Upload HTML File to WordPress Using an FTP Client

Uploading HTML files through the WordPress dashboard is the most straightforward method. Withal, for large templates made upwardly of multiple files, it'southward best to use an FTP client such as FileZilla.

Using an FTP client is also helpful for times you want to work locally on a test site before pushing any changes you make to your live site. This will prevent any unnecessary reanimation if something goes wrong.

To start, ever create a backup of your website first because y'all never know what the HTML file might do when you upload it to your site.

Side by side, open up your FTP client.

At present you lot'll demand to connect to your web host account by entering your FTP credentials. This information is usually found in your web hosting account. If you have trouble finding it, reach out to your host and have them assist yous.

Subscribe Now

If you apply Kinsta hosting, start log into your MyKinsta business relationship and click on Sites in the dashboard and and so on Info to get the credentials needed.

sftp details
Go your SFPT details in MYKinsta

When you do this, y'all should run across your credentials nether SFTP/SSH. Yous'll need your username, password, and port.

sftp details username password port
SFTP details

Here's the data you're going to need to enter into FileZilla:

  • Host: your site'due south domain name preceded by "sftp://". For example, you'll need to enter sftp://www.mysite.com.
  • Username: from your MyKinsta dashboard
  • Password: from your MyKinsta dashboard
  • Port: from your MyKinsta dashboard

This is what it volition wait like at the top of the FileZilla screen:

Logging into FileZilla
Logging into FileZilla

After you lot've entered your credentials, click Quickconnect.

Now it's time to upload the HTML file from your figurer to WordPress. Outset past navigating to your website'southward root binder (which contains the wp-content folder, the wp-config.php file,etc.) on the right side.

Then, get to the left side and discover the HTML file you have saved. When you find it, right-click it and select Upload to add it to your website. To meet all hidden files in Filezilla follow this brusque tutorial.

HTML file uploaded
HTML file uploaded

You lot'll run into the file has successfully been uploaded to WordPress. To check to make certain it is visible on your website, type your website'south URL into your browser and add the proper name of the HTML file to the end. For case, it might look like www.mywebsite.com/html-file.

When yous do this, you'll be redirected to the new webpage you've created with the HTML file.

three. Method: How to Upload HTML File to WordPress Using cPanel

The concluding method we're going to share with you involves using cPanel and the File Manager to upload an HTML file to WordPress.

Kickoff by logging into your hosting account'due south cPanel and accessing the File Director.

FileManager in cPanel
FileManager in cPanel

Once y'all're in the File Director, you lot have ii options:

    1. Create a New Folder: create a new folder in your site's root binder to upload your HTML file to.
    2. Upload to Root Folder Directly: rather than create a new binder, upload the HTML directly to WordPress. If this is how you want to do it, unzip the HTML file where you have information technology saved, alter the alphabetize.html folder to something new, and then rezip the file to go on uploading to WordPress. If you don't, the HTML template will override your site's homepage.

For this case, we'll create a new folder since there are a few added steps when you lot exercise this.

Create a New Folder and Upload an HTML File to WordPress

Offset, navigate to the root folder of your website (which contains the wp-content binder, the wp-config.php file,etc.). Then click New Folder.

Selecting New Folder from File Manager settings

Name your new folder and click Create New Binder.

Creating a new folder in cPanel
Creating a new binder in cPanel

Double click on the binder you just created then click Upload to select your HTML file.

Upload button
Upload button

One time this is washed, y'all'll see your zipped HTML file in the binder.

Zipped HTML file
Zipped HTML file

Now yous need to unzip the HTML file by right-clicking and selecting Excerpt.

Extract HTML file
Excerpt HTML file

When the modal window pops upward, click Excerpt Files to terminate the unzipping process. When the HTML file has been unzipped, you'll come across all the unlike files included in the template. Call up this means y'all'll see things like CSS, font style files, images, and JavaScript.

Extracted HTML files
Extracted HTML files

Now all yous have to do to make sure the HTML template and files were uploaded is blazon your site's URL into the browser and add the new binder's name to the end.

If y'all run into a 404 error, don't worry. This is a mutual WordPress mistake and can be resolved easily.

If your server doesn't support redirection, and the index.php file is non redirected on loading the URL in your browser, you lot'll see a 404 error later on uploading your HTML files.

To set this, stay inside the File Manager and access your .htaccess file past double-clicking it. So, add together the following lawmaking and salve your changes:

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

This code will redirect your alphabetize.php file and load it in the browser.

Demand to upload any HTML file to your WordPress site? This in-depth guide shows you how to do information technology hands. ⬆📂 Click to Tweet

Summary

WordPress is the well-nigh used Content Management arrangement around because it gives website owners the flexibility needed to create unique websites that stand out from the competition. Being able to upload an HTML file to WordPress using whatever of the in a higher place-mentioned methods is just another case of how WordPress caters to the needs of site owners and gives them the freedom to customize their sites every bit needed.

Plus, knowing how to upload an HTML file to WordPress is just a good skill to have in case the need arises. After all, you never know when you lot might come beyond an HTML template you love or need a certain blazon of page layout that your theme doesn't support.


Save time, costs and maximize site performance with:

  • Instant help from WordPress hosting experts, 24/7.
  • Cloudflare Enterprise integration.
  • Global audience accomplish with 29 data centers worldwide.
  • Optimization with our born Awarding Operation Monitoring.

All of that and much more, in one program with no long-term contracts, assisted migrations, and a 30-day-coin-back-guarantee. Check out our plans or talk to sales to find the plan that's right for you.