What's new
Your Hosting Talk

Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

How to Upload an HTML file to Wordpress?

You can add the HTML via 3 methods in the wordpress site lets know one by one all the 3 ways

1. Through wordpress Dashboard​

  • First, you have to navigate to your admin dashboard
  • Now click on the option labeled pages which be available on the left-hand sidebar
  • Now you’ll be able to see two options for editing an existing page and adding a new page. To edit an existing page, click on the post name itself the editor will load immediately.
Now, if you want to add a new page, click on the button next to the “pages” labeled and “Add New.”
  • Now, once you have opened the visual editor, click on the option to add a block, which will be available on the top left, and automatically open the drop-down menu.
  • After that, using the search bar on the top of the drop-down, search for the term “file” and click on the option “file” to upload a new file.
  • Now click on the “upload” button in the file and upload the file.

2. Through FTP​

  • First, you have to download and install Filezilla on your computer.
  • Now, you have to open FileZilla and enter your FTP credentials, including a hostname, username, password, and port number.
  • Now click on the button “Quickconnect.”
  • After establishing the connection, the left panel labeled “local site” is your computer, and the right panel labeled “Remote site” is our website. You have to go to the right-side panel and open the folder “Public_html”
  • Next step is to create a new folder by right-clicking on it and then selecting the option “creating directory " and entering it.”
  • Now, just select the HTML files on the left-hand panel you want to upload by right-clicking on the files and selecting upload.

3. Through cPanel​

  • First, you must log in to your web host account and open cPanel.
  • And then you have to click on file manager
  • Now open the folder called “public HTML” This folder contains three more folders called “wp-content” and “wp-includes.”
  • Now click on the “+file” option to add a new file.
  • Now upload your HTML file here.
You have successfully uploaded your html file to your website.
 
To upload an HTML file to WordPress, follow these steps:

  1. Log in to your WordPress dashboard.
  2. Click on "Media" from the left-hand menu and then click on "Add New."
  3. Click on the "Select Files" button and select the HTML file from your computer.
  4. Once the file has finished uploading, click on the "Edit" button to edit the file details.
  5. Under "Attachment Details," copy the "File URL."
  6. Open the page or post where you want to add the HTML file and click on the "Text" tab.
  7. Paste the copied "File URL" where you want to add the HTML file.
  8. Save the page or post.
Note: WordPress does not allow uploading HTML files directly to your site. Therefore, you need to upload your HTML file as a media file and then add its URL to your desired page or post.
 
So Here are the ways 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.
 
For uploading and downloading, I always prefer cPanel.

cPanel has a really simple user interface that also allows for full site backups.
 
To upload an HTML file to WordPress, follow these steps:

  1. Log in to your WordPress admin dashboard.
  2. Navigate to the "Media" section and click on "Add New" to upload the HTML file.
  3. Click on the "Select Files" button and choose the HTML file from your computer.
  4. Once the file is uploaded, you will see it listed in the media library.
  5. Click on the "Edit" button next to the file you uploaded.
  6. In the file details screen, copy the URL of the HTML file from the "File URL" field. This is the URL you will need to access the HTML file on your WordPress site.
  7. Now, go to the page or post where you want to insert the HTML file.
  8. Switch to the text editor mode in the WordPress editor.
  9. Paste the URL of the HTML file into the editor at the desired location. It should look something like this:
Code:
<a href="URL_OF_HTML_FILE">Click here to access the HTML file</a>

Replace "URL_OF_HTML_FILE" with the actual URL of your uploaded HTML file. 10. Switch back to the visual editor mode, and you will see a clickable link to your HTML file.

  1. Update or publish your page/post to make the changes live on your WordPress site.
Please note that uploading and inserting HTML files into WordPress may require proper permissions and security considerations, so make sure to follow best practices and take necessary precautions.
 

Users who are viewing this thread

Back
Top