WordPress is often used to create weblog posts and pages on your web site. Nevertheless, some customers might have so as to add a separate static HTML web page and make it accessible together with their basic WordPress website.
The issue is that this web page shouldn’t be acknowledged by WordPress, and it might present a 404 error.
On this article, we are going to present you correctly add an HTML web page to WordPress with out inflicting a 404 error.
![How to upload an HTML page to WordPress How to upload an HTML page to WordPress](https://www.wpbeginner.com/wp-content/uploads/2018/05/upload-an-html-page-to-wordpress-og.png)
Why Add HTML Pages to WordPress?
WordPress comes with a built-in content material kind so as to add pages to your web site. Typically, WordPress themes add pre-designed web page templates to show your pages.
There are even WordPress touchdown web page plugins that help you create stunning web page templates with a drag-and-drop builder.
Because of this, normally, you shouldn’t must add an HTML web page to your WordPress website.
Skilled Tip: We suggest utilizing SeedProd, the most effective WordPress web page builder plugin, to design customized pages. You should utilize its drag-and-drop interface to design your touchdown web page. Plus, it comes with professionally designed templates to make use of as beginning factors.
![SeedProd page builder SeedProd page builder](https://www.wpbeginner.com/wp-content/uploads/2023/11/seedprod-ui.png)
![SeedProd page builder SeedProd page builder](https://www.wpbeginner.com/wp-content/uploads/2023/11/seedprod-ui.png)
Nevertheless, generally, you might have static HTML pages out of your outdated web site or a static template that you just like and wish to use.
In these situations, you will have to add your HTML web page to WordPress.
Since WordPress comes with its personal Web optimization-friendly URL construction, it might trigger a 404 error for those who merely add your HTML web page and attempt to entry it.
That being mentioned, let’s take a look at add an HTML web page to your WordPress website with out inflicting 404 errors.
Importing HTML Web page to WordPress Web site
First, you’ll want to put together the HTML web page that you just wish to add.
If it’s a single HTML web page with no separate CSS or picture recordsdata, then you may go forward and add it as is.
Nevertheless, if the web page you wish to add has separate CSS recordsdata and pictures, then you’ll want to place them in a listing construction.
Ideally, you’d wish to place your recordsdata in a folder in your pc.
![Arrange HTML page Arrange HTML page](https://www.wpbeginner.com/wp-content/uploads/2018/05/arrange-html-page.png)
![Arrange HTML page Arrange HTML page](https://www.wpbeginner.com/wp-content/uploads/2018/05/arrange-html-page.png)
Don’t neglect to open your predominant HTML file to make it possible for every little thing works as anticipated.
Subsequent, you’ll want to connect with your WordPress website utilizing an FTP shopper or the File Supervisor app in your internet hosting account management panel.
After that, you’ll want to add the folder you created earlier to the basis folder of your WordPress web site. The basis folder is the one which has the wp-admin
, wp-content
, and wp-includes
folders inside it.
![Upload files Upload files](https://www.wpbeginner.com/wp-content/uploads/2018/05/upload-files-1.png)
![Upload files Upload files](https://www.wpbeginner.com/wp-content/uploads/2018/05/upload-files-1.png)
After importing your recordsdata, you may go to your web site to view your HTML web page.
Should you uploaded the folder with HTML and accompanying CSS and picture recordsdata, then you will have so as to add the title of the folder you uploaded to the top of your web site tackle, like this:
https://instance.com/landing-page/
Word: The primary HTML file in your folder must be referred to as index.html. In any other case, you’ll have to present the title of the HTML file, too.
Then again, for those who uploaded a standalone HTML file, then merely add the HTML filename to the top of your web site tackle:
https://instance.com/landing-page.html
You’ll now see your uploaded HTML web page.
Should you run into an error web page, then you will have to troubleshoot the error.
Troubleshooting HTML Web page Add in WordPress
Usually, it’s best to be capable of view your HTML web page by visiting the web page or folder straight.
Nevertheless, because of the rewrite guidelines utilized by WordPress or your internet server, there’s a likelihood that you could be run into some widespread WordPress errors.
1. Fixing 404 Error After HTML Web page Add in WordPress
The 404 error is among the most typical WordPress errors. Nevertheless, it’s fairly simple to repair normally.
In case you are seeing a 404 error after importing your HTML web page, then you definitely simply want so as to add a rewrite rule to your .htaccess file:
RewriteRule ^(.*)index.(php|html?)$ /$1 [R=301,NC,L]
2. Fixing 403 Error After Importing an HTML Web page in WordPress
A 403 error might also happen attributable to file permissions in your newly uploaded HTML web page or the folder that you just uploaded.
Merely connect with your web site utilizing an FTP shopper and click on to pick out the HTML web page or the folder you uploaded.
Subsequent, right-click after which choose the ‘File permissions’ choice in your FTP shopper.
![Open file permissions Open file permissions](https://www.wpbeginner.com/wp-content/uploads/2018/05/open-file-permissions.png)
![Open file permissions Open file permissions](https://www.wpbeginner.com/wp-content/uploads/2018/05/open-file-permissions.png)
It will carry up a file permission popup. Enter ‘755’ into the numeric worth discipline and verify the ‘Recurse into subdirectories’ choice.
Under that, choose the ‘Apply to all recordsdata and listing’ choice and click on on the ‘OK’ button.
![File permissions checkbox File permissions checkbox](https://www.wpbeginner.com/wp-content/uploads/2018/05/file-permissions-checkbox.png)
![File permissions checkbox File permissions checkbox](https://www.wpbeginner.com/wp-content/uploads/2018/05/file-permissions-checkbox.png)
It will set the file permissions on your HTML add folder and all of the recordsdata and folders inside it.
For extra particulars, see our tutorial on repair file and folder permissions error in WordPress.
Including Your Customized HTML Web page to XML Sitemaps
Now that you’ve uploaded your HTML web page, it’s time to let search engines like google and yahoo know that it’s a part of your web site.
The simplest method to try this is by including it to the XML sitemaps on your web site.
Should you haven’t arrange sitemaps but, then comply with the directions in our article on add XML sitemaps in WordPress.
First, you’ll want to put in and activate the All in One SEO for WordPress plugin. For extra particulars, see our article on set up a WordPress plugin.
Upon activation, go to the All in One Web optimization » Sitemaps web page. Below the Common Settings web page, make it possible for the ‘Allow Sitemap’ toggle is turned on.
![AIOSEO sitemaps AIOSEO sitemaps](https://www.wpbeginner.com/wp-content/uploads/2018/05/aioseo-sitemaps.png)
![AIOSEO sitemaps AIOSEO sitemaps](https://www.wpbeginner.com/wp-content/uploads/2018/05/aioseo-sitemaps.png)
After that, scroll down somewhat to the Further Pages part.
Slide the toggle to activate this part after which enter your HTML web page or folder URL beneath the ‘Web page URL’ choice.
![Add page URL Add page URL](https://www.wpbeginner.com/wp-content/uploads/2018/05/addpageurl.png)
![Add page URL Add page URL](https://www.wpbeginner.com/wp-content/uploads/2018/05/addpageurl.png)
Click on on the ‘Add Web page’ button so as to add it.
After that, don’t neglect to click on on the ‘Save Adjustments’ button to retailer your settings.
All in One Web optimization will now embrace your customized HTML web page URL in your WordPress XML sitemaps. Engines like google will be capable of discover the URL and deal with it as another web page out of your web site.
We hope this text helped you discover ways to add an HTML web page to WordPress with out inflicting errors. You may additionally wish to see our WordPress Web optimization information to get extra visitors or check out our newbie’s information to WordPress velocity and efficiency.
Should you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can discover us on Twitter and Facebook.
Leave a comment