HTML template is basically a ZIP file when uploaded to a site it changes the outlook of a single page you desire with all the interactive features. Whenever you think of going beyond the level of customization WordPress plug-in offers, you need HTML to do that interactive customization. You may want to transfer a web page from one site to another instead of building the page from scratch. In that case, uploading the HTML file to the new site can save a whole lot of work.
So if you want to use your old webpage for a new site or create a custom layout for a webpage you will have to upload an HTML file. But how are you going to do that?
That’s what we are going to discuss in this article. Read on.
Why Upload HTML files to WordPress?
WordPress itself is a content management system. That means you can upload and edit your content on the WordPress edit page and do everything with your site from the dashboard. But, why would someone upload an HTML file?
This is simple. If you want to go beyond what WordPress offers, there is no way other than using HTML files.`HTML offers interactive customization beyond the built-in themes. You can also use HTML files if you want to transfer a webpage from one site to another without building it from scratch. In addition, HTML files will make the verifying process by google search console a lot easier and fast. You will not have to wait for weeks for verification.
Therefore, it always comes with lots of benefits when you are comfortable building your site with HTML. Now let’s see how you can upload your HTML file to WordPress in three easy steps.
How to Upload an HTML file to WordPress- Easy and Effective
There are three effective ways that will allow you to upload your HTML file to WordPress. These are no-brainer methods. You don’t need to be a professional developer to pull this off. Methods are simple and easy to follow. Just go through the steps as described. So, let’s hop in.
Method 1: Uploading an HTML file Using WordPress Dashboard
Step 1: Go to your WordPress admin dashboard to quickly add any HTML file to your existing web page or a new page.
Step 2: When you are on the dashboard, there you will see Pages on the left sidebar.
Step 3: If you want to create a new page by uploading an HTML file, Click on the Page option and, you will see an Add Page option appear below the Page section. If you intend to add the HTML file to an existing page, click on the page name and hit Edit. This will load the visual editor for you.
Step 4: Once the visual editor is loaded, navigate to the Add Block option from the top left of the screen. Click Add Block which will open a box of several options with a search box on top.
Step 5: Navigate the File Block or search it on the search bar. Once you find it clicks on it to upload your HTML file. There will be a section on the preview page where you will have to click on the Files and upload your HTML file from your computer.
Note: Sometimes after uploading the HTML file a message can appear on the screen saying “This file is not permitted for security reasons”. When this message appears, don’t worry. Just add an HTML block to your page and copy the HTML code from the previous page and paste it on the HTML block. That’s it!
Method 2: Uploading an HTML file Using FTP Client
FTP or File Transfer Protocol is third-party software that allows you to connect your website to access all the files and folders. You can just download an FTP client software and upload any file from your computer to your website without an error. Unlike the WordPress dashboard, you can avoid the Error message by using FTP client software.
Step 1: Download an FTP client such as Filezilla and run it on your Desktop.
Step 2: Once you install Filezilla, the next thing you need to do is to connect your website to the software. To do that, you will see four boxes on the top once you open the software. Fill up the credentials which require you to fill up a hostname, username, password, and port number. When it’s done, click Quick Connect to connect the site with Filezilla.
Note: You can get your FTP credentials by contacting your web host or following any FTP credential guide on the web.
Step 3: When the connection between the server and software is established, you will see two panels on the screen consisting of a local site on the left and a remote site on the right. Here the local site indicates your computer and the remote site indicates your website.
Step 4: The public_html folder on the remote site panel is the folder where all the files of your website are. Right-click on it and create a folder by clicking Create Directory and Entering It.
Step 5: Select the HTML file from the left side panel and upload it. Uploading the file may take some time. Keep patience.
Use your file path with the file name to check if the webpage has been uploaded.
That’s it. You are done with uploading your HTML file to your website.
Method 3: Uploading an HTML file Using cPanel
If you want to upload your HTML file manually, here is what you need to do.
Step 1: Go to your web host account and find access to cPanel from there.
Step 2: Once you are in your cPanel dashboard you will find a File Manager folder where all your website content resides. Click on the File Manager tab which will open up an interface containing all the files in it.
Step 3: Then find the root of the files folder public_html. Create a folder for your HTML file. Remember that the file name you set will be added to the page link.
Step 4: Once you create the directory, click on the Upload button from the toolbar on the top. A window will pop up giving you access to Select Files. After selecting the HTML file from your computer, cPanel will take a few minutes to upload it, and then Voila! You are done uploading your HTML file to WordPress.
Frequently Asked Questions
Can I import an HTML file to WordPress?
Importing an HTML file to WordPress is a no-brainer game. You can import it manually using a WordPress dashboard or cPanel or you can use a plugin to automate the importing process. But it’s never impossible but as simple as water.
How to Edit HTML in WordPress Editor?
There are two ways you can edit HTML which rely on whether you want to edit a separate block or an entire page’s HTML. For editing HTML in the block, Click on the three-dot sign from the toolbar that appears when you click on the block. The three dots will show a few options and one of them in Edit as HTML. But when you want to edit the HTML of the entire page instead of a single block, click on the three-dot sign from the top toolbar near the publish button. This will allow you to switch to Code Editor.
Conclusion
This article describes three easy methods to upload your HTML file to WordPress. You can do that in your WordPress dashboard or manually to avoid unwanted errors. All the methods are described in a way so that you can do the uploading as easy as possible. We hope you find it simple and effective.