📚 Getting Started Guide

This walk-through takes you from an HTML file on your computer to a live page on your site. It uses a real example: Fernwood Fitness publishing a holiday bonus page at yoursite.com/h/holiday-bonus/. Allow about five minutes the first time.

Before you start:

Open your HTML file in a browser and check it looks right. If it is a single file, images should load from full web addresses that start with https:// and your CSS and JavaScript should sit inside the file. If your page comes with its own folders of images, CSS and JavaScript, you can upload the whole export as a ZIP instead. If you are not sure, read Preparing Your HTML: Images, CSS And Assets first.

Open the upload screen:

In your admin sidebar, click HTML Pages, then Upload HTML Page. You can also click the Upload HTML Page tab at the top of any plugin screen, Upload New HTML Page in the Dashboard's Quick Actions, or Upload Your First HTML Page on an empty Dashboard. The screen has an Add title box at the top, the Upload Your Page box in the middle, and the WordPress Publish box on the right.

Publish your first page:

1. Type a title at the top, for example Holiday Bonus Page. WordPress turns the title into the page address once you save, so Holiday Bonus Page becomes /h/holiday-bonus-page/. The title is for you and for the address. The name in the visitor's browser tab comes from the title tag inside your HTML.
2. In the Upload Your Page box, drag your file onto the area that says Drag & drop your .html file or .zip here, or click the area to browse for it.
3. A green tick appears with your file name and size, for example holiday-bonus.html (1.2 KB). That means the file is chosen and ready.
4. Click Publish. If you want to check it first, click Save Draft instead.
5. The page reloads with a green message at the top, such as Page file uploaded: holiday-bonus.html (1 KB).
6. The Upload Your Page box now shows Current file with the file name and size. For a ZIP it shows Current upload with the number of files. Once the page is published you also see a green Live URL bar with a Copy Link button.
7. Click Preview Page → to open your page in a new tab.

Shorten the address if you like:

Under the title, WordPress shows Permalink with an Edit button. Click Edit, type a shorter last part such as holiday-bonus, click OK and then Update. Fernwood Fitness did this, so the page lives at yoursite.com/h/holiday-bonus/. Do this before you share the link.

See it live:

Click Preview Page → or Copy Link and open the address in a private browser window. This is what a visitor sees: your page and nothing else.

That is it. Your page is live. Paste the copied link into your emails, ads or social posts.

Good to know:

• The file is only uploaded when you click Publish, Save Draft or Update. If you choose a file and leave the screen without saving, nothing is uploaded.
• The upload box only accepts files ending in .html, .htm or .zip. Anything else is refused before it uploads, with a reminder of what to choose.
• One page holds one upload: a single HTML file, or one ZIP. For a separate page at its own address, click Upload HTML Page again.
• Visitors only see published pages. Drafts, pending and private pages stay hidden from them, while you can still open them when you are signed in.
• You do not need to change your theme. Your page never uses it.
• The Page Code Injection boxes under the upload box are optional. Leave them empty for now. Code Injection explains them.

Find your pages later:

Click HTML Pages, then All HTML Pages. Every page is listed with its file, size, address, a Copy Link button and a View → link.

Before you share the link:

Run through this short list once for every new page:

1. Open the page in a private browser window, where you are not signed in. That is exactly what a visitor sees.
2. Click every button and link on it.
3. Check it on your phone.
4. If it has a form, send yourself a test sign-up.
5. Copy the address with Copy Link, not by typing it.

Your first ZIP instead:

If your page came as a folder with images, css and js folders, the steps are the same. Zip the folder on your computer, drop the .zip into the Upload Your Page box and click Publish. The message tells you how many files were unpacked and which page is the main page, for example ZIP uploaded: 7 files (5 KB). Main page: index.html. Uploading A ZIP Of A Full Page Or Funnel Export has the details.

Where to go next:

• Settings Explained, to change the address prefix or add tracking code to every page
• Editing, Replacing And Duplicating Pages
• Uploading A ZIP Of A Full Page Or Funnel Export
• Code Injection