Uploading html file to wordpress

New Page

Creation of web buildings

August 01, 2022

Domantas G.

5 minute read

How to upload your website (in 6 easy steps)

Copy link

Copy!

Building your own website will help you build your online presence, expand your customer base, and increase your conversion rate. However, it will be almost impossible to achieve these goals if you haven’t uploaded your website in the first place. 

Best of all, you don’t need any coding experience to launch your site on the web server. Many hosting services and FTP programs provide handy tools to upload a website with just a few clicks.

For more information, read our article and find the complete instructions on how to make your website operational on the Internet in 6 quick and easy steps. 

Download the eBook: Create your first website in 9 easy steps

  • 1. Choose a reliable web hosting company
  • 2.Choose your website upload method
    • File manager
    • File Transfer Protocol (FTP)
    • Automatic website importer
    • WordPress migration plugins
  • 3. Upload your website file
    • Using File Manager
    • Using FileZilla
  • 4. Move the website files to the main root directory
  • 5.Import your database
  • 6. Check if the website works

1. Choose a reliable web host

Building and maintaining a website is not something to be taken lightly. It is crucial to choose a top hosting provider that has all the key features to get your project up and running.

Here are several factors to consider when choosing a hosting provider:

  1. Live support . A good hosting service must have a team of experts who can help you at any time. There’s nothing worse than running into problems and waiting days for a response.
  2. Control your web hosting space . The less control you have over your hosting account, the more problems you are likely to encounter as your site grows.
  3. Room for growth . Before choosing a web host, make sure they offer scalable solutions that can provide more power (like virtual private servers or cloud website hosting).
  4. Money-back guarantee . Nobody likes a bad investment, so be sure to check out the refund policy. This will give you a window of time to test everything out before committing to the hosting service.

If you’re tired of switching between tabs trying to compare features offered by different web hosts, we’ve got something more convenient for you. Be sure to check out the pages where we compare Hostinger to popular hosting providers like Hostgator, GoDaddy, and SiteGround. Hopefully they will make our search easier!

2. Choose your website upload method

The next challenge is choosing the right tool to upload your website to the internet. Here are four of the most popular tools for downloading a website:

file manager

A file manager is a browser-based tool with all the key features to take care of your website’s files and directories. If you have a Hostinger account, log in to hPanel and find File Manager in the Files section . 

However, the file manager has a download limit. If your website files exceed 256MB , you should opt for the following tool.

File Transfer Protocol (FTP)

Most web hosting providers support FTP, or File Transfer Protocol, which you can use to connect to an FTP client. If you don’t have an FTP client, be sure to install one on your PC. 

For the usuarios of Hostinger, all the credentials required to access your FTP client is found in Cuentas FTP in the Archivos section .

account-ftp-hpanel account-ftp-hpanel

Allí, can find all the important information about the FTP cuenta, such as the number of FTP users, number of hosts and contraseña. 

FTP account credentials in hPanel FTP account credentials on hPanel

No hay límite de tamaño cuando se trata de upload archives con un programa FTP. Without embargo, a bit of technical knowledge is needed that can be learned from this article sober how to configure FileZilla and find another FTP client.

Automatic importer of web sites

For Hostinger users, you can find an Import Website feature in hPanel. You can use this feature to extract a website archive to the public_html directory. The tool supports .zip, .tar and .tar.gz formats, and the upload limit is 256MB.

Import web site layout in hPanel Import website tool in hPanel

WordPress Migration Plugins

If you plan to use WordPress, there are several ways to upload your website to the CMS. One of the easiest methods is using a WordPress migration plugin like All in One WP Migration. After installing and activating the plugin, the rest of the steps are self-explanatory.

Importing herramienta de site en el complemento de migration All in One WP Import site tool in All in One WP Migration plugin

The upload size limit will depend on your hosting provider. Check out how to increase file upload size.  

3. Upload Your Website File

Now that you know the best tools to upload a website, it’s time to get your website live!

In this tutorial, we’ll show you how to upload your website using Hostinger’s File Manager and a well-known FTP client, FileZilla.

Using File Manager

  1. Login to Hostinger’s hPanel and navigate to File Manager.
  2. Once you’re in the public_html directory, select the Upload Files icon from the upper-right menu.
  3. Select the website archive file on your computer and Upload it to our server.
  4. Right-click on the uploaded file and Extract the archived files to the public_html folder.

Extraiga el menú del elemento en el directorio public_html Extract item menu in the public_html directory

Using FileZilla

Before we begin, make sure to extract the archive to your local computer as FileZilla doesn’t have an Extract feature.

  1. Connect your account to FileZilla. Use port 22, or connect to SFTP, for a secure connection. 
  2. Navigate to Remote Site panel and click on the public_html folder.Accessing public_html folder through the remote site panel in FileZilla Accessing public_html folder through the remote site panel in FileZilla
  3. Head to the Local Site panel and locate the extracted files.
  4. Select the files, right-click to upload them to the public_html directory.Uploading file on FileZilla Uploading file on FileZilla

That’s it! By following the above steps, you can transfer all files to public_html without doing any extra work. Otherwise, you’ll need to connect via SSH and extract the archive manually.

4. Move the Website Files to the Main Root Directory

In some cases, an additional directory will be created when you upload website files. As a result, visitors will be directed to yourdomain.com/subfolder instead of the default yourdomain.com.

To prevent that from happening, you need to make sure all the files are located in the root directory of your domain, which is public_html.

You can use the File Manager to move your website files. All you need to do is right-click on the subfolder, select the Move option, and set public_html as the destination.

5. Import Your Database

If your website uses a database, you’ll also need to import it along with your website files:

  1. Create a new MySQL database and user.
  2. Access your newly created database via phpMyAdmin.
  3. Use the Import section to upload the backup file of your database.
  4. Update the MySQL database connection details (database name, host, user, password) in its configuration files.

Skip this part if you don’t use any database.

6. Check If the Website Works

Once you complete your upload, it’s time for a final check!

If your domain name is already pointed to your web host, enter the domain name into your browser and see if it directs you to your website.

Keep in mind that DNS changes can take up to 48 hours to fully propagate worldwide. As such, if you just pointed your domain to the web host’s name servers, you might need to wait for a while.

Use an online tool like whatsmydns.net to check the state of your DNS propagation. Just enter your domain name and the tool will check the DNS records against multiple name servers.

Should you follow all the instructions correctly, your website will appear just fine. However, if you run into an issue, ask your hosting provider for assistance.

And if you’re a Hostinger client, contact us via the live chat and one of our customer success agents will be ready to help you!

Conclusion

Congratulations, now your website is live on the internet! 

To recap, here are the steps to upload your website to the web server:

  1. Pick the right hosting provider.
  2. Choose the tool and method to upload your website. 
  3. Upload your website files.
  4. Move the website files to the main root folder.
  5. Import your database.
  6. Check if your website works worldwide.

That’s it! It may sound a bit complicated at first, but if you follow all the steps carefully, you’ll get your website online in no time. We hope this article will help you out and good luck!

Was this tutorial helpful?

Yes

No

Author Author

The author

Domantas G.

Domantas leads the content and SEO teams forward with fresh ideas and out of the box approaches. Armed with extensive SEO and marketing knowledge, he aims to spread the word of Hostinger to every corner of the world. During his free time, Domantas likes to hone his web development skills and travel to exotic places.

More from Domantas G.

How to Upload HTML Files and Pages to WordPress

Shayla Price

Shayla Price

Updated: May 10, 2022

Published: October 25, 2021

Why upload HTML files to WordPress? If you’re building or growing a WordPress website, importing HTML files and pages can save you significant time when setting up your website or when adding new, customized content. Sometimes you might want to build a custom HTML page or use pages from an older website and then add them to WordPress.

WordPress website owner uploading an HTML file to WordPress

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

Download Now: How to Launch a WordPress Website [Free Guide + Checklist]

We’ll cover: 

  • What is an HTML file?
  • Why Upload HTML Files to WordPress
  • How to Upload an HTML File to WordPress
  • How to Add an HTML Page to WordPress

What is an HTML file?

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

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

HTML files can be loaded on any type of web browser. This makes them more mobile-friendly, because they’ll render properly regardless of the device or operating system being used. If you have multiple people working on your website, or if you have outsourced the job to an external developer, HTML files are a great way to distribute content before publishing it on your website.

But, this isn’t the only benefit of using HTML files. When you’re working in WordPress, HTML files are great for creating customized content that may not be offered natively with your current WordPress theme.

Read on for some additional reasons to upload HTML files and webpages when building your site on WordPress.

Why Upload HTML Files to 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: navigate to your admin dashboard

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 block WordPress

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 an 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: Adding an HMTL 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 an html file to wordpress: file type not permitted 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.

HTML file example 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 about 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 an html file to wordpress: file manager inside the hosting website

3. Enter your public_HTML folder inside your cPanel.

Your public_HTML folder will be found in the left sidebar. If you host several websites, you’ll need to choose the website where you want to migrate the page to.

upload an html file to wordpress: public_html folder inside cpanel

4. Add a new folder to your website’s public_HTML folder.

Click the “+Folder” button at the top of the screen to create a new folder. Now, name your new folder and then click Create New Folder. (This folder name will be a part of your HTML page’s URL.)

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

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

Once the folder is created, click on it. Then, click on the Upload button at the top of the screen. There should be an option Select File and you can choose the zipped 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 at the top-right corner of the screen. Now, click Extract files.

upload an html file to wordpress: extract files

7. Preview your page.

You’ll now see an option called Extraction Results. Click Close. Then, 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.)

Finally, you can 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.

Upload HTML Files to WordPress to Build Your Site

Uploading HTML files to WordPress can be the answer, especially if you want to create a highly customized site that you can’t build with a theme. It is also a great option for you if you want 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 in the process.

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

wp

Topics: WordPress website

Don’t forget to share this post!

  1. residence
  2. Resource Center
  3. Database
  4. WordPress tips
  5. How to Upload an HTML File to WordPress (3 Effective Methods)

How to Upload an HTML File to WordPress (3 Effective Methods)

Last update: January 18, 2021

How to Upload an HTML File to WordPressclose

By default, you can build pages and create content within WordPress without ever having to upload any custom HTML files. That’s because the WordPress core comes with built-in content types. In addition, the WordPress theme you use will likely have its own set of pre-designed page templates that you can take advantage of to create a unique website that meets your needs.

Beyond that, there are plenty of WordPress landing page plugins you can use to create customized page templates for site visitors to land from search results, email campaigns, and even social media.

In a hurry? Save this article as a PDF.

Tired of scrolling? Download a PDF version for easier offline reading and sharing with coworkers.

Download

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 you’d want to know how to upload an HTML file to WordPress, some of which go beyond uploading a template for design purposes.

That’s why in this post, I’ll show you how to upload HTML files to WordPress. I’ll also discuss in detail why you’ll want to have this skill, so no matter what, you’re prepared.

Table of Contents

  1. What is an HTML File?
  2. Why You Would Need to Upload an HTML File to WordPress
  3. Method: How to Upload HTML File to WordPress in the WordPress Dashboard
  4. Method: How to Upload HTML File to WordPress Using an FTP Client
  5. Method: How to Upload HTML File to WordPress Using cPanel

What is an HTML File?

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

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

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

Kinsta spoiled me so much that I now demand this level of service from every provider. We also try to be at this level with our SaaS tool support.

NEW-Suganthan-Mohanadasan-150x150Suganthan Mohanadasan from @Suganthanmn View Plans

What is an HTML template?

Thus, you know that HTML is the code responsible for creating the structure of unique web pages on the Internet.

But what is an HTML template?

An HTML template is a predefined 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 predefined set of HTML code that you can easily upload to your website and use.

Lorsque vous utilisez un modèle HTML sur votre site Web WordPress, vous téléchargez le fichier et insérez le texte et les images que vous souhaitez que le modèle affiche sur le front-end de votre site.

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

  • WordPress Themes: even though you plug in text and images into WordPress themes, they are responsible for the look and feel of your entire website. Many element changes within your site’s theme are global, meaning they apply to your entire website.
  • HTML Templates: these are standalone zip files that you upload to your website individually. They only 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 affect that webpage.

Unfortunately, many people don’t understand 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

There are a few specific reasons why you might want to upload an HTML file to WordPress:

    1. You Have Your Favorites: if you were using a great HTML template on an old 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 will save you time and ensure it looks exactly the same.
    2. You Want a Custom Page Layout: if your current WordPress theme doesn’t support a specific page layout, you can upload an HTML file with the design you want and customize it as needed

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

The way your website appears in search engines, especially a big one like Google, plays a role in your success as a website owner.

That’s why tools like Google Search Console exist. With Google Search Console, you guarantee that Google will index and rank your site in relevant search results, all in the hopes of making it to the first page.

Google Search Console also provides you information about your current SERPs (search engine result pages), so you can improve your SEO efforts and earn more clickthroughs to your site.

The thing is, to use Google Search Console, you need to verify your WordPress website. And it just so happens that one of the best ways to do this is to upload a Google HTML verification file.

Now, let’s take a look at the different ways to upload an HTML file to WordPress.

1. Méthode : Comment télécharger un fichier HTML sur WordPress dans le tableau de bord WordPress

La première méthode pour télécharger un fichier HTML sur WordPress que nous examinerons implique le tableau de bord WordPress.

Vous n’aurez besoin de rien de plus que du backend de votre site Web et d’un modèle HTML pour terminer ce processus puisque vous téléchargerez le fichier HTML directement via une publication, une page ou la médiathèque.

To upload an HTML file through a post or page, insert a “File” block in the Gutenberg editor. Then click Download to download the HTML file.

Upload HTML file in GutenbergUpload the HTML file in Gutenberg

Here’s what it looks like if you’ve disabled Gutenberg and are using the classic editor. Simply click Add Media and then Upload to upload your HTML file.

Choose the HTML file you want to upload, then click Insert into Post . This inserts the file link into the post or page and automatically saves it to your media library.

Upload HTML file in Classic EditorImport an HTML file into the classic editor

You can skip uploading the HTML file to a post or page in WordPress and upload it directly to your media library. Click Media Library in your WordPress dashboard, click Add New and choose the HTML file you saved it from (e.g. your computer, hard drive or external storage).

Please note that you may encounter an error loading your HTML file when using Gutenberg. Here is what it will look like:

File type not permittedFile type not allowed

Consult here to obtain detailed instructions on how to correct the error “Lo sentimos, este tipo de archivo no está permitido por razones de seguridad” in WordPress .

2. Método: Cómo subir un archivo HTML a WordPress usando un cliente FTP

Cargar archivos HTML a través del panel de WordPress es el método más sencillo. Sin embargo, para plantillas grandes compuestas de varios archivos, es mejor usar un cliente FTP como FileZilla .

El uso de un cliente FTP también es útil cuando desea trabajar localmente en un sitio de prueba antes de enviar cualquier cambio que realice en su sitio en vivo. Esto evitará cualquier tiempo de inactividad innecesario si algo sale mal.

Para comenzar, siempre cree primero una copia de seguridad de su sitio web porque nunca sabe qué puede hacer el archivo HTML cuando lo carga en su sitio.

Ensuite, ouvrez votre client FTP.

Info

Kinsta fournit des sauvegardes quotidiennes automatiques et générées par le système pour tous les plans. Des sauvegardes horaires facultatives sont également disponibles.

Now you need to login 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, contact your host and ask them to help you.

If you are using Kinsta hosting, first log in to your MyKinsta account and click on Sites in the dashboard, then Info to get the necessary credentials.

sftp detailsGet your SFPT details in MYKinsta

When you do this, you should see your credentials under SFTP/SSH . You will need your username, password and port.

sftp details username password portsftp details

Here is the information you will need to enter FileZilla:

  • Host: the domain name of your site preceded by “sftp://”. For example, you would enter sftp://www.mysite.com.
  • Username: from your MyKinsta dashboard
  • Password: from your MyKinsta dashboard
  • Port: from your MyKinsta dashboard

This is what it will look like at the top of the FileZilla screen:

Logging into FileZillaLogin to FileZilla

After entering your credentials, click Quickconnect .

Now is the time to upload the HTML file from your computer to WordPress. Start by navigating to your website’s root folder (which contains the wp-content folder, wp-config.php file, etc.) on the right side.

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

HTML file uploadedHTML file uploaded

You will see that the file has been successfully uploaded to WordPress. To verify that it is visible on your website, enter your website URL in your browser and add the name of the HTML file at the end. For example, it might look like www.mywebsite.com/html-file.

When you do this, you will be redirected to the new webpage you created with the HTML file.

3. Method: How to upload an HTML file to WordPress using cPanel

The last method we are going to share with you is to use cPanel and file manager to upload an HTML file to WordPress.

Start by logging into the cPanel of your hosting account and accessing the file manager.

FileManager in cPanelFile Manager in cPanel

Une fois dans le gestionnaire de fichiers, vous avez deux options :

    1. Créer un nouveau dossier : créez un nouveau dossier dans le dossier racine de votre site pour y télécharger votre fichier HTML.
    2. Téléchargez directement dans le dossier racine : plutôt que de créer un nouveau dossier, téléchargez le code HTML directement sur WordPress. Si c’est ainsi que vous voulez le faire, décompressez le fichier HTML où vous l’avez enregistré, changez le dossier index.html en quelque chose de nouveau, puis rezippez le fichier pour continuer le téléchargement sur WordPress. Si vous ne le faites pas, le modèle HTML remplacera la page d’accueil de votre site.

Pour cet exemple, nous allons créer un nouveau dossier car il y a quelques étapes supplémentaires lorsque vous faites cela.

Info

Kinsta does not rely on cPanel. Instead, Kinsta has its own custom MyKinsta hosting dashboard.

Create a new folder and upload an HTML file to WordPress

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

Selecting New Folder from File Manager settings

Name your new folder and click Create New Folder .

Creating a new folder in cPanelCreate a new folder in cPanel

Double-click on the folder you just created and then click on Upload to select your HTML file.

Download buttonDownload button

Once done, you will see your zipped HTML file in the folder.

Compressed HTML fileCompressed HTML file

Now you need to unzip the HTML file by right-clicking and selecting Extract .

Extract the HTML fileExtract the HTML file

When the modal window appears, click Extract Files to complete the unzipping process. Once the HTML file is unzipped, you will see all the different files included in the template. Remember that this means you’ll see things like CSS, font style files, images, and JavaScript.

Extract HTML filesExtract HTML files

Now, all you have to do to make sure the HTML template and files have downloaded is enter your site URL in the browser and add the name of the new folder at the end.

If you encounter a 404 error, don’t worry. This is a common WordPress error and can be fixed easily.

If your server does not support redirection and the index.php file is not redirected when loading the URL in your browser, you will see a 404 error after uploading your HTML files.

To fix this, stay in file manager and navigate to your .htaccess file by double-clicking it. Then add the following code and save your changes:

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

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

Need to upload an HTML file to your WordPress site? This step-by-step guide shows you how to do it easily. ⬆📂Click to tweet the summary

WordPress is the most widely used content management system because it gives website owners the flexibility to create unique websites that stand out from the competition. Being able to upload an HTML file to WordPress using any of the methods mentioned above is just another example of how WordPress meets the needs of site owners and gives them the freedom to customize their sites to their needs. .

Also, knowing how to upload an HTML file to WordPress is just a good skill to have when needed. After all, you never know when you might stumble upon an HTML template you like or need a certain type of layout that your theme doesn’t support.

Save time, money and maximize site performance with:

  • Instant help from WordPress hosting experts, 24/7.
  • Cloudflare Enterprise integration.
  • Global audience with 35 data centers around the world.
  • Optimized with our built-in application performance monitoring.

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


Video Uploading html file 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…