Upload html files to wordpress

New Page

How to upload files and HTML pages to WordPress

Precio Shayla

Precio Shayla

Updated: May 10, 2022

Published: October 25, 2021

¿Por que to undergo HTML archives a WordPress? If you’re building or amplifying a WordPress website, importing HTML archives and pages can be time consuming when setting up your website or adding new, custom content. With these, it is possible to see create a custom HTML page or use the pages of a previous website and luego agregarlas a WordPress.

The owner of the WordPress website uploads an HTML archive in WordPress

In this post, we will show you how to add your HTML files and pages to your WordPress site.

Download maintenant : How to launch a WordPress website [Free Guide + Checklist]

We will cover: 

  • What is HTML archiving?
  • For it to undergo HTML archives on WordPress
  • How to Undergo HTML Archiving in WordPress
  • How to Add an HTML Page to WordPress

What is HTML archiving?

HTML stands for “hypertext markup language”, which is a language used to create and structure Web pages. HTML files are text-only documents and contain highly interactive content that is designed to be viewed in a web browser. HTML files can be created from scratch, or you can take existing files, like Google Docs, and convert them to HTML.

Below is an example of what an HTML file might contain.

HTML files can be loaded in any type of web browser. This makes them more mobile-friendly, because they will render correctly regardless of the device or operating system being used. If you have multiple people working on your website, or if you have outsourced the work to an outside developer, HTML files are an excellent source of distribution content before publishing it to your website.

But that’s not the only advantage of using HTML files. When working in WordPress, HTML files are great for creating custom content that may not come natively with your current WordPress theme.

Read on for a few more reasons to upload HTML files and web pages when building your site on WordPress.

Pourquoi télécharger des fichiers HTML sur WordPress

WordPress isn’t just a website builder, it’s a content management system. Which means, even if your site is hosted on WordPress, you don’t have to create every single page within the WordPress interface.

When it comes to creating webpages, WordPress has its benefits. You can create beautiful pages with pre-designed themes, and you can even install page builders like Elementor to create sales pages, landing pages, and product pages.

However, you may want to store custom HTML files in your WordPress dashboard. Here are some of the reasons you’ll want to.

You don’t want to rebuild pages from scratch.

You might have an existing HTML page that converts well, and rather than rebuilding it on WordPress, you can save time by just uploading the page directly. This also reduces the risk of human error, because rather than manually copying and pasting code, you can simply upload the content altogether via an HTML file.

You want to customize your page beyond a bottled theme.

Another benefit of uploading HTML files is that it allows you to customize your content outside of what your theme may allow. For instance, let’s say your old site used a template or page that you really liked, but it’s not offered on WordPress. You can copy the HTML for that content, and then upload it to your WordPress site.

Or, you can recreate the content from scratch and write the HTML yourself. Once complete, upload your HTML file to WordPress, and presto! You now have a new, customized page or feature at your disposal.

It’s easier to verify your website with services such as Google Search Console.

Lastly, one big benefit of uploading HTML to WordPress is that it helps you verify your site on Google Search Console. To use Google Search Console, you first need to verify your website, which involves uploading a special HTML file to WordPress. This gives Google access to your data and ensures your site is indexed properly by Google’s search engine.

Ready to start uploading? Read on for a step-by-step guide to uploading HTML files to WordPress.

How to Upload an HTML File to WordPress

  1. Navigate to your Admin Dashboard.
  2. Click ‘Pages’ in the left sidebar.
  3. Choose an existing page or create a new one.
  4. Click ‘Add Block.’
  5. Add a ‘File’ block.
  6. Choose your HTML file.

1. Navigate to your Admin Dashboard.

You can use the WordPress Visual Editor to quickly add HTML files to your website. To access the Visual Editor, first go to your admin dashboard.

upload an html file to wordpress: go to your admin panel

2. Click ‘Pages’ in the left sidebar.

Next, look at the left-hand sidebar. There should be an option labeled “Pages.” Click it. That should load a new screen to the right, similar to the example below, where you see all the pages you’ve created.

upload an html file to wordpress - click pages in the left sidebar

3. Choose an existing page or create a new one.

Now, you should have the option to either edit an existing page or add a new one. To add a new page, simply click the button next to the “Pages” title that sasys “Add new.”

upload an html file to wordpress: add pages buttonIf you would like to edit an existing post, click on the post name itself, and you’ll immediately load the editor. The Visual Editor should open by default, but if you’re also using a page builder such as Elementor, you’ll want to hover over the page’s name and click “Edit,” instead of “Edit with Elementor.”

4. Click ‘Add Block.’

Once you’ve accessed the Visual Editor, click the option in the top left to “add block.” This will trigger a dropdown menu on the left-hand side of the screen.

upload an html file to wordpress: Add WordPress block

5. Add a ‘File’ block.

Using the search bar at the top of the left-hand menu, search for the term “File.” Then, click on it to upload a new file.

upload html file to wordpress - add file block in visual editor

Alternatively, you can also search for “HTML.” This block will allow you to input HTML, but you’ll have to copy and paste it manually into a code block. This works if you’re uploading short snippets of code, but it’s more efficient to use the media option for larger uploads.

upload an html file to wordpress: Add a HTML block WordPress

6. Choose your HTML file.

In the module that appears, select the option to “upload.” Then, choose the HTML file that you wish to add to the post. Once your file is selected, it should be automatically added to your post.

f2O6XvR99f9zEhqpl7gXaF11z9S1rxxXGMnmVJEKITicztsGt_FaAfHBfJMz-FiaYEm6yELn1prCkx5Wx9w9ALflH_Sn_ZHB9ft-B9XVJ_OzzgDNdERMn_tSg4ib-hOf1VCs2Xki=s1600

You can also add the file to your media library. This will allow you to reuse the HTML file in other blog posts.

How to Fix “File Type is Not Permitted for Security Reasons” Error

In some cases, you may encounter this error when trying to upload your HTML file to your blog post or media library.

upload html file to wordpress: file type not allowed error

The easiest way to navigate this is to use an HTML block instead. With an HTML block, you can copy all of the code in your HTML file and paste it directly into your WordPress page — similar to the example below.

Exemple d'archive HTML WordPress

How to Add an HTML Page to WordPress

Let’s say we were the proud designers of the site, Lonéz Scents, and we wanted to migrate this page to WordPress.

Lonez Scents excerpt from the page

Image Source

Let’s take a look at the process of migrating this page to WordPress.

1. Compress the HTML page into a ZIP folder.

Export the webpage from your current CMS. You don’t need to touch any of these files, unless you want to customize them before uploading them to WordPress.

Make sure this HTML file is compressed into a ZIP folder. 

2. Navigate to your WordPress website’s cPanel.

Excellent! Now you have the HTML file you’ll be migrating to your WordPress website.

Next, it’s time to access 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.

To navigate to the cPanel, login to your hosting provider’s website and find out where they keep the link to your cPanel.

In Bluehost, click “Advanced” on the sidebar, scroll down to “Files,” then click “File Manager.”

upload html file to wordpress: file manager inside hosting website

3. Enter your public_HTML folder inside your cPanel.

Su carpeta public_HTML se encontrará en la barra lateral izquierda. Si aloja varios sitios web, deberá elegir el sitio web al que desea migrar la página.

sube un archive html a wordpress: tapis public_html dentro de cpanel

4. Agregue una nueva carpeta a la carpeta public_HTML de su sitio web.

Click the “+ Folder” button at the top of the screen to create a new folder. Now give your new folder a name and then click Create new folder. (The number of tapis will be a part of the URL of the HTML page).

upload an html file to wordpress: create a new folder inside cpanel

5. Upload the zipped HTML file to the new folder.

Once the folder is created, click on it. Then click the Upload button at the top of the screen. There should be a Select File option and you can choose the compressed HTML file you want to add.

6. Extract the files.

Once uploaded, your zipped HTML file is now in the folder. Select the file and click Extract in the upper right corner of the screen. Now click on Extract Files.

upload html file to wordpress: extract files

7. Preview your page.

You will now see an option called Extraction Results. Click Close. Then click Reload in the middle of the screen. You will see the unzipped HTML file on the tapis. (If you wish, delete the ZIP file. It will not affect the extracted HTML page or any other folders.)

Finally, you can get an overview of the page visitando yourdomain.com/FolderName/HTMLFileName.html.

And you are ready ! You now know how to upload HTML files to your WordPress website.

Upload HTML files to WordPress to build a site

Uploading HTML files into WordPress may be the way to go, particularly if you want to create a highly customized site that you can’t create with a theme. This is also a great option for you to migrate your old site to the WordPress platform. The best part is that it’s easy, but be sure to bookmark this guide so you never get lost during the process.

Editor’s Note: This post was originally published in July 2019 and has been updated for completeness.

palaver clave

Themes: WordPress Website

Don’t forget to share this post!

Google Google translator

Google Google Translate

Google Traduction


Video Upload html files to wordpress

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…