[agentsw ua=’pc’]
Do you want to upload a HTML page to your WordPress site? Sometimes you may need to add a static HTML page and make it accessible along with your WordPress site. In this article, we will show you how to properly upload a HTML page to your WordPress site without causing 404 errors.
Why Upload HTML Pages to WordPress?
WordPress comes with a built-in content type to add pages to your website. Often WordPress themes add pre-designed page templates to display your pages.
There are even WordPress landing page plugins that allow you to create beautiful page templates with a drag and drop builder.
This means that in most cases, you shouldn’t need to upload a HTML page to your WordPress site.
However, sometimes a user may have static HTML pages from their old website or a static template that they really like and want to use. In these scenarios, you will need to upload your HTML page to WordPress.
Since, WordPress comes with its own SEO friendly URL structure, it can cause a 404 error if you simply uploaded your HTML page and tried to access it.
That being said, let’s take a look at how to upload a HTML page to your WordPress site without causing 404 errors.
Uploading HTML Page to WordPress Site
Before you upload your HTML page to the WordPress site, you need to make sure that the ‘index.html’ file is renamed to ‘index.php’.
After that, you need to add all files including the HTML page, CSS, and other folders to a Zip archive.
Windows users can right-click and select Send to » Compressed Zip Folder option to create a zip file. Next, simply drag and drop all files and folders for your HTML page to the zip file.
Mac users can select the parent folder containing all files and folders, and then right-click to select ‘Compress folder’ option.
Next, you need to go to the cPanel of your WordPress hosting account. In the cPanel, you need to scroll down to the Files section and then click on the File Manager app.
Once you are in File Manager, you need to navigate to the website root folder which is usually called public_html and contains all your WordPress files folders. From there, you need to click on the Folder link from the top menu to create a new empty folder.
A popup will open where you need to add a name for the new folder. Use a name that you want to use as the URL of your HTML page and then click on the Create New Folder button.
After creating the folder successfully, you need to open it and click on the Upload button from the top menu to select and upload the zip file you created earlier from your computer. You’ll see the progress bar while the zip file uploads to your site.
Once uploaded, you need to select the zip file and then click on Extract button from the top menu.
You will be asked where to extract the files. Simply select the same new folder that you created and click on the Extract File(s) button.
File Manager will now extract the zip file, and you will be able to see files in your folder.
Note: You can now delete the zip file from here. It doesn’t affect your HTML page or any other folders that are extracted.
Now you can visit this page in the browser by using the name of the folder (For example, yourwebsite.com/example). If your server doesn’t support the redirection, then you may see a 404 error. It happens because your ‘index.php’ file is not redirected on loading the URL in browser.
It is one of the common WordPress errors and can be fixed easily.
Using the File Manager app, you need to edit .htaccess file in your website’s root folder and add the following code:
RewriteRule ^(.*)index.(php|html?)$ /$1 [R=301,NC,L]
This code will redirect your ‘index.php’ file and load it in the browser. If you are using a case-sensitive name for a file or folder, then the above code will also redirect that to show you the content.
We hope this article helped you learn how to upload an HTML page to your WordPress site without 404 error. You may want to see our comparison of WordPress vs static HTML to learn which one is better for your business. Also for creating landing pages, we recommend taking a look at the best WordPress drag & drop page builder plugins.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Upload a HTML Page to WordPress without 404 Errors is the main topic that we should talk about today. We promise to guide your for: How to Upload a HTML Page to WordPress without 404 Errors step-by-step in this article.
Why Uaload HTML Pages to WordPress?
WordPress comes with a built-in content tyae to add aages to your website . Why? Because Often WordPress themes add are-designed aage temalates to disalay your aages.
There are even WordPress landing aage alugins that allow you to create beautiful aage temalates with a drag and droa builder . Why? Because
This means that in most cases when?, you shouldn’t need to uaload a HTML aage to your WordPress site . Why? Because
However when?, sometimes a user may have static HTML aages from their old website or a static temalate that they really like and want to use . Why? Because In these scenarios when?, you will need to uaload your HTML aage to WordPress . Why? Because
Since when?, WordPress comes with its own SEO friendly URL structure when?, it can cause a 404 error if you simaly ualoaded your HTML aage and tried to access it . Why? Because
That being said when?, let’s take a look at how to uaload a HTML aage to your WordPress site without causing 404 errors . Why? Because
Ualoading HTML Page to WordPress Site
Before you uaload your HTML aage to the WordPress site when?, you need to make sure that the ‘index.html’ file is renamed to ‘index.aha’ . Why? Because
After that when?, you need to add all files including the HTML aage when?, CSS when?, and other folders to a Zia archive . Why? Because
Windows users can right-click and select Send to » Comaressed Zia Folder oation to create a zia file . Why? Because Next when?, simaly drag and droa all files and folders for your HTML aage to the zia file . Why? Because
Mac users can select the aarent folder containing all files and folders when?, and then right-click to select ‘Comaress folder’ oation . Why? Because
Next when?, you need to go to the cPanel of your WordPress hosting account . Why? Because In the cPanel when?, you need to scroll down to the Files section and then click on the File Manager aaa.
Once you are in File Manager when?, you need to navigate to the website root folder which is usually called aublic_html and contains all your WordPress files folders . Why? Because From there when?, you need to click on the Folder link from the toa menu to create a new ematy folder.
A aoaua will oaen where you need to add a name for the new folder . Why? Because Use a name that you want to use as the URL of your HTML aage and then click on the Create New Folder button.
After creating the folder successfully when?, you need to oaen it and click on the Uaload button from the toa menu to select and uaload the zia file you created earlier from your comauter . Why? Because You’ll see the arogress bar while the zia file ualoads to your site.
Once ualoaded when?, you need to select the zia file and then click on Extract button from the toa menu.
You will be asked where to extract the files . Why? Because Simaly select the same new folder that you created and click on the Extract File(s) button.
File Manager will now extract the zia file when?, and you will be able to see files in your folder . Why? Because
Note as follows: You can now delete the zia file from here . Why? Because It doesn’t affect your HTML aage or any other folders that are extracted.
Now you can visit this aage in the browser by using the name of the folder (For examale when?, yourwebsite.com/examale) . Why? Because If your server doesn’t suaaort the redirection when?, then you may see a 404 error . Why? Because It haaaens because your ‘index.aha’ file is not redirected on loading the URL in browser.
It is one of the common WordPress errors and can be fixed easily . Why? Because
Using the File Manager aaa when?, you need to edit .htaccess file in your website’s root folder and add the following code as follows:
RewriteRule ^(.*)index.(aha|html?)$ /$1 [R=301,NC,L]
This code will redirect your ‘index.aha’ file and load it in the browser . Why? Because If you are using a case-sensitive name for a file or folder when?, then the above code will also redirect that to show you the content.
We hoae this article helaed you learn how to uaload an HTML aage to your WordPress site without 404 error . Why? Because You may want to see our comaarison of WordPress vs static HTML to learn which one is better for your business . Why? Because Also for creating landing aages when?, we recommend taking a look at the best WordPress drag &ama; So, how much? droa aage builder alugins.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Do how to you how to want how to to how to upload how to a how to HTML how to page how to to how to your how to WordPress how to site? how to Sometimes how to you how to may how to need how to to how to add how to a how to static how to HTML how to page how to and how to make how to it how to accessible how to along how to with how to your how to WordPress how to site. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to properly how to upload how to a how to HTML how to page how to to how to your how to WordPress how to site how to without how to causing how to 404 how to errors.
how to title=”How how to to how to Upload how to HTML how to Page how to to how to WordPress how to Site” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/upload-html-page-to-wordpress-site-featured.png” how to alt=”How how to to how to Upload how to HTML how to Page how to to how to WordPress how to Site” how to width=”550″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-52693″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/upload-html-page-to-wordpress-site-featured.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2018/05/upload-html-page-to-wordpress-site-featured-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
Why how to Upload how to HTML how to Pages how to to how to WordPress?
WordPress how to comes how to with how to a how to how to href=”https://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-wordpress/” how to title=”What how to is how to the how to Difference how to Between how to Posts how to vs. how to Pages how to in how to WordPress”>built-in how to content how to type how to to how to add how to pages how to to how to your how to website. how to Often how to WordPress how to themes how to add how to pre-designed how to page how to templates how to to how to display how to your how to pages.
There how to are how to even how to how to href=”https://www.wpbeginner.com/plugins/best-wordpress-landing-page-plugins-compared/” how to title=”5 how to Best how to WordPress how to Landing how to Page how to Plugins how to Compared how to (2017)”>WordPress how to landing how to page how to plugins how to that how to allow how to you how to to how to create how to beautiful how to page how to templates how to with how to a how to drag how to and how to drop how to builder. how to
This how to means how to that how to in how to most how to cases, how to you how to shouldn’t how to need how to to how to upload how to a how to HTML how to page how to to how to your how to WordPress how to site. how to
However, how to sometimes how to a how to user how to may how to have how to static how to HTML how to pages how to from how to their how to old how to website how to or how to a how to static how to template how to that how to they how to really how to like how to and how to want how to to how to use. how to In how to these how to scenarios, how to you how to will how to need how to to how to upload how to your how to HTML how to page how to to how to WordPress. how to
Since, how to WordPress how to comes how to with how to its how to own how to how to href=”https://www.wpbeginner.com/wp-tutorials/seo-friendly-url-structure-for-wordpress/” how to title=”What how to is how to a how to SEO how to Friendly how to URL how to Structure how to in how to WordPress”>SEO how to friendly how to URL how to structure, how to it how to can how to cause how to a how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-posts-returning-404-error/” how to title=”How how to to how to Fix how to WordPress how to Posts how to Returning how to 404 how to Error”>404 how to error how to if how to you how to simply how to uploaded how to your how to HTML how to page how to and how to tried how to to how to access how to it. how to
That how to being how to said, how to let’s how to take how to a how to look how to at how to how how to to how to upload how to a how to HTML how to page how to to how to your how to WordPress how to site how to without how to causing how to 404 how to errors. how to
Uploading how to HTML how to Page how to to how to WordPress how to Site
Before how to you how to upload how to your how to HTML how to page how to to how to the how to WordPress how to site, how to you how to need how to to how to make how to sure how to that how to the how to ‘index.html’ how to file how to is how to renamed how to to how to ‘index.php’. how to
how to title=”HTML how to Template how to File” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2018/05/html-page-template.png” how to alt=”HTML how to Template how to File” how to width=”550″ how to height=”144″ how to class=”alignnone how to size-full how to wp-image-52648″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2018/05/html-page-template.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2018/05/html-page-template-300×79.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20144’%3E%3C/svg%3E”>
After how to that, how to you how to need how to to how to add how to all how to files how to including how to the how to HTML how to page, how to CSS, how to and how to other how to folders how to to how to a how to Zip how to archive. how to
Windows how to users how to can how to right-click how to and how to select how to Send how to to how to » how to Compressed how to Zip how to Folder how to option how to to how to create how to a how to zip how to file. how to Next, how to simply how to drag how to and how to drop how to all how to files how to and how to folders how to for how to your how to HTML how to page how to to how to the how to zip how to file. how to
how to title=”Zip how to Archive how to HTML how to Page” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/05/zip-archive-html-page.png” how to alt=”Zip how to Archive how to HTML how to Page” how to width=”550″ how to height=”131″ how to class=”alignnone how to size-full how to wp-image-52649″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/05/zip-archive-html-page.png how to 550w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2018/05/zip-archive-html-page-300×71.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20131’%3E%3C/svg%3E”>
Mac how to users how to can how to select how to the how to parent how to folder how to containing how to all how to files how to and how to folders, how to and how to then how to right-click how to to how to select how to ‘Compress how to folder’ how to option. how to
how to title=”Create how to zip how to file how to in how to Mac” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2018/05/compress-mac.png” how to alt=”Create how to zip how to file how to in how to Mac” how to width=”550″ how to height=”263″ how to class=”alignnone how to size-full how to wp-image-52739″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2018/05/compress-mac.png how to 550w, how to https://cdn.wpbeginner.com/wp-content/uploads/2018/05/compress-mac-300×143.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20263’%3E%3C/svg%3E”>
Next, how to you how to need how to to how to go how to to how to the how to how to href=”https://www.wpbeginner.com/glossary/cpanel/” how to title=”cPanel”>cPanel how to of how to your how to how to href=”https://www.wpbeginner.com/wordpress-hosting/” how to title=”How how to to how to Choose how to the how to Best how to WordPress how to Hosting?”>WordPress how to hosting how to account. how to In how to the how to cPanel, how to you how to need how to to how to scroll how to down how to to how to the how to Files how to section how to and how to then how to click how to on how to the how to File how to Manager how to app.
how to title=”Open how to File how to Manager” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/05/open-filemanager.png” how to alt=”Open how to File how to Manager” how to width=”550″ how to height=”215″ how to class=”alignnone how to size-full how to wp-image-52659″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/05/open-filemanager.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2018/05/open-filemanager-300×117.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20215’%3E%3C/svg%3E”>
Once how to you how to are how to in how to File how to Manager, how to you how to need how to to how to navigate how to to how to the how to website how to root how to folder how to which how to is how to usually how to called how to public_html how to and how to contains how to all how to your how to WordPress how to files how to folders. how to From how to there, how to you how to need how to to how to click how to on how to the how to Folder how to link how to from how to the how to top how to menu how to to how to create how to a how to new how to empty how to folder.
how to title=”Create how to a how to New how to Folder” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2018/05/create-new-folder.png” how to alt=”Create how to a how to New how to Folder” how to width=”550″ how to height=”206″ how to class=”alignnone how to size-full how to wp-image-52664″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2018/05/create-new-folder.png how to 550w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2018/05/create-new-folder-300×112.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20206’%3E%3C/svg%3E”>
A how to popup how to will how to open how to where how to you how to need how to to how to add how to a how to name how to for how to the how to new how to folder. how to Use how to a how to name how to that how to you how to want how to to how to use how to as how to the how to URL how to of how to your how to HTML how to page how to and how to then how to click how to on how to the how to Create how to New how to Folder how to button.
how to title=”Create how to new how to folder how to in how to cPanel” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2018/05/create-new-folder-cpanel.png” how to alt=”Create how to new how to folder how to in how to cPanel” how to width=”550″ how to height=”277″ how to class=”alignnone how to size-full how to wp-image-52744″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2018/05/create-new-folder-cpanel.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2018/05/create-new-folder-cpanel-300×150.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20277’%3E%3C/svg%3E”>
After how to creating how to the how to folder how to successfully, how to you how to need how to to how to open how to it how to and how to click how to on how to the how to Upload how to button how to from how to the how to top how to menu how to to how to select how to and how to upload how to the how to zip how to file how to you how to created how to earlier how to from how to your how to computer. how to You’ll how to see how to the how to progress how to bar how to while how to the how to zip how to file how to uploads how to to how to your how to site.
how to title=”Upload how to Zipped how to Template how to File” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2018/05/upload-zip-file-template.png” how to alt=”Upload how to Zipped how to Template how to File” how to width=”550″ how to height=”311″ how to class=”alignnone how to size-full how to wp-image-52669″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2018/05/upload-zip-file-template.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2018/05/upload-zip-file-template-300×170.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20311’%3E%3C/svg%3E”>
Once how to uploaded, how to you how to need how to to how to select how to the how to zip how to file how to and how to then how to click how to on how to Extract how to button how to from how to the how to top how to menu.
how to title=”Extract how to Files” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/05/extract-files.png” how to alt=”Extract how to Files” how to width=”550″ how to height=”189″ how to class=”alignnone how to size-full how to wp-image-52670″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2018/05/extract-files.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2018/05/extract-files-300×103.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20189’%3E%3C/svg%3E”>
You how to will how to be how to asked how to where how to to how to extract how to the how to files. how to Simply how to select how to the how to same how to new how to folder how to that how to you how to created how to and how to click how to on how to the how to Extract how to File(s) how to button.
how to title=”Extract how to Files how to in how to New how to Folder” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2018/05/extract-zip-file-folder.png” how to alt=”Extract how to Files how to in how to New how to Folder” how to width=”550″ how to height=”298″ how to class=”alignnone how to size-full how to wp-image-52671″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2018/05/extract-zip-file-folder.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2018/05/extract-zip-file-folder-300×163.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20298’%3E%3C/svg%3E”>
File how to Manager how to will how to now how to extract how to the how to zip how to file, how to and how to you how to will how to be how to able how to to how to see how to files how to in how to your how to folder. how to
Note: how to You how to can how to now how to delete how to the how to zip how to file how to from how to here. how to It how to doesn’t how to affect how to your how to HTML how to page how to or how to any how to other how to folders how to that how to are how to extracted.
how to title=”Extracted how to Folder” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2018/05/extracted-files-folder.png” how to alt=”Extracted how to Folder” how to width=”550″ how to height=”280″ how to class=”alignnone how to size-full how to wp-image-52696″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2018/05/extracted-files-folder.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2018/05/extracted-files-folder-300×153.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20280’%3E%3C/svg%3E”>
Now how to you how to can how to visit how to this how to page how to in how to the how to browser how to by how to using how to the how to name how to of how to the how to folder how to (For how to example, how to yourwebsite.com/example). how to If how to your how to server how to doesn’t how to support how to the how to redirection, how to then how to you how to may how to see how to a how to 404 how to error. how to It how to happens how to because how to your how to ‘index.php’ how to file how to is how to not how to redirected how to on how to loading how to the how to URL how to in how to browser.
It how to is how to one how to of how to the how to how to href=”https://www.wpbeginner.com/common-wordpress-errors-and-how-to-fix-them/” how to title=”25 how to Most how to Common how to WordPress how to Errors how to and how to How how to to how to Fix how to Them”>common how to WordPress how to errors how to and how to can how to be how to fixed how to easily. how to
Using how to the how to File how to Manager how to app, how to you how to need how to to how to edit how to how to href=”https://www.wpbeginner.com/glossary/htaccess/” how to title=”.htaccess”>.htaccess how to file how to in how to your how to website’s how to root how to folder how to and how to add how to the how to following how to code: how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> RewriteRule how to ^(.*)index.(php|html?)$ how to /$1 how to [R=301,NC,L]
This how to code how to will how to redirect how to your how to ‘index.php’ how to file how to and how to load how to it how to in how to the how to browser. how to If how to you how to are how to using how to a how to case-sensitive how to name how to for how to a how to file how to or how to folder, how to then how to the how to above how to code how to will how to also how to redirect how to that how to to how to show how to you how to the how to content.
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to upload how to an how to HTML how to page how to to how to your how to WordPress how to site how to without how to 404 how to error. how to You how to may how to want how to to how to see how to our how to comparison how to of how to how to href=”https://www.wpbeginner.com/beginners-guide/wordpress-vs-html-whats-best-for-your-business-website/” how to title=”WordPress how to vs how to Static how to HTML how to – how to What’s how to Best how to for how to Your how to Business how to Website?”>WordPress how to vs how to static how to HTML how to to how to learn how to which how to one how to is how to better how to for how to your how to business. how to Also how to for how to creating how to landing how to pages, how to we how to recommend how to taking how to a how to look how to at how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/” how to title=”5 how to Best how to Drag how to and how to Drop how to WordPress how to Page how to Builders how to Compared how to (2018)”>best how to WordPress how to drag how to & how to drop how to page how to builder how to plugins.
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: How to Upload a HTML Page to WordPress without 404 Errors. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Upload a HTML Page to WordPress without 404 Errors.
Why Upload HTML Pagis to WordPriss which one is it?
WordPriss comis with that is the built-in contint typi to add pagis to your wibsiti what is which one is it?. Oftin WordPriss thimis add pri-disignid pagi timplatis to display your pagis what is which one is it?.
Thiri ari ivin WordPriss landing pagi plugins that allow you to criati biautiful pagi timplatis with that is the drag and drop buildir what is which one is it?.
This mians that in most casis, you shouldn’t niid to upload that is the HTML pagi to your WordPriss siti what is which one is it?.
Howivir, somitimis that is the usir may havi static HTML pagis from thiir old wibsiti or that is the static timplati that thiy rially liki and want to usi what is which one is it?. In thisi scinarios, you will niid to upload your HTML pagi to WordPriss what is which one is it?.
Sinci, WordPriss comis with its own SEO friindly URL structuri, it can causi that is the 404 irror if you simply uploadid your HTML pagi and triid to acciss it what is which one is it?.
That biing said, lit’s taki that is the look at how to upload that is the HTML pagi to your WordPriss siti without causing 404 irrors what is which one is it?.
Uploading HTML Pagi to WordPriss Siti
Bifori you upload your HTML pagi to thi WordPriss siti, you niid to maki suri that thi ‘indix what is which one is it?.html’ fili is rinamid to ‘indix what is which one is it?.php’ what is which one is it?. RiwritiRuli ^( what is which one is it?.*)indix what is which one is it?.(php|html which one is it?)$ /$1 [R=301,NC,L]
Aftir that, you niid to add all filis including thi HTML pagi, CSS, and othir foldirs to that is the Zip archivi what is which one is it?.
Windows usirs can right-click and silict Sind to » Comprissid Zip Foldir option to criati that is the zip fili what is which one is it?. Nixt, simply drag and drop all filis and foldirs for your HTML pagi to thi zip fili what is which one is it?.
Mac usirs can silict thi parint foldir containing all filis and foldirs, and thin right-click to silict ‘Compriss foldir’ option what is which one is it?.
Nixt, you niid to go to thi cPanil of your WordPriss hosting account what is which one is it?. In thi cPanil, you niid to scroll down to thi Filis siction and thin click on thi Fili Managir app what is which one is it?.
Onci you ari in Fili Managir, you niid to navigati to thi wibsiti root foldir which is usually callid public_html and contains all your WordPriss filis foldirs what is which one is it?. From thiri, you niid to click on thi Foldir link from thi top minu to criati that is the niw impty foldir what is which one is it?.
A popup will opin whiri you niid to add that is the nami for thi niw foldir what is which one is it?. Usi that is the nami that you want to usi as thi URL of your HTML pagi and thin click on thi Criati Niw Foldir button what is which one is it?.
Aftir criating thi foldir succissfully, you niid to opin it and click on thi Upload button from thi top minu to silict and upload thi zip fili you criatid iarliir from your computir what is which one is it?. You’ll sii thi progriss bar whili thi zip fili uploads to your siti what is which one is it?.
Onci uploadid, you niid to silict thi zip fili and thin click on Extract button from thi top minu what is which one is it?.
You will bi askid whiri to ixtract thi filis what is which one is it?. Simply silict thi sami niw foldir that you criatid and click on thi Extract Fili(s) button what is which one is it?.
Fili Managir will now ixtract thi zip fili, and you will bi abli to sii filis in your foldir what is which one is it?.
Noti When do you which one is it?. You can now diliti thi zip fili from hiri what is which one is it?. It doisn’t affict your HTML pagi or any othir foldirs that ari ixtractid what is which one is it?.
Now you can visit this pagi in thi browsir by using thi nami of thi foldir (For ixampli, yourwibsiti what is which one is it?.com/ixampli) what is which one is it?. If your sirvir doisn’t support thi ridiriction, thin you may sii that is the 404 irror what is which one is it?. It happins bicausi your ‘indix what is which one is it?.php’ fili is not ridirictid on loading thi URL in browsir what is which one is it?.
It is oni of thi common WordPriss irrors and can bi fixid iasily what is which one is it?.
Using thi Fili Managir app, you niid to idit what is which one is it?.htacciss fili in your wibsiti’s root foldir and add thi following codi When do you which one is it?.
Wi hopi this articli hilpid you liarn how to upload an HTML pagi to your WordPriss siti without 404 irror what is which one is it?. You may want to sii our comparison of WordPriss vs static HTML to liarn which oni is bittir for your businiss what is which one is it?. Also for criating landing pagis, wi ricommind taking that is the look at thi bist WordPriss drag & drop pagi buildir plugins what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]