How To Upload HTML File to WordPress?

How To Upload HTML File to WordPress? If you think one needs to create each and every one the pages in their WordPress site, then think twice. Sometimes you may want to add an HTML file directly to WordPress. Or perhaps, you may choose to create unique HTML pages or even use sites from that of an earlier website to add it onto your site with WordPress. Or you might need to attach a static HTML file often to make this available together with your WordPress account. We will teach you how and where to correctly add an HTML file to the WordPress account through this read.

Learning how and when to upload an HTML file to WordPress whenever a need emerges is a nice ability to possess. An extra thing to know, and that too adding an HTML file is splendid. Don’t you think? You could come around an HTML template that you like or need a specific form of page layout that does not fit your theme. HTML file or template will get the job done for you.

To start with, you can add static HTML to the WordPress, you can also use Google Search Consoles, FTP and cPanel to upload these files. We have also included some tips and bonuses along with specific codes, links and unique file names to enrich you with everything you can possibly be in need of.


All About HTML Files

HTML stands for Hypertext Markup Language, and Tim Berners-Lee first created it in 1990. In brief, HTML is the language that is used on the internet to construct interactive documents that are renowned as web pages. Any website you have seen on the web has actually been developed with HTML code.

It is the duty of the HTML code within the website’s pages to ensure that the script and photos of your material are configured in the correct way. Unless with HTML, the means to physically view your website layout for visitors will not be understood by internet browsers. Your site appears wonderful for site users, though with the proper HTML code establishing the base for the internet sites, and just a little CSS code, certain design features could be brought in.

Why I need to Upload HTML File to WordPress?

Before digging right into how to add such files, it is important to know why we need to attach HTML files in the first place.

To attach pages to the website, WordPress features a built-in style of content. To show your sites, WordPress themes also include custom – set page templates. With these pre-designed themes, you will be able to build gorgeous sites.

However, you might also want to save the WordPress dashboard with custom HTML pages. Or you could have a current fixed HTML page which translates well, that can help you save time by only exporting the page instead of just restoring this on WordPress.

Because WordPress has its internal SEO-friendly URL layout, if you merely import the HTML page and attempt to navigate it, it will create a 404 error. Therefore, without triggering broken links, now let us get to know how to upload an HTML file to the WordPress account.


Adding HTML File to WordPress

In brief, here are some clear instructions:

  • Just go to the dashboard for admin
  • Using the left toolbar to click Articles
  • Tap on or create a new post to that of a previous post
  • The Visual Editor should open by default
  • Select Add Media
  • In order to activate your hard disk, cloud server, or external storage unit, press Select Files
  • Pick the HTML file you want
  • WordPress can view the attachment information once your file is uploaded
  • Click the Post Insert tab

Now let us elaborate a little bit more for your better understanding

A fast way of adding an HTML file with your WordPress website is to use the WordPress Visual Editor. Just go to your dashboard for admin. Using the left sidebar, click Articles. Tap on or add a new post to an existing post. The Visual Editor will open automatically.

To post your HTML file to WordPress, follow the steps described  below.

Select Add Media.

Adding HTML File to WordPress

Source- blog.hubspot.com

Press Select Files to navigate your hard disk, cloud disk, or external storage unit in the Add Media window pop-up.

Adding HTML File to WordPress

Source- blog.hubspot.com

Pick your preferred HTML file after that.

WordPress can view the attachment information, along with the title, as well as the connection to the media file, after it has been uploaded. It will benefit you more with the illustration provided below.

Adding HTML File to WordPress

Source- blog.hubspot.com

Click the Post Insert tab. (This will add a file connection into the posting and then save to the media library)

Adding HTML File to WordPress

Source- blog.hubspot.com

And boom! You have uploaded the HTML file to your WordPress.

Add Verified HTML File to Your WordPress

If you want to boost up or maintain your website standard, whether it is your WordPress blog or perhaps that of your company, some easy and free-of-cost tools from Google can help you do that. But the question arises: “How do I upload a verified HTML file to WordPress?” Let us find out.

Generating an HTML authentication file for your website is the very first move.  Go to Google Search Console and tap Start Now. Enter your username and password of your Gmail ID when asked.

You will validate the website at this stage by using either the domain name or its URL extension. Only DNS checking is provided by the domain name when you write, so choose the URL prefix for maximum utility. Enter the URL of your website, then press Continue.

Add Verified HTML File to Your WordPress

Source-webdesign.tutsplus.com

Tap the HTML File button to extend the segment, and afterward select Download this file tab. You will then have the HTML file saved to the local computer.

Adding Google HTML File to WordPress Site

Whether you want to make your website or blog grow, or perhaps gain popularity, you would want to make it to a top site like Google. In its overwhelming ratings, it plays an important role, and also how often clicks are received each quarter. But how?

Thank goodness, platforms like Google Search Console allow you to learn more about the latest rankings of your webpage. They also allow you to enhance the presence of your website on Search Engine Results Pages (SERPs), so that you can appeal to the masses.

You would need to check your WordPress website so that you can start enjoying the rewards provided by Google Search Console. It will also gather all the information you want and grant you access to locate data from Google which is important to your web.

You have to switch to the home page of the Google Search Console directly. Next, log in with your Google account.

Then, in the upper right corner of its dashboard, press the red ADD A PROPERTY tab.

Adding Google HTML File to WordPress Site

Source- wpengine.com

You will see a pop-up box, where you need to add your URL address before moving onto the next step.

Then, you will need to install the HTML verification file under the Recommended Method option on the following page, by tapping upon the given hyperlink. And, never fail to save all the changes which were made by you.

Adding Google HTML File to WordPress Site

Source- wpengine.com

Still with us, right? Well then, there is something called FTP. You have to install your file on the website using this FTP.

This move includes immediate access to the server of your site, that can be accessed through the File Transfer Protocol (FTP). Input your passwords by using an FTP client like FileZilla and sign in to your account. You would then have to upload the file onto the root folder of your page.

Adding Google HTML File to WordPress Site

Source- wpengine.com

Now finally, after following these steps, you can now go back to Google Search Console and select ‘Verify.’ And you are done.

How to Add HTML File to WordPress Using cPanel?

Adding HTML does not only stay limited to the FTP method. You would be delighted to know how cPanel can also facilitate this.

Begin by signing into the cPanel account page and accessing the File Manager.

How to Add HTML File to WordPress Using cPanel

Source- kinsta.com

You get two alternatives if you use the File Manager:

  • Build a New Folder: create a new folder to link your HTML file to the root folder of your page.
  • Post to the Root Folder straightaway: Upload HTML directly to WordPress instead of making a new folder. If you feel like you need to do this, unzip the HTML file where you have it saved, update the folder index.html to something different, and then rezip the file to WordPress to commence uploading. And if you do not, your website would be overridden by the HTML template.

Tips

Everything you need to do now to ensure that the HTML template and files have already been imported is to enter the URL of your site onto the tab and attach the name of the new folder at the end.

Do not panic when you bump into something like a 404 error. This is really a basic mistake in WordPress which can be quickly corrected.

If the redirection is not supported by your website and the index.php file is not routed as your browser loads the URL, you will see a 404 error upon importing the HTML files.

Wait in the File Manager and open the .htaccess file by clicking your cursor twice, in order to correct this. Then, apply the code below, before you save your alterations:

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

This code can help you navigate back to your index.php file and help the file to run in your browser.

Adding Your Own Static HTML File to WordPress

Finally, we bring you to how to add your own file. We did not exclude this topic, even though external and customized HTML files are demanding to upload in one’s WordPress, one’s own static file is not to be overseen.

So here is what you have to do:

There are a few steps which needs to be followed:

  • Build a tab in WordPress named ‘Tab’ so that you can keep count of it.
  • Go to the WordPress Admin area after you post the document and press edit on the document you just made.
  • Scan the address bar of your window and check for post.php? Parameter: post=1111&action = edit. 1111 is the page ID you will need to build a custom file to replace the page.php database used by WordPress. (Note that there would be a different page ID)
  • Develop and insert the components of page.html into a .php file called page-1111.php.
  • Upload this to the template already in use, like your theme’s directory, i.e.  Public-html / wp-content / themes / yourtheme / page-1111.phpp
  • You will also have to adjust the pathways to your photos and stylesheets, the static HTML file will display just fine if you visit http://yoursite.com/page if your permalinks are set to /%postname%/.

Lastly, do not forget to save your changes. This is the tip of the day!


Bottom Line

WordPress is by far the most commonly used method for document management, since it offers website owners the control, they really have to build exclusive sites which helps create a competitive advantage. Using all of the programs mentioned already, having been able to submit an HTML file to WordPress is yet another instance of just how WordPress serves the expectations of content owners and allows them the ability to configure their pages as desired.

We hope you have gained a valuable understanding of how to connect HTML files to your WordPress website from our post. Wishing you all the very best!