Letzte SeedProd Nachrichten

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

Wie man einen Link in Bio Landing Page erstellt (wie LinkTree)

Wie man einen Link in Bio Landing Page erstellt (wie LinkTree) 

Geschrieben von: Autorenbild Stacey Corrin
Autorenbild 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: John Turner
Kritikerbild John Turner
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.

Benötigen Sie einen einfachen Weg, um einen Link in der Bio-Landingpage zu erstellen?

Many influencers and social media personalities use custom link in bio pages to drive traffic to web pages and other social media profiles. They’re a great way to combat the problem of only being able to add one link to your bio on sites like Instagram and TikTok.

But what many people don’t realize is that you can easily build these pages in WordPress and drive lots of traffic to your business website. That’s why we’ve put together this guide, which will show you how to create a link page in WordPress.

In diesem Leitfaden

Before we dive into the how-to, let’s look at why creating your link in bio page in WordPress is a smart move:

  • Complete Control and Customization: WordPress gives you unparalleled flexibility to design a page that perfectly matches your branding and website aesthetic.
  • Seamless Integration: Manage your link in bio page alongside your website content, all within your familiar WordPress dashboard.
  • Analytics Integration: Easily connect your page to powerful analytics tools like Google Analytics to track clicks, engagement, and conversions.
  • Avoid Third-Party Limitations: Many third-party tools come with restrictions on design, features, or link quantities. WordPress puts you in the driver’s seat.
  • Own Your Data: Keep your audience data within your WordPress ecosystem, ensuring privacy and control.
  • Cost-Effective: Skip the recurring fees associated with third-party tools and leverage your existing WordPress investment.

In diesem Tutorial werden wir SeedProd verwenden, um eine WordPress-Bio-Link-Seite zu erstellen.

SeedProd bestes WordPress Landing Page Plugin

SeedProd ist der beste WordPress Drag-and-Drop Page Builder auf dem Markt. Mit ihm können Sie jede WordPress-Seite leicht anpassen, ohne Code zu schreiben.

Mit SeedProd können Sie jede Art von Landing Page erstellen, und mit dem visuellen Editor können Sie Ihre Seite leicht erstellen, bearbeiten und anpassen und die Änderungen in Echtzeit sehen.

Sie können auch SeedProd verwenden, um einen benutzerdefinierten Link in der Bioseite für soziale Medien zu erstellen.

In dieser Anleitung konzentrieren wir uns auf die Erstellung einer Instagram-Bio-Link-Landingpage, mit der Sie Ihren Fans auf Ihrem Instagram-Konto mehrere Links zeigen können. Sie können diese Anleitung aber auch leicht verwenden, um eine ähnliche Multi-Link-Seite für andere soziale Netzwerke zu erstellen.

Mit diesem Wissen im Hinterkopf, lassen Sie uns mit dem Tutorial beginnen!

Video-Anleitung

Wenn Sie es vorziehen, die schriftlichen Anweisungen zu lesen, folgen Sie bitte den nachstehenden Schritten.

1. Installieren und aktivieren Sie das SeedProd Plugin

Der erste Schritt besteht darin, das SeedProd-Plugin herunterzuladen, zu installieren und zu aktivieren, indem Sie auf den unten stehenden Link klicken.

Hilfe beim Hinzufügen des Plugins zu Ihrer WordPress-Website finden Sie in dieser Anleitung zur Installation eines WordPress-Plugins.

Hinweis: SeedProd bietet eine kostenlose Version oder einen kostenlosen Plan an, den Sie verwenden können, um eine kostenlose WordPress-Landingpage zu erstellen. Aber heute werden wir den kostenpflichtigen Plan für die erweiterten Funktionen und Vorlagen verwenden.

Nachdem Sie das Plugin aktiviert haben, gehen Sie zu SeedProd " Einstellungen, wo Sie Ihren SeedProd-Lizenzschlüssel eingeben können. Sie finden diese Informationen in Ihrem SeedProd-Kontobereich im Bereich "Downloads".

Geben Sie Ihren SeedProd-Lizenzschlüssel ein

2. Erstellen Sie eine neue Landing Page

Der nächste Schritt ist der Besuch von SeedProd " Seiten, wo Sie eine neue Landing Page erstellen können.

SeedProd Landing Page Modi

Oben auf dieser Seite finden Sie mehrere Seitenmodi, die Sie mit einem einzigen Klick aktivieren können, darunter:

Unter diesem Abschnitt können Sie jede Landing Page sehen, die Sie mit dem SeedProd-Plugin erstellen. Sie können so viele benutzerdefinierte WordPress-Seiten erstellen, wie Sie möchten.

Klicken Sie auf die Schaltfläche Neue Landing Page hinzufügen, um eine neue Seite zu erstellen.

Hinzufügen einer neuen Landing Page in WordPress

3. Wählen Sie eine Landing Page-Vorlage

Auf dem folgenden Bildschirm können Sie eine Landing Page-Vorlage auswählen, die als Ausgangspunkt für Ihre Bio-Link-Seite dienen soll.

seedprod Landing Page Vorlagen


Für diese Anleitung verwenden wir die Vorlage Persönliche Links, die Sie durch Anklicken des Filters Lead Squeeze finden.

Wählen Sie die Landing Page-Vorlage für persönliche Links

Um diese Vorlage auszuwählen, fahren Sie mit der Maus über die Miniaturansicht und klicken Sie auf das orangefarbene Häkchensymbol.

Importieren Sie Ihre Landing Page-Vorlage

Als nächstes wird ein Popup-Fenster angezeigt, in dem Sie einen Seitennamen hinzufügen können. Der Seitenname wird nicht im Design Ihrer Landing Page angezeigt, legt aber die URL Ihrer Seite fest. Wählen Sie also einen Namen, der für Ihre Fans Sinn macht, wenn Sie den Link zu Ihrer Instagram-Bio hinzufügen.

Geben Sie einen Namen für Ihren Link in der Bio-Landing Page ein

Jetzt können Sie auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen klicken.

4. Anpassen Ihrer Landing Page-Vorlage

Nachdem Sie Ihre Vorlage gestartet haben, sehen Sie den Seitenerstellungsbildschirm von SeedProd. Mit der Drag-and-Drop-Schnittstelle können Sie jeden Teil Ihrer Vorlage bearbeiten.

SeedProd's Drag-and-Drop Seitenerstellung

Die linke Seitenleiste bietet eine große Auswahl an Blöcken, die Sie per Drag & Drop auf Ihre Seite ziehen können. Und sobald sich ein Block auf Ihrer Seite befindet, können Sie darauf klicken, um den Inhalt, die Vorlagen und die erweiterten Anpassungseinstellungen anzuzeigen, ebenfalls auf der linken Seite.

Hinzufügen Ihres Logos

Da wir eine Instagram-Bio-Link-Seite erstellen, werden wir das Hauptbild und den Platzhaltertext entfernen.

Bewegen Sie dazu den Mauszeiger über das Bild und klicken Sie auf das Mülleimersymbol.

Löschen Sie den vorhandenen Bildblock

Klicken Sie dann im folgenden Popup auf Ja löschen. Sie können dann die gleichen Schritte ausführen, um den Platzhaltertext zu löschen.

Jetzt können Sie die Standardseitenüberschrift durch Ihren Firmennamen, Ihren Slogan und Ihr Logo ersetzen. Um Ihr Logo hinzuzufügen, klicken Sie im linken Bereich auf den Bildblock und ziehen Sie ihn an den oberen Rand Ihrer Seite.

Fügen Sie den Bildblock zu Ihrer Landing Page hinzu

Sie können dann auf den Block klicken, um seine Einstellungen auf der linken Seite zu sehen. Klicken Sie auf die Schaltfläche Eigenes Bild verwenden, um Ihr Logo aus Ihrer Mediathek hinzuzufügen oder es von Ihrem Computer hochzuladen.

Fügen Sie Ihr Logo zu Ihrem Link in Bio Landing Page hinzu

Im gleichen Panel können Sie die Bildgröße, die Ausrichtung und den Link zum Bild ändern.

Wenn Sie auf die Registerkarte Vorlagen klicken, können Sie aus mehreren voreingestellten Bildstilen wählen.

Wählen Sie eine vorgefertigte Vorlage für Bilder

Auf der Registerkarte " Erweitert" können Sie die Stile, Auffüllungen, Ränder und vieles mehr einstellen.

Konfigurieren Sie Ihre Bildblockstile

Hinzufügen Ihrer Links

Sehen wir uns nun an, wie Sie Ihrer Seite benutzerdefinierte Links hinzufügen können. Zu Beginn können Sie die vorhandenen Links mit Ihrem eigenen Inhalt anpassen.

Klicken Sie dazu auf eine der Link-Schaltflächen und bearbeiten Sie den Inhalt auf der linken Seite.

Klicken Sie auf eine beliebige Schaltfläche, um den Inhalt zu bearbeiten

Im Inhaltsbereich können Sie die:

  • Text der Schaltfläche
  • Untertext
  • Schaltfläche Link,
  • Ausrichtung
  • Größe
  • Icon

Wenn Sie das Aussehen Ihrer Schaltfläche komplett ändern möchten, klicken Sie auf die Registerkarte Vorlagen. In diesem Bereich gibt es mehrere voreingestellte Schaltflächenstile, aus denen Sie wählen können.

Wählen Sie auf der Registerkarte Vorlagen eine Vorlage für Ihre Schaltflächenlinks

Klicken Sie auf einen beliebigen Stil, um ihn sofort zu Ihrem Schaltflächen-Link hinzuzufügen.

Wenn Sie einen anderen Stil benötigen, klicken Sie auf die Registerkarte Erweitert, wo Sie eine benutzerdefinierte Farbe, einen Schaltflächenstil, eine Schriftart und mehr auswählen können.

Klicken Sie auf die Registerkarte "Erweitert", um benutzerdefinierte Farben für Schaltflächenlinks auszuwählen

Um Ihrer Seite weitere Links hinzuzufügen, können Sie Ihre angepasste Link-Schaltfläche duplizieren. Bewegen Sie einfach den Mauszeiger über einen Link und klicken Sie auf das Symbol " Block duplizieren".

Duplizieren Sie Ihren Schaltflächenblock

Eine Kopie dieses Blocks wird dann unter dem ursprünglichen Block angezeigt. Dann müssen Sie nur noch den Inhalt anpassen, wie Sie es zuvor getan haben.

Wenn Sie Ihren Schaltflächenlinks andere Symbole hinzufügen möchten, scrollen Sie zum Abschnitt Symbole in Ihren Inhaltseinstellungen, klicken Sie auf das Symbolbild und wählen Sie ein neues aus der Symbolbibliothek aus.

Neue Schaltflächensymbole zu Ihren Links hinzufügen

Ändern Sie Ihren Hintergrund

Die Standard-Hintergrundfarbe Ihrer Link-in-Bio-Vorlage passt möglicherweise nicht zu Ihrer Website oder Ihrem Branding. Die gute Nachricht ist, dass Sie sie im globalen Einstellungsbereich leicht ändern können.

Klicken Sie dazu auf das Zahnrad-Symbol in der unteren linken Ecke Ihres Bildschirms. Hier werden verschiedene Optionen angezeigt, mit denen Sie Hintergrund, Schriftarten, Farben und CSS anpassen und die Änderungen global auf Ihre Seite anwenden können.

Passen Sie Ihre globalen Landing Page-Einstellungen an

Hinweis: Die Verwendung dieser Option setzt keine Stile außer Kraft, die Sie in Ihren erweiterten Blockeinstellungen festgelegt haben.

Wenn Sie Ihre Hintergrundfarbe ändern möchten, klicken Sie auf die Überschrift Hintergrund . In diesem Bereich können Sie die Standard-Hintergrundfarbe ändern oder einen Hintergrund mit Farbverlauf hinzufügen.

Ändern Sie die Hintergrundfarbe Ihrer Link-in-Bio-Landingpage

Über dasselbe Bedienfeld können Sie auch ein benutzerdefiniertes Hintergrundbild, ein Video oder eine Diashow hinzufügen.

Wenn Sie mit dem Aussehen Ihrer Link-in-Bio-Landingpage zufrieden sind, klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke.

Klicken Sie auf die Schaltfläche "Speichern

Jetzt, wo Ihre Seite fertig ist, müssen Sie nur noch eine Sache tun, bevor Sie sie veröffentlichen. Das heißt, eine Vorschau auf dem Handy. Sie sollten dies tun, um sicherzustellen, dass Ihr Design für mobile Nutzer gut aussieht; andernfalls kann es deren Nutzererfahrung beeinträchtigen.

Klicken Sie dazu auf das Symbol für die mobile Vorschau am unteren Rand Ihres Bildschirms.

Klicken Sie auf das Symbol für die mobile Vorschau

Dies zeigt eine Vorschau, wie Ihre Seite auf mobilen Geräten aussieht.

Vorschau Ihres Links in der Bio-Landingpage auf dem Handy

Wie Sie auf dem Bild oben sehen können, sind unsere Schaltflächen-Links auf dem Handy zu groß, so dass sie deplatziert aussehen. Um das zu ändern, müssen Sie nur wie in der Desktop-Ansicht auf einen beliebigen Block klicken und ihn so lange bearbeiten, bis er wie gewünscht aussieht.

die mobile Version Ihrer Landing Page anpassen

In unserem Fall wollten wir, dass der Text der Schaltfläche in einer einzigen Zeile steht. Also haben wir einfach den Schieberegler für die horizontale Auffüllung geändert, bis es richtig aussah.

Jetzt sind Sie bereit, Ihre Instagram-Bio-Link-Seite in WordPress zu veröffentlichen. Klicken Sie dazu auf den Abwärtspfeil neben der Schaltfläche Speichern und dann auf Veröffentlichen.

Veröffentlichen Sie Ihre Biolink-Landingpage in WordPress

Sie können dann auf die Popup-Schaltfläche klicken, um Ihre Live-Seite zu sehen.

Veröffentlichter WordPress-Link in der Bio-Landingpage

Ihre Seite ist nun live, und Sie können den Link zu Ihrer Instagram-Bio und anderen Profilen in sozialen Medien hinzufügen. Das Beste daran ist, dass Ihre benutzerdefinierte Seite vollständig responsive ist, d. h. sie sieht unabhängig von der Bildschirmgröße, auf der Ihre Fans sie betrachten, gut aus.

Verwandt: Wie man einen Link zu seiner TikTok-Bio hinzufügt

Viele Link-in-Bio-Tools, wie LinkTree, bieten auch Seitenanalysen an. Unserer Meinung nach ist jedoch Google Analytics der beste Weg, um Ihre Website-Analysen zu verfolgen.

Der einfachste Weg, Google Analytics zu Ihrer WordPress-Website hinzuzufügen, ist mit MonsterInsights.

MonsterInsights bestes WordPress Googel Analytics Plugin

MonsterInsights ist das beste Google Analytics Plugin für WordPress. Es ist super einfach zu bedienen und ermöglicht es Ihnen, die Leistung Ihrer Website direkt in Ihrem WordPress-Dashboard zu verfolgen.

So können Sie auf einen Blick sehen, wie sich Ihre Bio-Link-Seite entwickelt. Sehen Sie sich diese Schritt-für-Schritt-Anleitung an, wie Sie Google Analytics zu WordPress hinzufügen.

Nachdem Sie MonsterInsights mit Ihrem Google Analytics-Konto eingerichtet haben, navigieren Sie zu Insights " Addons. Suchen Sie dort das Addon Page Insights, installieren und aktivieren Sie es.

Installieren Sie die Seiteneinblicke-Erweiterung für MonsterInsights

Gehen Sie nun auf Seite " Alle Seiten und suchen Sie den Link in der Bioseite, den Sie zuvor erstellt haben.

Klicken Sie auf das Symbol "Einblicke" auf Ihrer Link-in-Bio-Seite, um die Analysen zu sehen

Klicken Sie dann auf das Insights-Symbol, das wie ein Verkehrsdiagramm aussieht.

Dies zeigt Ihre Seitenstatistiken, die Absprungrate, die Anzahl der Zugriffe, die Verweildauer auf der Seite und mehr.

Daten zu Ihren Seiteneinblicken anzeigen

Wenn Sie den Link erst kürzlich zu Ihren Profilen in den sozialen Medien hinzugefügt haben, wird es einige Zeit dauern, bis diese Daten angezeigt werden.

Want to make your bio link page work harder for your brand? Check out the following guides to level up your landing page:

How do you add a landing page to your Instagram bio?

To add a landing page to your Instagram bio, log into your Instagram account, click Edit Profile, and paste your landing page URL.

Und da haben Sie es!

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man einen Link in einer Bio-Landingpage in WordPress erstellt.

Das Erstellen und Anpassen jeder WordPress-Seite mit SeedProd ist super einfach. Es ist kein Code erforderlich, Sie müssen keinen Entwickler einstellen und das Ergebnis ist eine Landing Page, die sich darauf konzentriert, Ihren Traffic in Leads und Verkäufe zu konvertieren.

Also, worauf warten Sie noch?

Sie können auch dieser Schritt-für-Schritt-Anleitung folgen, um eine Instagram-Landingpage speziell für Ihre Instagram-Werbung zu erstellen.

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.