Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man ein Website-Banner erstellt (3 einfache Wege)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Suchen Sie nach einer einfachen Möglichkeit, ein Website-Banner in WordPress zu erstellen?

Ein Banner kann die auf Ihrer Website angebotenen Produkte, Dienstleistungen oder Neuigkeiten hervorheben. Es kann das Engagement der Nutzer erhöhen, die Klickrate steigern und die Besucher zum Handeln anregen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach ein Banner für Ihre WordPress-Website erstellen können.

Make a website banner in WordPress

Was ist ein Website-Banner?

Ein Banner ist eine grafische Anzeige, die sich über den oberen, unteren oder seitlichen Bereich einer WordPress-Website erstreckt. Es enthält oft einen Markennamen und ein Logo zusammen mit anderen visuellen Elementen, um ein bestimmtes Produkt, eine Dienstleistung oder eine Veranstaltung zu bewerben.

Wenn zum Beispiel ein Online-Shop gerade einen Ausverkauf angekündigt hat, kann er ein Banner oben auf seinen Seiten einblenden, um neue Besucher über die Rabattangebote zu informieren und sie zum Kauf zu animieren.

Shop sale preview

Ein gut gestaltetes Banner kann einen starken Eindruck hinterlassen und Besucher dazu einladen, den Rest Ihrer Website zu erkunden. Außerdem können Banner auch verwendet werden, um für Partnerprodukte zu werben, die Markenbekanntheit zu erhöhen, eine E-Mail-Liste aufzubauen, indem Besucher aufgefordert werden, sich für Ihren Newsletter anzumelden, und den Traffic auf andere Seiten Ihrer Website zu lenken.

Sie können auch Banner verwenden, um für Ihre Konten in den sozialen Medien zu werben und Besucher zu ermutigen, Ihren Seiten zu folgen oder sie zu mögen.

Was ist die beste Website-Bannergröße?

Die ideale Größe des Website-Banners hängt vom Layout und den spezifischen Marketingzielen Ihres WordPress-Blogs ab.

Wenn Sie z. B. ein rechteckiges und dünnes Banner am oberen Bildschirmrand anzeigen möchten, können Sie die Größe „Großes Leaderboard“ verwenden, die 970 x 90 beträgt.

Banner sizes

Zu den anderen beliebten und meistgenutzten Bannergrößen gehören:

  • Mittleres Banner: 300 x 250
  • Leaderboard: 728 x 90
  • Breite Skyscraper: 160 x 600
  • Halbseite: 300 x 600
  • Großes Leaderboard: 970 x 90
  • Plakatwand: 970 x 250
  • Großes Rechteck: 326 x 280
  • Vertikales Banner: 120 x 240
  • Volles Banner: 468 x 60
  • Halbes Banner: 234 x 60

Wenn Sie ein Banner für eine Veranstaltung in der Seitenleiste anzeigen möchten, können Sie die Bannergrößen Wide Skyscraper oder Half-Page verwenden. In ähnlicher Weise können Sie auch die Bannergröße Medium verwenden, um ein quadratisches Banner auf Ihrer Seite anzuzeigen.

Wenn Sie Werbebanner anzeigen möchten, sollten Sie sich unseren Leitfaden für Einsteiger über die erfolgreichsten Google AdSense-Bannergrößen und -formate für WordPress ansehen.

Sehen wir uns also an, wie Sie auf Ihrer WordPress-Website ganz einfach ein Banner erstellen können. In diesem Tutorial werden wir drei Methoden zur Erstellung eines Banners behandeln. Sie können die Links unten verwenden, um zu der Methode Ihrer Wahl zu springen:

Methode 1: Erstellen eines Website-Banners mit OptinMonster (empfohlen)

OptinMonster ist das beste WordPress-Banner-Plugin auf dem Markt, mit dem Sie ganz einfach schwebende Balken und Popup-Banner für Ihre Website erstellen können.

Es ist das beste Tool zur Conversion-Optimierung und Lead-Generierung, das Ihnen hilft, Website-Besucher in Abonnenten und Kunden zu verwandeln.

Außerdem verfügen viele der OptinMonster-Bannervorlagen über Optin-Felder, mit denen Sie die Namen, E-Mail-Adressen und Telefonnummern Ihrer Website-Besucher erfassen können.

Weitere Einzelheiten finden Sie in unserem vollständigen OptinMonster-Test.

Schritt 1: Installieren Sie OptinMonster auf Ihrer Website

Zunächst müssen Sie sich für ein OptinMonster-Konto anmelden. Besuchen Sie dazu einfach die OptinMonster-Website und klicken Sie auf die Schaltfläche „Get OptinMonster Now“.

The OptinMonster lead generation tool

Danach müssen Sie das kostenlose OptinMonster-Plugin auf Ihrer WordPress-Website installieren und aktivieren. Eine ausführliche Anleitung finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

Nach der Aktivierung wird der OptinMonster-Einrichtungsassistent in Ihrem WordPress-Administrationsbereich geöffnet.

Von hier aus müssen Sie auf die Schaltfläche „Ihr bestehendes Konto verbinden“ klicken, um Ihre WordPress-Website mit Ihrem OptinMonster-Konto zu verbinden.

Connect your existing account

Daraufhin öffnet sich ein neues Fenster auf Ihrem Computerbildschirm.

Klicken Sie hier auf die Schaltfläche „Mit WordPress verbinden“, um fortzufahren.

Connect OptinMonster to WordPress

Schritt 2: Erstellen und Anpassen Ihres Banners

Nachdem Sie Ihr WordPress-Konto mit OptinMonster verbunden haben, gehen Sie auf die Seite OptinMonster “ Kampagnen in der WordPress-Admin-Seitenleiste.

Klicken Sie hier auf die Schaltfläche „Erste Kampagne erstellen“, um mit der Erstellung Ihres Website-Bannerdesigns zu beginnen.

Create first OptinMonster campaign

Dadurch werden Sie auf die Seite „Vorlagen“ weitergeleitet, wo Sie zunächst einen Kampagnentyp auswählen können.

Wenn Sie zum Beispiel Ihr Banner als Balken am oberen Bildschirmrand anzeigen möchten, können Sie die Kampagne „Schwebender Balken“ wählen. In ähnlicher Weise können Sie den Kampagnentyp „Popup“ auswählen, um Ihr Banner als Popup anzuzeigen.

Danach müssen Sie auch eine Vorlage für die von Ihnen gewählte Kampagne auswählen.

Select the floating bar template

Für dieses Tutorial werden wir eine Vorlage für den Kampagnentyp „Schwebende Leiste“ wählen.

Als Nächstes werden Sie aufgefordert, einen Namen für die Kampagne anzugeben, die Sie erstellen möchten. Geben Sie einfach einen Namen Ihrer Wahl ein und klicken Sie auf die Schaltfläche „Start Building“, um fortzufahren.

Click the Start Building button

Dadurch wird die OptinMonster-Oberfläche auf Ihrem Bildschirm geöffnet, auf der Sie mit der Anpassung Ihres Banners beginnen können. Von hier aus können Sie Felder Ihrer Wahl aus der linken Seitenleiste auf das Banner ziehen und ablegen.

Wenn Sie beispielsweise Symbole für soziale Medien in Ihr Banner einfügen möchten, um die Zahl Ihrer Follower zu erhöhen, können Sie den Block Soziale Medien aus der linken Seitenleiste ziehen und ablegen.

Add blocks to the banner

Danach klicken Sie einfach auf den Block, um seine Einstellungen in der linken Spalte zu öffnen.

Von hier aus können Sie den Titel der Schaltfläche ändern, die URL Ihrer sozialen Medien hinzufügen und sogar die Plattform Ihrer sozialen Medien aus dem Dropdown-Menü ändern.

Sie können auch andere Blöcke hinzufügen, um Videos, Bilder, Text oder CTAs in Ihrem Website-Bannerdesign anzuzeigen.

Configure block settings from the left column

Danach müssen Sie die Position des Banners auswählen.

Standardmäßig wird die OptinMonster-Leiste am unteren Rand des Bildschirms Ihrer Website angezeigt, sobald Sie mit dem Scrollen beginnen.

Sie können diese Einstellung jedoch leicht ändern, indem Sie auf das Symbol „Einstellungen“ unten links in der Seitenleiste klicken.

Dadurch werden die Einstellungen in der linken Spalte geöffnet, wo Sie die Registerkarte „Einstellungen für schwebende Leiste“ ausklappen müssen. Schalten Sie hier einfach den Schalter „Schwebende Leiste oben auf der Seite laden“ um, damit das Banner oben angezeigt wird.

Toggle the switch to display the banner at the top

Schritt 3: Fügen Sie Auslöser für Ihr Banner hinzu

Sobald Sie Ihr Banner entworfen haben, wechseln Sie oben auf die Registerkarte „Anzeigeregeln“. Von hier aus können Sie Regeln für die Anzeige Ihres Banners hinzufügen.

Denken Sie daran, dass Sie nur zu dieser Registerkarte wechseln müssen, wenn Sie einen bestimmten Anzeigeauslöser für Ihr Banner hinzufügen möchten. Andernfalls können Sie zum nächsten Schritt übergehen.

Wenn Sie z. B. Ihr Banner anzeigen möchten, wenn der Nutzer im Begriff ist, Ihre Website zu verlassen, dann müssen Sie die Option „Exit Intent“ wählen.

Choose Exit Intent option from the dropdown menu on the left

Wählen Sie dann einfach die Option „Auf allen Geräten“ aus dem Dropdown-Menü in der Mitte. Wenn Sie diese Anzeigeregel nur für mobile Geräte verwenden möchten, können Sie auch diese Option wählen.

Wählen Sie anschließend die Empfindlichkeit der Beendigungsabsicht nach Ihren Wünschen aus und klicken Sie auf die Schaltfläche „Nächster Schritt“.

Choose exit intent technology sensitivity

Daraufhin wird ein neuer Bildschirm angezeigt. Hier müssen Sie sicherstellen, dass die Option „Optin“ für das Dropdown-Menü „Kampagnenansicht anzeigen“ ausgewählt ist.

Klicken Sie anschließend einfach auf die Schaltfläche „Nächster Schritt“.

Select the Optin option from the Then dropdown menu

Ihre Anzeigeregel für das Banner wird nun auf dem Bildschirm angezeigt.

Wenn Sie hier etwas ändern möchten, können Sie auf die Schaltfläche „Bearbeiten“ klicken, um es zu korrigieren.

Summary for display rules

Schritt 4: Veröffentlichen Sie Ihr Banner

Wechseln Sie nun zur Registerkarte „Veröffentlichen“ am oberen Rand und klicken Sie auf die Schaltfläche „Speichern“ in der oberen rechten Ecke des Bildschirms.

Danach klicken Sie einfach auf die Schaltfläche „Veröffentlichen“, um das Banner auf Ihrer Website anzuzeigen.

Save and publish the banner

Rufen Sie nun Ihre Website auf, um das Banner am oberen Bildschirmrand zu sehen.

So sieht es auf unserer Demoseite aus.

Optinmonster banner preview

Methode 2: Erstellen eines Website-Banners mit Canva (kostenlos)

Wenn Sie ein kostenloses Website-Banner erstellen möchten, dann ist diese Methode genau das Richtige für Sie.

Canva ist ein beliebtes webbasiertes Tool, mit dem Sie alle Arten von Grafiken erstellen können, darunter Banner, Logos, Poster, Buchumschläge und vieles mehr. Es gibt auch eine kostenlose Version, mit der Sie ein Website-Bannerdesign erstellen können.

Schritt 1: Erstellen Sie ein Canva-Konto

Zunächst müssen Sie die Canva-Website besuchen und auf die Schaltfläche „Anmelden“ klicken, um ein Konto zu erstellen.

Wenn Sie bereits ein Canva-Konto haben, können Sie sich einfach anmelden.

Create a Canva account

Nach der Erstellung Ihres Kontos werden Sie zur Startseite Ihres Canva-Kontos weitergeleitet.

Von hier aus müssen Sie in der linken Spalte zur Registerkarte „Vorlagen“ wechseln und dann über das Suchfeld oben nach Banner-Vorlagen suchen.

Dadurch werden alle in Canva verfügbaren Bannervorlagen angezeigt. Einige dieser Vorlagen können jedoch gesperrt sein, da es sich um kostenpflichtige Funktionen handelt.

Choose a Canva template

Schritt 2: Gestalten Sie Ihr Website-Banner

Sobald Sie eine Vorlage ausgewählt haben, wird die Designoberfläche von Canva auf dem Bildschirm angezeigt.

Von hier aus können Sie Ihr Banner nach Ihren Wünschen anpassen. Sie können den vorhandenen Inhalt ändern, indem Sie auf die Blöcke klicken und Ihren Text hinzufügen.

Customize the Canva banner

Sie können sogar verschiedene grafische Elemente wie Sticker, Fotos und Videos hinzufügen, indem Sie in der linken Spalte zur Registerkarte „Elemente“ wechseln.

Wenn Sie ein Element hinzugefügt haben, können Sie seine Animation, Position und Transparenz über das Menü am oberen Rand ändern.

Sie können auch Mediendateien von Ihrem Computer hochladen, indem Sie in der linken Spalte auf die Registerkarte „Uploads“ wechseln.

Add elements from the left column

Um Ihrem Banner einen Text hinzuzufügen, wechseln Sie einfach zur Registerkarte „Textfeld“ in der linken Spalte.

Dort können Sie Standardtextstile oder verschiedene Schriftkombinationen verwenden, um Ihrem Banner Inhalte hinzuzufügen.

Sie können sogar eine Handlungsaufforderung mit einem Link hinzufügen, indem Sie den Text mit der Maus markieren. Dadurch wird ein Link-Symbol am oberen Rand des Textes angezeigt.

Click on the Link icon

Klicken Sie einfach auf dieses Symbol und kopieren Sie den Link, den Sie hinzufügen möchten.

Klicken Sie anschließend auf die Schaltfläche „Fertig“, um sie zu speichern.

Add link

Schritt 3: Besorgen Sie sich einen Einbettungscode für das Banner

Wenn Sie mit der Gestaltung Ihres Banners zufrieden sind, klicken Sie einfach auf die Schaltfläche „Freigeben“ in der oberen rechten Ecke des Bildschirms.

Daraufhin öffnet sich ein Eingabeaufforderungsmenü, in dem Sie die Option „Mehr“ am unteren Rand auswählen müssen.

Click the More option in the Share prompt

Sie gelangen nun zum Menü „Alle Optionen“, wo Sie die Option „Einbetten“ auswählen müssen.

Sobald Sie dies getan haben, wird eine neue Eingabeaufforderung auf dem Bildschirm angezeigt. Klicken Sie hier einfach auf die Schaltfläche „Einbetten“.

Click the Embed button

Canva wird nun einen HTML-Einbettungscode für Sie erstellen.

Sobald er auf dem Bildschirm angezeigt wird, klicken Sie auf die Schaltfläche „Kopieren“ unter der Option „HTML-Einbettungscode“.

Copy the HTML embed code

Schritt 4: Hinzufügen des HTML-Einbettungscodes in WordPress

Sie können Ihr Banner nun auf Ihrer WordPress-Seite, in einem Beitrag oder in der Seitenleiste anzeigen lassen, ganz wie Sie es wünschen. In diesem Tutorial werden wir unser Banner auf einer WordPress-Seite anzeigen.

Zunächst müssen Sie die Seite oder den Beitrag öffnen, auf der/dem Sie das Banner hinzufügen möchten.

Klicken Sie dort auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke, um den benutzerdefinierten HTML-Block zu finden und der Seite hinzuzufügen.

Fügen Sie dann einfach den kopierten Einbettungscode in den Block ein.

Add code into the block editor

Klicken Sie abschließend auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Besuchen Sie nun Ihre Website, um das WordPress-Banner in Aktion zu sehen.

Canva banner preview

Methode 3: Erstellen eines Website-Banners mit Thrive Leads

Sie können auch ein Website-Banner mit Thrive Leads erstellen. Es ist ein beliebtes WordPress-Popup-Plugin, das von mehr als 114.000 Websites verwendet wird.

Mit Thrive Leads können Sie Banner entwerfen, die Ihnen helfen, Leads auf Ihrer WordPress-Website zu erfassen und Ihre E-Mail-Liste zu vergrößern.

Schritt 1: Installieren Sie Thrive Leads auf Ihrer WordPress-Website

Zuerst müssen Sie die Thrive Themes-Website besuchen und sich für ein Konto anmelden. Sobald Sie das getan haben, gehen Sie zu Ihrem Mitglieder-Dashboard.

Von hier aus klicken Sie auf den Link „Thrive Product Manager Plugin herunterladen und installieren“.

Install the Thrive Product Manager plugin

Besuchen Sie als nächstes Ihre WordPress-Website, um das Thrive Product Manager-Plugin zu installieren und zu aktivieren. Eine ausführliche Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie im WordPress-Administrations-Dashboard auf die Registerkarte Produktmanager und klicken Sie auf die Schaltfläche „In mein Konto einloggen“.

Log into the Thrive Product Manager dashboard

Nachdem Sie Ihre Anmeldedaten eingegeben haben, können Sie Ihr Thrive Product Manager Dashboard sehen.

Von hier aus können Sie die Produkte auswählen, die Sie auf Ihrer Website installieren und verwenden möchten. Wählen Sie einfach das Plugin „Thrive Leads“ und klicken Sie auf die Schaltfläche „Ausgewählte Produkte installieren“.

Install the Thrive Leads plugin

Schritt 2: Erstellen eines Website-Banners

Nach der Installation des Plugins müssen Sie die Seite Thrive Dashboard “ Thrive Leads in der WordPress-Admin-Seitenleiste aufrufen.

Dort klicken Sie einfach auf die Schaltfläche „Neu hinzufügen“ neben der Option „Hauptgruppen“.

Create new lead group by clicking the Add New button

Daraufhin erscheint auf Ihrem Bildschirm das Pop-up-Fenster „Neue Lead-Gruppe hinzufügen“, in das Sie einen Namen für die zu erstellende Lead-Gruppe eingeben müssen.

Achten Sie darauf, dass Sie die Hauptgruppe so benennen, dass Sie sie leichter identifizieren können.

Wenn Sie zum Beispiel ein Banner zum Aufbau Ihrer E-Mail-Liste erstellen, können Sie Ihre Lead-Gruppe „E-Mail-Listen-Kampagne“ nennen.

Type lead group name

Daraufhin wird die von Ihnen erstellte Lead-Gruppe auf dem Bildschirm angezeigt. Klicken Sie von hier aus auf die Schaltfläche „Neuen Typ von Opt-In-Formular hinzufügen“.

Daraufhin wird eine neue Eingabeaufforderung geöffnet, in der Sie die Art des Banners auswählen müssen, das Sie erstellen möchten.

Click the Add new Opt-in form button

Sie können ein Slide-In, Ribbon, Widget, In-Content, Lightbox oder Scroll-Mat-Banner nach Ihren Wünschen erstellen.

Diese Banner sind wie ein Formular, da sie Daten von Ihren Benutzern sammeln, einschließlich E-Mail-Adressen, Telefonnummern und mehr.

In diesem Tutorial werden wir ein Ribbon-Banner für unsere Website erstellen.

Choose an Opt-In form type

Wenn Sie sich für einen Website-Bannertyp entscheiden, verschwindet die Aufforderung automatisch vom Bildschirm.

Um Ihr Lead-Gruppen-Dashboard zu öffnen, müssen Sie auf die Schaltfläche „Hinzufügen“ in der rechten Ecke der Registerkarte Lead-Gruppen klicken.

Click the Add button for a form

Dadurch gelangen Sie zu Ihrem Lead-Gruppen-Dashboard, wo alle Formulare und Lead-Berichte für die Gruppe angezeigt werden, nachdem Ihre Kampagne live gegangen ist.

Wenn Sie z. B. ein Banner erstellen möchten, um E-Mail-Adressen zu erfassen, werden alle Benutzerinformationen, die Sie über das Banner sammeln, hier angezeigt.

Click the Create a form button

Jetzt müssen Sie nur noch auf die Schaltfläche „Formular erstellen“ klicken, um mit der Erstellung Ihres Banners zu beginnen.

Daraufhin öffnet sich eine neue Eingabeaufforderung, in der Sie einen Namen für das Formular eingeben und auf die Schaltfläche „Formular erstellen“ klicken müssen.

Provide a form name

Sobald Ihr Formular erstellt wurde, wird es in Ihrem Lead Groups Dashboard angezeigt.

Klicken Sie hier auf die Schaltfläche „Design bearbeiten“ in der rechten Ecke, um mit der Erstellung Ihres Banners zu beginnen.

Click the Edit Design button

Schritt 3: Passen Sie Ihr Website-Banner an

Der visuelle Thrive-Editor wird nun in einer neuen Registerkarte auf Ihrem Bildschirm angezeigt.

Von hier aus können Sie damit beginnen, eine Vorlage für Ihr Banner aus der „Thrive Leads Library“ auszuwählen.

Sie können dann eine der vorgefertigten Vorlagen so verwenden, wie sie ist, oder sie mit dem visuellen Editor weiter anpassen. Wenn Sie Ihre Wahl getroffen haben, klicken Sie einfach auf die Schaltfläche „Vorlage auswählen“, um fortzufahren.

Choose banner template

Nachdem Sie eine Vorlage für ein Ribbon-Banner hinzugefügt haben, können Sie die Elemente darin ganz einfach anpassen, indem Sie auf jedes einzelne klicken. Dadurch werden die Einstellungen des Elements in der Seitenleiste auf der linken Seite geöffnet.

Wenn Sie zum Beispiel die Farbe der Schaltfläche in Ihrer Vorlage ändern möchten, müssen Sie darauf klicken, um die Einstellungen in der Seitenleiste zu öffnen.

Choose an element and configure its settings

Wenn Sie ein völlig neues Element zu Ihrem Banner hinzufügen möchten, können Sie das auch tun, indem Sie auf das „+“-Symbol in der rechten Ecke des Bildschirms klicken.

Dadurch wird die Seitenleiste „Elemente hinzufügen“ auf der rechten Seite geöffnet, wo Sie Elemente Ihrer Wahl auf das Banner ziehen und ablegen können.

Wenn Sie zum Beispiel Schaltflächen für soziale Netzwerke in Ihr Banner einfügen möchten, müssen Sie das Element „Social Follow“ aus der rechten Seitenleiste ziehen und ablegen.

Add elements to the banner

Wenn Sie zufrieden sind, klicken Sie auf die Schaltfläche „Arbeit speichern“ in der linken unteren Ecke, um Ihre Änderungen zu speichern.

Danach müssen Sie zu Ihrem Lead Groups Dashboard zurückkehren.

Click the Save Work button

Schritt 4: Konfigurieren der Banner-Einstellungen

Sobald Sie wieder in Ihrem Dashboard sind, können Sie die Position Ihres Banners ändern, indem Sie auf die Option „Position“ in der Formularzeile klicken.

Daraufhin wird die Eingabeaufforderung „Positionseinstellungen“ geöffnet, in der Sie Ihre bevorzugte Bannerposition aus dem Dropdown-Menü auswählen können.

Klicken Sie anschließend auf die Schaltfläche „Speichern“.

Configure banner position

Um die Anzeigehäufigkeit des Banners zu konfigurieren, klicken Sie auf die Option „Anzeigehäufigkeit“ in der Formularzeile.

Daraufhin wird die Eingabeaufforderung „Anzeigeeinstellungen“ geöffnet, in der Sie mit dem Schieberegler festlegen können, wie oft das Banner auf dem Bildschirm angezeigt werden soll.

Wenn Sie die Zahl 0 beibehalten, wird das Banner immer angezeigt. Wenn Sie Ihre Wahl getroffen haben, klicken Sie auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern.

Configure banner display settings

Wenn Sie einen bestimmten Auslöser für die Anzeige Ihres Banners hinzufügen möchten, müssen Sie in der Formularzeile auf die Option „Auslöser“ klicken.

Daraufhin wird die Aufforderung „Auslösereinstellungen“ angezeigt. Hier können Sie einen Auslöser für Ihr Banner aus dem Dropdown-Menü auswählen, z. B. nach einem bestimmten Zeitraum oder wenn ein Benutzer das Ende der Seite erreicht.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Speichern“, um Ihre Einstellungen zu speichern.

Add a trigger for banner display

Schritt 5: Veröffentlichen Sie Ihr Banner

Nachdem Sie die Bannereinstellungen konfiguriert haben, müssen Sie Ihr Lead Groups Dashboard verlassen und zum Thrive Leads Dashboard zurückkehren, indem Sie auf den Link oben klicken.

Erweitern Sie dort die Registerkarte „Lead Groups“ und schalten Sie den Schalter „Auf dem Desktop anzeigen“ auf „Ein“. Wenn Sie Ihr Banner auch auf mobilen Geräten anzeigen möchten, können Sie den Schalter „Auf mobilen Geräten anzeigen“ auf „Ein“ stellen.

Toggle the Display on desktop switch

Klicken Sie anschließend auf das Zahnradsymbol in der oberen rechten Ecke der Registerkarte „Lead Groups“, um die Anzeigeeinstellungen zu öffnen.

Hier können Sie die Seiten der Website auswählen, auf denen das Banner angezeigt werden soll. Wenn Sie z. B. möchten, dass das Banner oben auf allen Seiten und Beiträgen angezeigt wird, können Sie das Kästchen neben diesen Optionen aktivieren.

Klicken Sie abschließend auf die Schaltfläche „Speichern und schließen“, um Ihre Änderungen zu speichern.

Choose where you want to display the banner

Jetzt können Sie Ihre Website besuchen, um das oben auf der Seite angezeigte Banner zu überprüfen.

So sieht es auf unserer Demo-Website aus.

Preview of banner

Bonus: Hinzufügen von Smart-App-Bannern in WordPress

Wenn Sie eine mobile App für Ihre Website haben, dann ist es eine gute Idee, intelligente App-Banner anzuzeigen. Diese Banner bewerben Ihre Apps und ermutigen iPhone- oder iPad-Nutzer, sie herunterzuladen.

Sobald die Besucher auf dieses Banner klicken, werden sie zum App-Store weitergeleitet, wo sie Ihre App herunterladen können. Wenn die App bereits auf ihrem Gerät installiert ist, wird das Smart-App-Banner sie stattdessen auffordern, die App zu öffnen.

An example of a smart app banner on a WordPress website

Mit WPCode können Sie ganz einfach ein intelligentes App-Banner in WordPress hinzufügen. Es ist das beste WordPress-Code-Snippets-Plugin auf dem Markt, mit dem Sie die ID Ihrer App ganz einfach auf der Website hinzufügen können.

Weitere Informationen finden Sie in unserer Anleitung zum einfachen Hinzufügen eines Smart-App-Banners in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie ganz einfach ein Website-Banner für WordPress erstellen können. Vielleicht interessieren Sie sich auch für unseren Leitfaden für Einsteiger, wie Sie Farben auf Ihrer WordPress-Website anpassen können, und für unsere Top-Auswahl der besten Webdesign-Software.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

2 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph says

    I used to make banners as simple jpeg/png in canva and put images as clickable with links to where should they redirect. However this was always poor choice. What looks good on dekstop looks bad on mobile and vice versa.
    Images maybe scale and fit to screen but they don’t adapt like normal coded banners which are way better. First method looks really promising and professional which I hope will help me increase my conversions.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.