You don’t have to create every single page of your website within WordPress. Sometimes, you might want to build custom HTML pages or use pages from an older website and add them to your WordPress website. And that’s perfectly okay. In this post, we’ll show you how to add your HTML files to WordPress. 

Why Upload HTML Files to WordPress

WordPress has its benefits. You can create beautiful pages with pre-designed themes. You can even install page builders like Elementor to create your sales pages, landing pages, and product pages.

However, you may want to store custom HTML files in your WordPress dashboard. Or you might have an existing static HTML page that converts well, and rather than rebuild it on WordPress, you can save time by just uploading the page.

WordPress gives you the option to add your HTML files and keep them on the platform without manually inputting the code. It makes customizing your website that much easier.

The WordPress Visual editor is a quick way to add an HTML file to your website. Go to your admin dashboard. Click Posts in the left sidebar. Click on an existing post or add a new post. By default, the Visual Editor will open. 

Follow the instructions below to upload your HTML file to WordPress.

  • Click Add Media.

add media to upload HTML file to WordPress

  • In the pop-up Add Media window, click Select Files to access your hard drive, cloud drive, or external storage device.

select files to upload HTML file to WordPress

  • Select your desired HTML file.
  • After it uploads, WordPress will display the attachment details, including the title and the link to the media file.

review attachment details to upload HTML file to WordPress

  • Click Insert into post. (This inserts the link of the file in the post and saves it to your media library.)

insert into post to upload HTML file to WordPress

You’ve successfully stored your HTML file to WordPress. You can link to the file anywhere in a post or page. 

How to Add an HTML Page to WordPress

First, you need access to your cPanel, where your website’s database is located. You get these logins from your hosting provider.

Pro Tip: If you’d rather someone else do the heavy lifting for you, some hosting providers will migrate your webpages for you for free. Make sure to check with your hosting service.

  • Add your HTML page, CSS, and other folders in a ZIP file. (Right-click the HTML folder and click Compress).
  • Log into your cPanel and go to File Manager in the Files section.

upload HTML file to WordPress in file manager

Source: GreenGeeks

  • Select public_HTML
  • Click the New Folder button at the top of the screen to create a new folder.
  • Name your new folder and then click Create New Folder. (This folder name will be a part of your HTML page’s URL.)

upload HTML file to WordPress by creating a new folder

Source: GreenGeeks

  • Click on the folder you just created. Then, click on the Upload button at the top of the screen.
  • Click Select File and choose the zipped HTML file you want to add.
  • Your zipped HTML file is now in the folder. Select the file and click Extract at the top-right corner of the screen. Click Extract files.

upload HTML file to WordPress by clicking extract file button

Source: GreenGeeks

  • Then, you’ll see the Extraction Results. Click Close.
  • Click Reload in the middle of the screen.
  • You'll see the unzipped HTML file in the folder. (If you like, delete the ZIP file. It won’t affect your extracted HTML page or any other folders.)
  • Preview the page by visiting yourdomain.com/FolderName/HTMLFileName.html.

And you’re done! You now know how to upload HTML files to your WordPress website. For more helpful tips on how to use WordPress, check out our Ultimate Guide to Building a WordPress Website.

Wordpress Plugin HubSpot

Originally published Sep 11, 2019 3:09:16 PM, updated September 11 2019

Topics:

WordPress Website