How to upload an html file 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 in wordpress: navigate 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 on 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.

cargue un archivo html en wordpress: agregue un bloque de archivos en el editor visual

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.

subir un archivo html a wordpress: Agregar un bloque HMTL 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.

subir un archivo html a wordpress: tipo de archivo no permitido 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.

Ejemplo de archivo 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 Aromas acerca de la página

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.”

suba un archivo html a wordpress: administrador de archivos dentro del sitio web de alojamiento

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.

sube un archivo html a wordpress: carpeta public_html dentro de 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.)

sube un archivo html a wordpress: crea una nueva carpeta dentro de 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.

subir un archivo html a wordpress: extraer archivos

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.

palabra clave

Sujets : site Web WordPress

Don’t forget to share this post!

  1. Home
  2. Resource Center
  3. Database
  4. Conseils WordPress
  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

Cómo subir un archivo HTML a 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 de @Suganthanmn Voir les 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.

Subir archivo HTML en 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.

Subir archivo HTML en 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 the WordPress dashboard, then click Add New and choose the HTML file from where you saved it (e.g. your computer, hard drive or external storage).

Keep in mind that you may encounter an error when uploading your HTML file when using Gutenberg. Here is what it will look like:

Tipo de archivo no permitidoFile type not allowed

Check here for detailed instructions on how to fix the “Sorry, This File Type Is Not Permitted for Security Reasons” Error in WordPress.

2. Method: How to Upload HTML File to WordPress Using an FTP Client

Uploading HTML files through the WordPress dashboard is the most straightforward method. However, for large templates made up of multiple files, it’s best to use an FTP client such as FileZilla.

Using an FTP client is also helpful for times you want to work locally on a test site before pushing any changes you make to your live site. This will prevent any unnecessary downtime if something goes wrong.

To start, always create a backup of your website first because you never know what the HTML file might do when you upload it to your site.

Next, open your FTP client.

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:

Connexion à 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.

Fichier HTML téléchargéUploaded HTML file

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.

Gestionnaire de fichiers dans 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 .

Sélection d'un nouveau dossier dans les paramètres du gestionnaire de fichiers

Name your new folder and click Create New Folder .

Créer un nouveau dossier dans cPanelCreate a new folder in cPanel

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

Bouton de téléchargementDownload button

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

Fichier HTML compresséCompressed HTML file

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

Extraire le fichier HTMLExtract 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.

Fichiers HTML extraitsExtracted 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. .

Plus, knowing how to upload an HTML file to WordPress is just a good skill to have in case the need arises. After all, you never know when you might come across an HTML template you love or need a certain type of page layout that your theme doesn’t support.

Save time, costs and maximize site performance with:

  • Instant help from WordPress hosting experts, 24/7.
  • Cloudflare Enterprise integration.
  • Global audience reach with 35 data centers worldwide.
  • Optimization with our built-in Application Performance Monitoring.

All of that and much 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.

Web Building Creation

Aug 01, 2022

Domantas G.

5min Read

How to Upload Your Website (in 6 Easy Steps)

Copy link

Copied!

Creating your own website will help boost your online presence, expand your customer base, and increase your conversion rate. However, it’ll be nearly impossible to reach these goals if you haven’t uploaded your website in the first place. 

Best of all, you don’t need coding experience to launch your site on the web server. A lot of hosting services and FTP programs provide convenient tools for uploading a website within clicks.

For more information, read our article and find out the full instructions on how to get your website live on the internet within 6 quick, simple steps. 

Download eBook: Build Your First Website in 9 Easy Steps

  • 1. Pick 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. Pick a Reliable Web Hosting Company

Creating and maintaining a website is not something that you should take lightly. It’s crucial to pick a top-notch web host that has all the key features to kickstart your project.

Here are several factors that you should consider when choosing a hosting provider:

  1. Live support. A good hosting service should have a team of experts who can help you at any time. There’s no worse feeling than running into some issues and having to wait for days to get a response.
  2. Control over your web hosting space. The less control you have over your hosting account, the more likely you are to run into trouble when your site grows.
  3. Room for growth. Before you choose web host, make sure it offers scalable solutions that can provide more power (such as virtual private servers or cloud website hosting).
  4. Money-back guarantee. Nobody likes a bad investment, so make sure to check for a refund policy. This will give you a time frame to test everything out before committing to the hosting service.

If you are tired of switching between the tabs trying to compare the features that different web hosts offer, we have something more convenient for you. Feel free to check the pages where we compare Hostinger with popular hosting providers such as Hostgator, GoDaddy, and SiteGround. Hopefully, they will ease our search!

2. Choose Your Website Upload Method

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

File Manager

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

However, the File Manager has an upload limit. If your website files are larger than 256MB, you should opt for the next tool instead.

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, make sure to install one on your PC. 

For Hostinger users, all the required credentials for accessing your FTP client are located in FTP Accounts under the Files section.

compte-ftp-hpanel compte-ftp-hpanel

There, you can find all the important information regarding your FTP account, such as your FTP username, hostname, and password. 

Identifiants de compte FTP et hPanel Identifiants du compte FTP sur hPanel

There’s no size limit when it comes to uploading files with an FTP program. However, it does take a bit of technical knowledge that you can learn from this article on how to configure FileZilla and any other FTP clients.

Automatic Website Importer

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.

Importer des informations sur le site Web et hPanel Outil d'importation de site Web dans 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.

Importer les données de site et le complément de migration All in One WP Outil d'importation de site dans le plugin All in One WP Migration

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. Haga clic con el botón derecho en el archivo cargado y extraiga los archivos archivados en la carpeta public_html.

Extraiga el menú del elemento en el directorio public_html Extraire le menu de l'élément dans le répertoire public_html

Uso de FileZilla

Antes de comenzar, asegúrese de extraer el archivo a su computadora local ya que FileZilla no tiene una función de extracción .

  1. Conecta tu cuenta a FileZilla. Utilice el puerto 22 o conéctese a SFTP para una conexión segura. 
  2. Navegue al panel Sitio remoto y haga clic en la carpeta public_html .Accessing the public_html folder through the remote site panel in FileZilla Access public_html folder through remote site panel in FileZilla
  3. Dirígete al panel Sitio local y localiza los archivos extraídos.
  4. Seleccione los archivos, haga clic derecho para cargarlos en el directorio public_html .Upload archives to FileZilla Upload the file to FileZilla

¡Eso es todo! Siguiendo los pasos anteriores, puede transferir todos los archivos a public_html sin hacer ningún trabajo adicional. De lo contrario, deberá conectarse a través de SSH y extraer el archivo manualmente .

4. Mueva los archivos del sitio web al directorio raíz principal

En algunos casos, se creará un directorio adicional cuando cargue archivos del sitio web. Como resultado, los visitantes serán dirigidos a sudominio.com/subcarpeta en lugar del predeterminado sudominio.com.

Para evitar que eso suceda, debe asegurarse de que todos los archivos estén ubicados en el directorio raíz de su dominio, que es public_html .

Puede usar el Administrador de archivos para mover los archivos de su sitio web. Todo lo que necesita hacer es hacer clic derecho en la subcarpeta, seleccionar la opción Mover y establecer public_html como destino.

5. Importe su base de datos

If your website uses a database, you must also import junto con los archivos of your website:

  1. Create a new MySQL database and user.
  2. Access the received database created through phpMyAdmin.
  3. Use the Import section to upload the security copy file of your données database.
  4. Updated MySQL database connection details (database number , host , user , contrast ) in addition to configuration archives.

Skip this part if you are not using any databases.

6. Check if the website works

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

If your dominio name ya apunta on your web server, enter dominio number on your browser and vea si lo directs a website to your site.

Please note that DNS changes can take up to 48 hours to fully propagate around the world. As such, if you have just pointed your domain to the web host’s nameservers, you may need to wait a while.

Use an online tool like whatsmydns.net to check the status of DNS propagation. Simply enter your domain name and the tool will verify DNS records against multiple nameservers.

If you follow all the instructions correctly, your website will appear fine. However, if you have any problems, ask your hosting provider for help.

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

Conclusion

Congratulations, your website is now live on the Internet! 

In short, these are the steps to upload your website to the web server:

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

That c’est tout! It might seem a bit complicated at first, but if you follow all the steps carefully, you’ll have your website online in no time. We hope this article helps you and good luck!

Was this tutorial helpful?

And

Non

Auteur Auteur

The author

Domantas G.

Domantas leads content and SEO teams with fresh ideas and fresh approaches. Armed with extensive SEO and marketing knowledge, he aims to bring Hostinger to every corner of the world. In his spare time, Domantas enjoys honing his web development skills and traveling to exotic locations.

Plus de Domantas G.

Google Google translator

Google Google Translate


Video How to upload an html file to wordpress

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…