Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

wie man eine Landing Page in Wordpress erstellt

How to Create a Landing Page in WordPress (Without Code) 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: reviewer avatar Turner John
reviewer avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Back in 2013, I wanted to create a simple landing page for my first WordPress website. But every tutorial I found involved writing code, which always looked like gibberish to me. I knew there had to be an easier way.

Fast-forward to today, and I’ve helped thousands of WordPress users build landing pages (through tutorials just like this) without ever touching code. And with modern WordPress tools, you can create one in under 30 minutes, even if you’re a beginner.

In this guide, I’ll walk you through my favorite no-code method to create landing pages in WordPress. I’ll show you exactly which tools to use and share simple steps that anyone can follow.

How to Create a Landing Page in WordPress:

Benefits of a WordPress Landing Page

 I build landing pages in WordPress every day, so I can tell you from experience why they’re so good at getting results. Here’s what I’ve learned from creating hundreds of pages for both SeedProd and my own projects.

Unlike your homepage, which needs to serve many purposes, a landing page has one specific job. I’ve seen this make a real difference in how visitors interact with your page.

Here’s what I’ve found makes landing pages so effective:

Landing page example made in SeedProd
  • Higher Conversion Rates: I test this daily. When visitors land on a page with one clear action to take, they’re more likely to take it. In fact, every time I remove navigation menus and sidebars from a landing page, I see more people focusing on the signup form or buy button.
  • Design Control: I use SeedProd’s landing page builder to design pages that match what each campaign needs. Just recently, I created a webinar registration page with custom colors, fonts, and layouts that wouldn’t be possible with a regular WordPress theme.
  • Perfect for Temporary Campaigns: I often create landing pages for limited-time offers because they’re so easy to manage. When I run a sale or special promotion, I can publish the page when it starts and remove it when it ends, all without touching my main website navigation.
  • Better Analytics: One of my favorite things about standalone landing pages is tracking exactly how they perform. Each time I launch a new page, I can see precisely how many people visit and take action, helping me improve future pages.

None of this is theory, either. I use landing pages every day to collect leads, promote events, and launch products. They’re the most reliable tool I’ve found for focusing visitors’ attention on what matters most, your offer.

If you need ideas, here are some great landing page examples to give you some inspiration.

Now, let’s see how you can easily make a landing page in WordPress.

What is a landing page?
A landing page is a single web page that people visit after clicking a link in an ad or email. Its main purpose is to get leads, increase sales, test interest in a product, or offer content like e-books. Unlike regular web pages, landing pages focus on one campaign goal and aren’t in the website’s main menu.
Warum WordPress für die Erstellung einer Landing Page verwenden?
Creating a landing page with WordPress is popular because it’s a widely used platform, running over 43% of all websites. It’s flexible and easy to use, great for making various types of websites.

Plus, there are many plugins, including page builders, that help create landing pages easily. These page builders are user-friendly and don’t require coding skills. They let beginners make effective landing pages without needing a developer.
What’s the easiest way to build a WordPress landing page?
One of the easiest ways to build a WordPress landing page include using a landing page builder or plugin. Some of the most popular options are SeedProd, Thrive Architect, and Divi.

How to Create a Landing Page in WordPress with SeedProd

While you don’t technically need a WordPress landing page plugin to build your page, using one is always my first choice. They’re easy to use, don’t require any coding skills, and allow you to spin up a page in minutes.

I also always use SeedProd instead of the other options available. Let’s look at why.

SeedProd Drag and Drop WordPress Website-Baukasten

First off, SeedProd is fast. Really fast. Independent tests show SeedProd pages loading in under a second, which is crucial because slow pages lose visitors and sales. This speed advantage gives you a head start.

But SeedProd is more than just fast. It’s also packed with tools to boost your conversions. Features like countdown timers (proven to be effective – one company saw a 300% increase in conversions using them) are built-in and ready to go.

And the best part? Building your pages is incredibly easy. You don’t need any coding skills. The drag-and-drop system and pre-built templates make designing a professional-looking landing page (or even a whole website) a breeze.

custom WordPress website made using SeedProd

I built my entire site with SeedProd without writing a single line of code.

So, let’s jump right into the steps for using SeedProd to create a landing page in WordPress:

Schritt 1. SeedProd Landing Page Plugin installieren

Click here to get started with SeedProd and quickly download the plugin. In just a few clicks, you’ll have it installed on your WordPress site.

If you’d like a walkthrough, we have a guide on installing SeedProd.

✏️ Note

While there’s a free version available, this tutorial will focus on the Pro version, which provides access to advanced features like premium templates and powerful integrations.

After activating the plugin, navigate to SeedProd » Landing Pages from your WordPress dashboard and click the Add New Landing Page button.

neue Landing Page SeedProd hinzufügen

Schritt 2. Wählen Sie eine Landing Page-Vorlage

On the next page, you can choose a landing page template to jumpstart your design process. Whether you need a landing page for sales, lead generation, webinar registrations, or a custom project, there’s a template to match your goals.

Wählen Sie eine WordPress-Landingpage-Vorlage

These fully customizable templates eliminate the need for design experience, allowing you to create a professional-looking landing page with ease.

Alternativ können Sie auch die leere Vorlage auswählen, um Ihre eigene Seite im visuellen Editor zu erstellen und zu gestalten.

Für dieses Tutorial wähle ich die Vorlage Newsletter Squeeze Page. Um sie zu verwenden, fahren Sie mit der Maus über die Vorlage und klicken Sie auf das Häkchensymbol.

Wählen und starten Sie Ihre Landing Page-Vorlage

Daraufhin erscheint ein Popup-Fenster, in dem Sie Ihrer Seite einen Namen und eine benutzerdefinierte URL geben können. Klicken Sie dann auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen, um Ihre Vorlage in den Drag-and-Drop-Builder zu laden.

Geben Sie Ihrer Wordpress-Seite einen Namen und eine eigene URL

Step 3. Customize Your Landing Page Template

After creating your new page, you’ll see the visual drag-and-drop page builder. This makes it simple to customize your landing page’s layout and content.

Drag and drop elements like headlines, images, buttons, and more directly onto the page. No coding required.

Passen Sie Ihre WordPress-Seite mit dem visuellen Drag & Drop Page Builder an

You’ll find various blocks in the sidebar, each with customizable options to match your brand.

Wenn Sie z. B. auf den Block Schaltfläche klicken, um die Einstellungen zu öffnen, sehen Sie verschiedene Vorlagenstile, Farben, Farbverläufe und Umrisse.

Wählen Sie Vorlagen für die Inhaltselemente auf Ihrer Landing Page in WordPress

The Advanced tab also allows you to change the block’s content, size, alignment, color, and typography.

Need to boost conversions? The Advanced blocks have you covered, with options for lead generation forms, countdown timers, testimonials, and more.

Hinzufügen von konversionsorientierten Landing Page-Blöcken in WordPress

To learn how to add some of these features, check out the following tutorials:

Adding Landing Page Sections

Want to create entire sections quickly? SeedProd offers pre-made layouts for headers, hero areas, FAQs, and more, giving you a head start on your design. 

SeedProd WordPress Landing Page Abschnitte

Um einen Abschnitt zu Ihrer Landing Page hinzuzufügen, fahren Sie mit der Maus über ein Beispiel und klicken Sie auf das Pluszeichen +.

einen neuen Landing Page-Bereich hinzufügen

SeedProd fügt dann den Abschnitt in Ihre Seite ein. Sie können dann auf die Elemente klicken und sie bearbeiten, wie Sie es mit den Blöcken tun würden.

Passen Sie die Abschnitte Ihrer WordPress-Landing-Page an

Customizing Global Styling Options

To maintain a consistent look and feel across your landing page, use the global styling options to easily control colors, fonts, and background images.

Globale WordPress Landing Page-Einstellungen

Sie können Ihrer Seite zum Beispiel einen Videohintergrund oder eine Diashow-Funktion im Hintergrund hinzufügen. Oder Sie können die Hintergrundfarbe ändern und Ihrer Landing Page eine einheitliche Farbpalette geben.

globale Landing Page Farbeinstellungen

Remember to save your changes during the design process by clicking the Save button at the top-right corner.

Restoring to an Older Landing Page Version

Manchmal müssen Sie vielleicht zu einer früheren Version der Landing Page zurückkehren.

Klicken Sie dazu auf das Uhrensymbol unten links auf Ihrem Bildschirm. Dann können Sie Ihren Änderungsverlauf einsehen und zu einer anderen Version wechseln.

wordpress landing page revision history

Step 4: Connect Your Email Marketing Service

Seamlessly grow your email list by integrating your favorite marketing tools.

Connect to popular email providers like Constant Contact, GetResponse, Mailchimp, ActiveCampaign, and more, ensuring every lead captured through your landing page goes straight to your email list.

Landing Page-Integrationen

Sie können mit Zapier auch Google Analytics-Tracking, Spamschutz und andere Anwendungen einrichten.

Suchen Sie sie in der Integrationsliste und klicken Sie auf Verbinden, um Ihren E-Mail-Dienst zu verknüpfen.

Integrieren Sie Ihren E-Mail-Marketingdienst in Ihre Landing Page.

Folgen Sie dann den Anweisungen, um Ihr Konto zu verbinden und zu verifizieren. Danach können Sie alle Ihre Opt-in-Formulare mit Ihrer E-Mail-Liste verknüpfen.

Schritt 5: Konfigurieren Sie Ihre Landing Page-Einstellungen

Next, take control of your landing page’s performance with easy-to-use settings.

Konfigurieren Sie Ihre Landing Page-Einstellungen

Adjust SEO settings to boost your page’s visibility in search results, ensuring more potential customers can find you. You can also connect to analytics platforms to track your landing page’s effectiveness.

For advanced users, there are options for custom header, body, and footer scripts, giving you full control over your page’s functionality.

Denken Sie daran, auf Speichern zu klicken, um Ihre Änderungen zu speichern.

Schritt 6: Veröffentlichen Sie Ihre Landing Page in WordPress

Bevor Sie Ihre Landing Page veröffentlichen, sollten Sie sie in der Vorschau anzeigen. Auf diese Weise können Sie sehen, ob sie sowohl auf dem Desktop als auch auf mobilen Geräten gut aussieht.

Um eine Vorschau Ihrer Seite anzuzeigen, klicken Sie auf das Vorschausymbol im Landing Page Builder. Es wird sofort eine Vorschau der mobilen Seite angezeigt, sodass Sie durch die Seite scrollen und Änderungen vornehmen können. Klicken Sie einfach erneut auf das Symbol, um wieder zur Desktop-Vorschau zu wechseln.

Vorschau Ihrer Landing Page auf dem Handy

Wenn Sie eine Live-Vorschau Ihrer Seite sehen möchten, klicken Sie auf das Augensymbol, um Ihre Landing Page in einer neuen Registerkarte zu öffnen.

Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf den Pfeil unter der Schaltfläche Speichern und dann auf Veröffentlichen.

Hier ist ein Beispiel für eine Landing Page, die ich für diesen Leitfaden auf meiner Test-Website erstellt habe:

Beispiel für die Erstellung einer Landing Page in WordPress mit SeedProd

💡 Expert Tip

This landing page took me around 15 minutes to create.

You can make that time even quicker by using SeedProd’s Import and Export feature. It lets you export your designs as a .zip file so you can quickly reuse them for other projects.

For example, design a stock template and use it as a framework for your client projects to make the design process faster.

How Do I Make My WordPress Homepage a Landing Page?

Wenn Sie möchten, dass Ihre Landing Page das erste ist, was die Besucher Ihrer Website sehen, müssen Sie sie als statische Homepage einrichten.

Gehen Sie dazu in Ihrem WordPress-Dashboard auf Einstellungen " Lesen. Wählen Sie dann die Option "Eine statische Seite" und wählen Sie die soeben erstellte Landing Page aus dem Dropdown-Menü.

Screenshot zur Hervorhebung der WordPress-Leseeinstellungen mit einer statischen Seite und der Landing Page als Startseite

Sie ist nicht dasselbe wie Ihre normale Homepage. Stattdessen bedeutet es, dass Ihre benutzerdefinierte Landing Page dort landet, wo Besucher landen, wenn sie sich zu Ihrer Haupt-WordPress-Website durchklicken.

Optimieren Sie als nächstes Ihre Landing Page

Ich hoffe, dieser Leitfaden hat Ihnen geholfen, zu lernen, wie man eine Landing Page in WordPress erstellt. Vergessen Sie nicht, Ihre Seite zu testen und zu optimieren, um die besten Ergebnisse zu erzielen, sobald sie fertig ist.

Die folgenden Leitfäden könnten Ihnen dabei behilflich sein:

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte hinterlassen Sie einen Kommentar mit Ihren Fragen und Ihrem Feedback.

Sie können uns auch auf YouTube, X (früher Twitter) und Facebook folgen, um weitere hilfreiche Inhalte für Ihr Unternehmen zu erhalten.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.