# How to Make a Landing Page in WordPress Without a Builder URL: https://noonwp.com/journal/how-to-make-a-landing-page Type: blog Locale: en Published: 2026-10-13 Updated: 2026-10-13 --- > How to make a landing page in WordPress with the native block editor: one goal, a stripped-down template, five sections, a short form and a speed budget. Here is how to make a landing page in WordPress: build one page with one goal, strip it of the site header and footer, and assemble it from block patterns inside a block theme. A clean first version takes an afternoon. The part that decides whether it converts is not the tool you build it with, but what you leave off the page. This folio covers the build in the order a practitioner would do it: the goal, the template, the sections, the form, the speed budget, and the checks before launch. ## What makes a landing page different from any other page? A landing page has a single job. A visitor arrives from an ad, an email or a search result, and the page asks for exactly one action: sign up, book a call, download a file, buy. Everything else is a distraction. That includes your main menu, your sidebar, your blog feed and the footer with twenty links. On a normal page those help people explore. On a landing page they are exits. The benchmark worth knowing comes from Unbounce, whose [conversion benchmark report](https://unbounce.com/conversion-benchmark-report/) puts the median landing page conversion rate at 6.6% across industries. Treat it as a ceiling for sanity, not a promise. A page below 2% usually has a problem with the offer, the speed or the form, not with the colour of the button. Write the goal in one sentence before you open the editor. "Visitors from the March newsletter book a 20 minute audit call." If you cannot write that sentence, you are not ready to build. ## Which tool should you build it with? You have four honest options, and each fits a different kind of project. The native block editor with a block theme is the lightest. You get clean markup, no extra dependency, and patterns you can reuse on the next client site. It asks more of you in layout decisions. If you are weighing it against a visual builder, our [Gutenberg versus Elementor comparison](/journal/gutenberg-vs-elementor) puts numbers on the trade. A page builder gives you more visual control and a template library, at the cost of heavier output and a plugin you now depend on. Divi is the long-standing example, and it suits an agency that builds many pages and wants one familiar toolkit. An AI site generator scaffolds a whole page from a prompt. 10Web does this inside WordPress, and the draft it produces is a fair starting point. Expect to edit the copy and tidy the structure afterwards. We cover where that holds up in [AI for WordPress](/journal/ai-for-wordpress). A hosted landing page tool sits outside WordPress. Webflow is one such option, with strong visual control and its own hosting. Worth the cost if the page lives apart from your WordPress site. Skip it if the page must share your theme, your analytics and your domain structure. The rest of this guide uses the native editor, because it is the option that teaches you the most and costs the least. The steps translate to any builder. ## How do you set up the page and strip it down? Create the page under Pages, Add New. Give it a plain title that matches the offer, and set a short slug. A slug like /audit beats /landing-page-march-v2 every time. Now deal with the template. A block theme lets you assign a template per page, and a landing page wants one with no header, no footer and no title block. Many block themes ship a "Blank" or "Page without title" template. If yours does not, open the Site Editor, go to Templates, add a custom template, and build it from a single Post Content block. That one template is the most useful thing you will make in this project. Name it "Landing", and reuse it for every campaign page on the site. ![Pencil wireframe of a single-column page layout sketched in a notebook](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/64e908-wireframe.webp) Check the layout width in theme.json. Landing pages read best in a narrow column for text, with wide blocks reserved for the hero and the proof section. If your theme sets a content width and a wide width, use both deliberately: copy in the narrow column, images and columns in the wide one. Marginalia: the template assignment described here works on WordPress 6.5 and newer. Older block themes expose it in a different menu. ## What sections does the page actually need? Fewer than most templates suggest. A page that asks for one action needs a short sequence, and each section answers one question the visitor has. Build these in order, as patterns you can save and reuse: - A hero with the promise, one supporting line and the button. - Proof close to the top: a customer quote, a number, or recognisable client work. - The offer in three short points, written as outcomes. - The form or the second button. - A short answer block for the two objections you hear most. Use a Cover or Group block for the hero, with a Heading, one Paragraph and a Buttons block. Keep the headline to a promise a stranger can read in three seconds. Name the thing, name the result. Avoid cleverness that needs a second reading. Write the button label as the action itself: "Book the audit", "Download the checklist". Generic labels such as "Submit" cost you the context the headline built. If you work with an AI drafting tool, use it for the first version of the copy and for variants of the headline, then read every line yourself. It invents proof it does not have. Never let a generated testimonial or statistic reach the page unchecked, because a fabricated quote on a landing page is the fastest way to lose trust. Once a section works, select it and choose Create pattern in the block menu. Next campaign, you assemble the page from your own patterns in ten minutes instead of rebuilding it. ## How should the form be built? WordPress core has no form block, so this is the one place you need a plugin. Any maintained form plugin will do. What matters more is the shape of the form. Ask only for what you need to follow up. For a newsletter or a download, an email address is enough. For a call booking, add a name and one qualifying question at most. Every extra field costs you completions, and you can ask the rest after the first contact. Place the form where the decision is made. On a short page, that is right under the offer. On a longer page, repeat the button after the proof section and link it back to the same form. Then set up the part people forget: the thank-you state. Redirect to a short confirmation page, or show an inline message, that says what happens next and when. Add your analytics event there, so the conversion is counted at the confirmation and not at the click. Finally, test the form from a phone, with a real address, and confirm the email arrives. A landing page with a broken form is worse than no page, because it spends your ad budget and returns nothing. ## How fast does the page need to be? Faster than the rest of your site. Visitors from ads have no loyalty to you yet, and a slow first screen ends the visit before the headline is read. Google's guidance on [Largest Contentful Paint](https://web.dev/articles/lcp) treats 2.5 seconds or less as good. On a landing page, the largest element is usually the hero image or the headline block, so those are where to look first. ![Brass stopwatch resting on a stack of paper sheets, a metaphor for page load speed](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/80ee8a-speed.webp) A short checklist, in order of impact: - Compress the hero image and serve it in WebP, sized to the width it is shown at. - Do not lazy-load the first image on the page. Core avoids this for the image it expects above the fold, but confirm it in the rendered HTML, especially if a Cover block is involved. - Self-host one or two fonts and cut unused weights. A variable font replaces several files with one. - Load scripts only where needed. A form plugin that loads on every page should be limited to the page that holds the form. - Avoid sliders, auto-playing video and heavy animation above the fold. Measure before and after with PageSpeed Insights on the live URL, on mobile settings. Do it with caching enabled, as a visitor would see it. For the wider set of fixes, [how to speed up a WordPress site](/journal/how-to-speed-up-wordpress-site) ranks them by impact, and the [WordPress performance field audit](/journal/wordpress-performance-optimization-a-2026-field-audit) shows how to read the numbers. ## Does the page work on a phone and in your reader's language? Most ad and email traffic arrives on a phone, so design the narrow screen first and check the wide one second. Open the page on an actual device. Look at the button size, the spacing between tap targets, and whether the form opens the right keyboard for each field. Read the page in a mirrored layout if any of your audience reads right to left. Arabic and Hebrew readers expect the hero, the button and the form to flow from the right. Block themes with proper RTL stylesheets handle most of it, but test your spacing, your icon placement and your quote styling in the mirrored view. ![Calligraphy reed pen and ink pot on a wooden desk, evoking right-to-left page design](https://fdzlnqpwsaniezitwiuw.supabase.co/storage/v1/object/public/cms-media/noonwp/2026-10/b5c348-rtl.webp) Choose a typeface with real Arabic or Hebrew glyphs rather than a fallback. A page that looks polished in English and ragged in Arabic tells a whole audience the offer was not written for them. If you run two languages, build two separate landing pages with their own copy. Do not translate the headline word for word. A promise that works in one language often needs a different shape in the other. ## What should you check before you publish? Run through this list on the live page, logged out, in a private window: - The page has one goal and one primary button, repeated at most twice. - The header, footer and sidebar are gone. - The title, meta description and social image are set, and match the ad that sends people here. - The form submits, the thank-you state appears, and the conversion is tracked. - The page passes a mobile speed test and reads cleanly at 360 pixels wide. - Alt text is on every image, and the contrast of the button text is readable. Then decide whether the page should be indexed. A page built for a paid campaign can carry a noindex tag so it does not compete with your main pages. A page meant to rank belongs in the sitemap and deserves a proper search title. After launch, change one thing at a time. Rewrite the headline first, since it carries the most weight, and give each version enough visitors before you judge it. Two weeks of steady traffic tells you more than two days of excitement. ## What would we actually do? Start with the single-goal sentence, the Landing template and five sections. Skip the page builder until the native editor stops being enough. Spend your effort on the offer, the headline and the speed, because those move the number. Open the Site Editor, name the template Landing, and build the hero before anything else. ## FAQ ### Can I make a landing page in WordPress without a plugin? Yes, for everything except the form. A block theme, a blank page template and the native block editor are enough to build the page. WordPress core has no form block, so you need a form plugin to capture leads. ### What is the difference between a landing page and a homepage? A homepage helps visitors explore your site and offers many paths. A landing page has one goal and one main action, so it removes the menu, footer and other links that would pull people away from that action. ### How long does it take to make a landing page in WordPress? A focused first version takes about an afternoon once you have a landing template: a few hours for copy and sections, then time for the form, speed checks and mobile testing. Reusing saved patterns cuts later pages to under an hour. ### How many sections should a landing page have? Usually five: a hero with the promise and button, early proof, the offer in three short points, the form or second button, and a short block answering the top objections. Add more only if a real question needs answering. ### Do I need a page builder like Elementor or Divi? No. The native block editor handles most landing pages. A builder helps when you want a large template library or finer visual control, at the cost of heavier markup and a plugin dependency. ### What is a good conversion rate for a landing page? Unbounce reports a median of about 6.6% across industries. Results vary widely by offer and traffic source, so use it as a sanity check and compare your own page against your previous version.