How to Add an HTML Page in WordPress (3 Methods)

Sometimes you want a custom HTML page on your WordPress site, perhaps for a website design project like a landing page, a special offer, or a unique layout that does not rely on your theme. WordPress gives you several ways to do this, depending on whether you want to drop a snippet of code into a normal page or publish a fully standalone HTML file. This guide covers all of them, from the quickest in-editor method to uploading a file directly.

Quick answer: The fastest way to add HTML to a WordPress page is the Custom HTML block. Edit a page, click the plus icon, search for Custom HTML, paste your code, and publish. To add a complete standalone HTML file instead, upload it with a file manager plugin or by FTP and visit it at yourdomain.com/yourfile.html.

Where to find HTML in WordPress

By default the block editor hides raw HTML, which is why so many people cannot find it at first. There are three places to work with it. The Custom HTML block lets you add a snippet inside an otherwise normal page. The Code Editor view turns a whole page into editable code. And uploading an HTML file puts a fully standalone page on your server, outside the editor entirely. Which one you want depends on the job, so here are all four approaches in order of ease.

Why Add an HTML Page to WordPress?

Adding a custom HTML page can be a smart move when your standard theme templates feel too restrictive or when you need something built for a very specific purpose. Hand-coded pages give you full control over the layout, styling, and functionality, which is often exactly what’s needed for projects that sit slightly outside the usual blog or product page format.

Here are some of the most common reasons people choose to add a custom HTML page to their site:

• Standalone landing pages or sales pages designed to convert visitors without the distractions of your main navigation or sidebar
• Custom layouts that don’t fit your theme, particularly when you want a unique visual treatment for a campaign, event, or product launch
• Simple microsites or forms that need to live under your domain but operate independently from the rest of your content
• Embedding third-party widgets or tools such as booking systems, calculators, interactive maps, or specialised lead capture forms

The flexibility of working directly with HTML means you’re not boxed in by the limitations of page builders or theme settings. You can fine-tune everything from spacing and typography to scripts and tracking codes, which is especially valuable when performance and presentation really matter.

That said, custom HTML pages do come with a few considerations. They sit outside your usual theme updates, so styling needs to be maintained manually, and any integrations with plugins or dynamic content require a bit more thought. For business owners who would rather focus on running their company than troubleshooting code, having reliable WordPress support Ireland based can make all the difference. A good support partner can build, maintain, and update these custom pages so they continue to perform well long after they go live.

Used thoughtfully, a custom HTML page can be a powerful addition to your site, giving you a dedicated space to do something a little different while keeping everything under one roof.

Method 1: Add HTML with the Custom HTML block (easiest)

This is the quickest way to drop HTML into a page or post, and it is ideal for embeds, forms, buttons, or any small block of code.

1. Open the page or post you want to edit, or create a new one under Pages then Add New.
2. Click the plus icon to add a block.
3. Search for Custom HTML and select it.
4. Paste your HTML code into the block.
5. Click Preview to check it renders correctly, then Publish.

The Custom HTML block sits inside your normal page, so it keeps your theme, header, and footer around it. That makes it the right choice when you want code on a page rather than a separate standalone page.

Method 2: Add a full page of HTML using the Code Editor

If you want a whole page made of your own HTML while keeping everything inside WordPress, use the Code Editor view.

1. Go to your WordPress dashboard.
2. Navigate to Pages then Add New.
3. Click the three dots in the top right and choose Code Editor.
4. Paste your HTML code into the editor.
5. Click Publish.

Step 3: Switch the block editor to the HTML view (click the three dots and choose “Code Editor”).

Now you have a fully functional page with your custom HTML content, managed inside WordPress.

Method 3: Upload an HTML file to WordPress

If you already have a fully coded HTML file and want it to live as a standalone page, upload the file directly. There are two ways to do this, one easy and one for the more technical.

Using a file manager plugin (easiest)

A plugin such as WP File Manager lets you upload and manage HTML files from inside your dashboard, with no FTP needed.

1. Install and activate WP File Manager from Plugins then Add New.
2. Open the plugin and navigate to your WordPress root or the public_html folder.
3. Upload your HTML file, for example custom-page.html.
4. Visit it at yourdomain.com/custom-page.html.

• WP File Manager – Lets you upload and manage HTML files without needing FTP access.

These plugins can be especially helpful for beginners or teams managing multiple bits of custom code.

Using FTP or cPanel File Manager (advanced)

1. Connect to your site with an FTP client such as FileZilla, or open File Manager in cPanel.
2. Navigate to the public_html or WordPress root directory.
3. Upload your HTML file.
4. Visit it at yourdomain.com/yourfile.html.

Note: A standalone HTML file is not managed by WordPress, so it will not include your theme or plugins unless you add that markup into the file yourself.

Method 4: Use a plugin to add and reuse HTML snippets

If you plan to reuse the same code across several pages, a snippet plugin saves repeating yourself.

• Insert HTML Snippet lets you save HTML once and drop it anywhere with a shortcode, which is handy for things like tracking codes or repeated banners.
• WP File Manager also covers uploading and managing HTML files without FTP, as in Method 3.

[Screenshot here. Suggested alt text: “Adding reusable HTML with a snippet plugin in WordPress”]

Snippet plugins are especially useful for beginners or teams managing several pieces of custom code in one place.

How to access your HTML page

How you reach the page depends on the method you used.

• Uploaded file: visit yourdomain.com/filename.html
• WordPress page: open it like any other page from your menu or permalink
• Snippet plugin: use the shortcode or route the plugin provides

Tips for better HTML pages

• Use responsive design so your HTML page looks right on mobile as well as desktop.
• Add a link back to your main site so visitors are not stranded on a standalone page.
• Keep file names short and lowercase, like offer.html.
• Host any images or CSS the page uses in your Media Library or alongside the HTML file.
• Serve the page over https so browsers do not flag it as insecure.
• Add descriptive alt text to images, which helps both accessibility and search.

Frequently asked questions

Where is the HTML editor in WordPress?

It is in the block editor, but hidden by default. Use the Custom HTML block for a snippet, or click the three dots in the top right and choose Code Editor to edit a whole page as code.

Can you use HTML in WordPress?

Yes. You can add HTML inside any page or post with the Custom HTML block or the Code Editor, and you can also upload complete standalone HTML files to your server.

Can you upload an HTML file to WordPress?

Yes. The easiest way is a file manager plugin such as WP File Manager, or you can upload the file by FTP or cPanel. Once uploaded, it is available at yourdomain.com/yourfile.html.

How do I add HTML without changing my theme?

Use the Custom HTML block within a page, or upload a standalone HTML file. Both let you add custom code without editing your theme files, so your existing design stays untouched.

How do I upload a Google HTML verification file to WordPress?

Upload the verification file Google gives you to your WordPress root folder using a file manager plugin or FTP, then confirm it loads at yourdomain.com/the-file-name.html before verifying in Google.

How do I embed HTML from another site?

Paste the embed code into a Custom HTML block. If the code includes scripts, test it carefully, since some third-party embeds need specific placement to work correctly.

Will custom HTML affect my site speed or SEO?

It can if the code is heavy or loads large external scripts. Keep your HTML lean, host images locally where you can, and check the page speed after publishing.

Need a hand managing your WordPress site? Get expert WordPress support, or read our WordPress website design services.