Wie konvertiert man einen WordPress-Blog in eine E-Commerce-Site?

Veröffentlicht: 2022-07-03

Planen Sie, Ihren WordPress-Blog in eine E-Commerce-Site umzuwandeln? Hier ist die umfassende Anleitung zum Erstellen Ihres Lieblingsdesigns und stilvollen Looks, um Ihr Unternehmen online zu bewerben.

Die meisten Leute sagen Ihnen, dass WordPress eine Blogging-Plattform ist . Und obwohl das wahr ist, wäre eine fundiertere Art, dasselbe auszudrücken, zu sagen, dass WordPress zwar als Blogging-Plattform begann, aber für mehr als nur das Bloggen verwendet werden kann .

Heute können Sie Ihren WordPress-Blog dank einiger Plugins problemlos in eine vollständige E-Commerce-Site umwandeln. Und dazu kommt noch? Wahrscheinlich müssen Sie auch nicht viel investieren. Mit zahlreichen verfügbaren WordPress-Plugins können Sie Ihren E-Shop für kein Geld einrichten! E-Commerce-Plattform ist jetzt mehr im Trend Online-Geschäft.

Aber halt durch! Lassen Sie uns nicht vorgreifen. Lassen Sie uns ein paar Grundlagen verstehen und die gesamte Idee in erreichbare Schritte unterteilen. Der Kern Ihres E-Commerce-Blogs wird das beste WordPress E-Commerce-Plugin sein, das Sie auswählen. Also lasst uns darüber reden, bevor wir fortfahren.

WordPress + E-Commerce-Plugin = E-Store

Das beste WordPress E-Commerce-Plugin hilft Ihnen bei der Einrichtung Ihres Online-Shops. Dies umfasst im Wesentlichen die Verwaltung Ihrer Benutzeroberfläche, Ihres Produktbestands, Ihrer Einkäufe, Rechnungen usw. Ihr E-Commerce-Plugin ist wie Ihr " Store Manager " .

Sie müssen lediglich Produkte und Produktinformationen wie Beschreibung und Preise einrichten. Ihr Plugin kümmert sich um den Rest. Jede Anpassung, die Sie hier benötigen, betrifft das Styling.

Index des Artikels

Wie verwandelt man einen WordPress-Blog in E-Commerce?

WordPress ist eines der beliebtesten CMS-Systeme der Welt. Es hat eine große Community und kann verwendet werden, um eine Vielzahl von Websites zu erstellen, von Blogs bis hin zu komplexen E-Commerce-Shops. Aber gelegentlich möchten Sie Ihren WordPress-Blog in eine E-Commerce-Site umwandeln, um Ihre Produkte online zu verkaufen.

Bevor Sie ein E-Commerce-Plugin für Ihre Website auswählen, müssen Sie Ihre Optionen abwägen. Wenn ich jetzt von einem WordPress-Blog spreche, könnte dies ein Blog bedeuten, das auf WordPress.com gehostet wird, oder ein selbst gehostetes Blog, das WordPress.org verwendet.

So oder so, Sie könnten es in einen E-Commerce-Blog umwandeln. Aber ein Unterschied, den Sie hier wissen müssen, ist, dass Sie mit WordPress.com nur begrenzte Möglichkeiten haben.

Bei WordPress.com müssen Sie auf „WordPress.com Business“ upgraden. Darin enthalten sind Kosten von 299 $ pro Jahr. Und Sie haben zwei Optionen zur Auswahl, Ecwid oder Shopify, als E-Commerce-Plattform. Eine kostengünstige (und empfohlene) Option, die Sie hier in Betracht ziehen könnten, wäre der Wechsel zu WordPress.org und die Verwendung eines beliebten E-Commerce-Plugins.

Wenn Sie einen selbst gehosteten Blog haben, haben Sie Glück! Sie benötigen lediglich ein frei verfügbares E-Commerce-Plugin und können loslegen!

Wie wähle ich ein E-Commerce-Plugin aus?

Als nächstes wählen Sie natürlich ein E-Commerce-Plugin aus mehreren verfügbaren aus. Okay, das ist also der wichtigste Schritt. Denn später möchte man nicht merken, dass man die falsche Wahl getroffen hat. Und ja, es gibt Plugins, mit denen Sie Ihren Shop von einem E-Commerce-System auf ein anderes portieren können. Aber Sie könnten sich den ganzen Ärger einfach sparen und jetzt eine fundierte Entscheidung treffen.

Must-Have-Funktionen eines E-Commerce-Plugins

Sie müssen ein Plug-in auswählen, bevor Sie beginnen, und dabei sowohl Ihre aktuellen als auch Ihre erwarteten zukünftigen Anforderungen berücksichtigen. Es gibt zum Beispiel Plugins, die nur für den Verkauf von digitalen Gütern gedacht sind. Selbst wenn Sie derzeit nur digitale oder virtuelle Waren verkaufen, sollten Sie besser ein anderes Plugin wählen, wenn Sie jemals physische oder lieferbare Waren verkaufen wollten. Lassen Sie uns weitermachen und einige „must-have“-Funktionen auflisten, die ein von Ihnen ausgewähltes E-Commerce-Plugin haben sollte, nachdem Sie Ihre Anforderungen skizziert haben.

1. Produkteinstellungen

Keine Überraschungen hier! Ein Muss ist die Möglichkeit, Produkte einzurichten. Wenn ich das sage, meine ich die Möglichkeit, Informationen über ein bestimmtes Produkt hinzuzufügen und diese von Beiträgen und Seiten zu unterscheiden. Dies würde beinhalten, Produkte als benutzerdefinierte Beitragstypen zu haben oder eine Kategorie zu verwenden, um sie zu identifizieren. Produkte als benutzerdefinierten Beitragstyp zu haben, ist immer besser. Es bietet Ihnen mehr Kontrolle über Anzeige- und Filteroptionen.

2. Zahlungsgateways

Ihr Plug-in muss eine „ In den Warenkorb “- und eine „Zur Kasse “-Funktion bereitstellen, um Produktkäufe abzuwickeln. Das bedeutet, dass es für Kunden eine Möglichkeit geben sollte, mehr als ein Produkt gleichzeitig zu kaufen und Zahlungen zu erhalten, indem Zahlungs-Gateways verwendet werden. Wenn Ihr Geschäft auf einen Kunden ausgerichtet ist, der einen einzelnen Kauf in Auftrag gibt, benötigen Sie natürlich keine Funktion zum Hinzufügen zum Warenkorb . Aber Zahlungsgateways sind, wie zu erwarten, ein Muss.

3. Versand

Wenn Sie versandfähige Waren verkaufen möchten, muss Ihr Plugin Ihnen auch die Möglichkeit bieten, Versandinformationen einzurichten. Dies würde bedeuten, dass verschiedene Versandmethoden aktiviert werden und Benutzer die Versandmethode auswählen können, die sie benötigen.

4. Rechnungen & Benachrichtigungen

Ihr Plug-in muss auch Benachrichtigungen senden, wenn Einkäufe getätigt werden, um den Rest der Transaktion abzuwickeln, der den Versand der Waren an den Kunden umfasst.

Sobald Sie sich für Plugins entschieden haben, die Ihren Anforderungen entsprechen, können Sie sich auch andere bereitgestellte Funktionen ansehen. Für Artikel mit begrenztem Lagerbestand müssen Sie beispielsweise ein Plugin in Betracht ziehen, das eine Bestandsverwaltung bietet.

Wenn Sie Verkäufe planen oder Rabatte anbieten möchten, müssen Sie sich Plugins ansehen, die Rabattcodes oder Coupons bereitstellen. Und wenn Sie die Steuerverwaltung ausgliedern möchten, können Sie sich ein Plugin ansehen, das dasselbe bietet.

Es gibt mehrere Plugins, die diese Kriterien erfüllen. Aber ein Plugin, das ich hier empfehlen würde, ist WooCommerce . Mit WooCommerce haben Sie alle Funktionen, es ist einfach zu bedienen und hat eine gute Anzahl von Add-Ons.

Wie starte ich einen Onlineshop mit WordPress?

Es ist eine gute Idee, mit einem Online-Shop mit WordPress-Plattform zu beginnen. Wenn Sie daran interessiert sind, anzufangen, müssen Sie über den Domainnamen und den besten Webhosting-Service nachdenken, um Ihr Geschäft online zu machen.

Lassen Sie mich zuerst über den Domänennamen sprechen.

Was ist ein Domainname?

  • Ein Domänenname ist eine Identifikationszeichenfolge, die einen Bereich administrativer Autonomie, Autorität oder Kontrolle im Internet definiert. Domainnamen werden nach den Regeln und Verfahren des Domain Name System (DNS) gebildet. Jeder im DNS registrierte Name ist ein Domänenname.
  • Domänennamen werden in verschiedenen Netzwerkkontexten und für anwendungsspezifische Benennungs- und Adressierungszwecke verwendet. Im Allgemeinen stellt ein Domänenname eine Internet Protocol (IP)-Ressource dar, z. B. einen PC, der für den Zugriff auf das Internet verwendet wird, einen Servercomputer, der eine Website hostet, oder die Website selbst oder einen anderen über das Internet kommunizierten Dienst.

Entscheiden Sie sich für ein perfektes Webhosting

Um Ihre Text- und Mediendateien zu hosten, benötigen Sie jetzt Webhosting. Einfach ausgedrückt ist Webhosting der Online-Standort, an dem Sie Ihr Unternehmen für Ihre Kunden hosten. Die Wahl des Webhostings ist sehr wichtig. Denn die Wahl des falschen Hosts kostet Sie Geld und wertvolle Kunden. Sie müssen also äußerste Vorsicht walten lassen. HostArmada ist das, was ich persönlich vorschlagen würde. Dieses Unternehmen bietet exzellentes Webhosting zu vernünftigen Preisen.

Hier sind die Funktionen, die HostArmada seinen Kunden anbietet

Merkmale des HostArmada-Hostings

  • Es bietet kostenloses SSL für alle Websites
  • Kostenloser Domainname für ein Jahr
  • Durchführung täglicher Backups
  • Bietet Cloud-basierten SSD-Speicher
  • Eine nicht gemessene Bandbreite
  • E-Mails und Datenbanken sind unbegrenzt
  • Die Migration Ihrer Website ist kostenlos
  • 1-Klick-WordPress-Installation
  • Ein benutzerfreundlicher Drag-and-Drop-Site-Builder
  • Website-Caching
  • Kostenloses Tool zum Scannen und Entfernen von Malware
  • Hervorragende Firewall-Unterstützung
  • Es gibt eine 45-tägige Geld-zurück-Garantie
  • Eine Betriebszeit von 99,9 % ist garantiert
  • 24/7/365 Kundensupport

HostArmada-Pläne und Preise

Es stehen drei verschiedene Shared-Webhosting-Pläne zur Verfügung. Dies sind Speed ​​Reaper, das auf LiteSpeed ​​läuft, und Star Dock, das auf NGINX basiert. Web Wrap läuft auch auf NGINX. Jeder der drei Pläne hat eine einzigartige Reihe von Funktionen. Kunden können upgraden, ohne ihr Budget zu überschreiten, wenn ihre Website und ihr Unternehmen wachsen.

In Bezug auf Managed Cloud SSD Shared Hosting bietet es drei hervorragende Pläne zu erschwinglichen Preisen.

1. Dock starten

Das günstigste Webhosting-Paket von HostArmada kostet 2,99 $ pro Monat. Die Merkmale und Einschränkungen des Plans sind zu sehen.

  • Sie können eine einzelne Website installieren.
  • 15 GB Cloud-SSD-Speicher (Festplattenspeicher)
  • 2-Kern-CPU
  • 2 GB Arbeitsspeicher
  • KOSTENLOSE Domainregistrierung oder -übertragung
  • Geeignet für die Website ist es, ~ 30.000 einzelne Besucher zu bekommen.
  • Regelmäßige Datenbanksicherung
  • Malware-Scan
  • Virus-Entfernung
  • WAF- und IP-Firewall

Profitieren Sie von 70 % RABATT auf den Hosting-Service (Gutscheincode: FESTIVEDEC70 )

Starten Sie mit Start Dock Hosting (70 % RABATT)

2. Webwarp

Sie können diesen Plan auswählen, wenn Sie mehrere Websites betreiben. Für 36 Monate kostet es 4,49 $ pro Monat. Die Website erhält fast 60.000 einzelne Besucher pro Monat, also ist es ein guter Plan. Sie erhalten die folgenden Funktionen sowie unbegrenztes Website-Hosting: 14 tägliche Backups, kostenlose Erkennung und Entfernung von Malware und einen Wiederherstellungsmanager mit nur einem Klick.

Der Plan hat die folgenden Merkmale.

  • Sie können unbegrenzt Websites hosten
  • 30 GB Cloud-SSD-Speicher (Festplattenspeicher)
  • 4Cores-CPU
  • 4 GB Arbeitsspeicher
  • Unbegrenzte Bandbreite
  • 14 tägliche Sicherungen
  • Kostenlose Website-Migration
  • Kostenloser Malware-Scan und -Entfernung
  • 2X CPU und RAM
  • 1-Klicken Sie auf Wiederherstellungs-Manager

Profitieren Sie von 70 % RABATT auf den Hosting-Service (Gutscheincode: FESTIVEDEC70 )

Starten Sie mit Web Warp Hosting (70 % RABATT)

C. Speed ​​Reaper

Die beste Strategie, um die Ladegeschwindigkeit Ihrer Website zu erhöhen, ist diese. Dieser Plan wird von LiteSpeed-Servern unterstützt. Sie zahlen 36 Monate lang 5,39 $ pro Monat, beginnend bei einem Startpreis von 5,99 $ pro Monat. Es hat die folgenden Funktionen:

  • Sie können unbegrenzt Websites hosten
  • 40 GB Cloud-SSD-Speicher
  • 6-Kern-CPU
  • 6 GB Arbeitsspeicher
  • 21 tägliche Backups
  • Malware-Scan und -Entfernung
  • WAF- und IP-Firewall
  • Warp-Funktionen
  • Speed ​​Reaper-Funktionen
  • Dynamisches Caching
  • 3x mehr CPU und RAM
  • 3x weniger Clients pro Server
  • LiteSpeed-Webserver
  • Dynamisches Caching

Profitieren Sie von 70 % RABATT auf den Hosting-Service (Gutscheincode: FESTIVEDEC70 )

Starte mit Speed ​​Reaper (70 % RABATT)

Für Ihren neuen Blog können Sie aus einem der verfügbaren Pläne auswählen. Sie können auf einen höheren Plan upgraden, sobald Ihre Website viel Verkehr aus verschiedenen Quellen erhält. Gehen Sie dazu in Ihrem Kundenbereich-Dashboard zu ihrem „ Upgrade-Center “ und wählen Sie den Plan aus, der den Anforderungen Ihrer Website am besten entspricht. Wenn Sie mehr Details über dieses Hosting erfahren möchten, lesen Sie meinen HostArmda-Test.

Wenn Sie einen der Pläne kaufen, erhalten Sie im ersten Jahr einen kostenlosen Domainnamen. Sie müssen sich also keine Sorgen um Ihre zusätzliche Zahlung für den Domainnamen machen. Sobald Sie den Kaufvorgang abgeschlossen haben, können Sie WordPress über das Hosting-Bedienfeld installieren. Wenn Sie neu dabei sind, können Sie sich an das Support-Team wenden. Sie werden alles kostenlos für Sie erledigen.

  • Grundlegende empfohlene WordPress-Einstellungen, bevor Sie beginnen
  • Wie erstelle ich Kategorien und Menüleisten?
  • Erfahren Sie, wie Sie den WordPress-Blog verwenden

Wie verwende ich WooCommerce für einen WordPress-Blog?

WooCommerce ist ein beliebtes E-Commerce-Plugin, mit dem Sie Ihren WordPress-Blog betreiben können. Es ermöglicht Ihnen, einen voll funktionsfähigen Online-Shop von Grund auf neu zu erstellen, oder Sie können es verwenden, um Funktionen zu einer bestehenden WordPress-Site hinzuzufügen.

Installieren Sie zunächst das WooCommerce-Plugin auf Ihrer WordPress-Site. Gehen Sie nach der Installation zum Hauptmenü von WooCommerce und wählen Sie „Neues Produkt hinzufügen“. Dadurch wird der Bildschirm „Neues Produkt hinzufügen“ geöffnet.

Geben Sie als Nächstes die Details Ihres Produkts ein. Sie müssen Informationen zu Ihrem Produkt (Name, Preis, Beschreibung usw.) sowie zusätzliche Informationen (z. B. Bilder) angeben. Sie können auch wählen, ob Sie dieses Produkt sofort oder erst nach Ablauf einer bestimmten Zeit zum Kauf anbieten möchten.

Nachdem Sie alle Informationen eingegeben haben, klicken Sie auf die Schaltfläche „Produkt erstellen“. Dies führt Sie zu den Glückwünschen! Ihr Produkt wurde erstellt! Bildschirm.

Jetzt ist es an der Zeit, Ihr Produkt zu Ihrem WordPress-Blog hinzuzufügen. Um dies abzuschließen, gehen Sie zurück zum Frontend Ihres WordPress-Blogs und klicken Sie auf die Registerkarte „Darstellung“. Klicken Sie unter „WooCommerce-Produkte“ auf den Link neben Ihrem neu erstellten Produktnamen und wählen Sie dann „Produkt hinzufügen“.

Sie können jetzt zusätzliche Informationen zu Ihrem Produkt (z. B. eine Beschreibung) sowie Bilder und andere Inhalte zu Ihrem Produkt hinzufügen. Stellen Sie schließlich sicher, dass Sie ein Zahlungsgateway einrichten, damit Kunden ihre Produkte mit Kreditkarte oder PayPal bezahlen können.

Einrichten Ihres E-Stores

Nachdem Sie ein Plugin ausgewählt haben, müssen Sie es auf Ihrer WordPress-Website installieren, grundlegende Einstellungen vornehmen und Produkte einrichten. Und du bist fertig! (Keine einzeilige Aufgabe, sondern der letzte Schritt im Konvertierungsprozess).

Nun, ich verstehe, dass dieser Artikel nicht jeden möglichen Anwendungsfall anspricht, und einige von Ihnen könnten auf dem Weg dorthin einige Schluckaufe haben. Diejenigen unter Ihnen, die Fragen haben, sollten diese unbedingt stellen oder im Kommentarbereich unten Feedback für Mitleser geben. Starten Sie ein E- Commerce-Geschäft, indem Sie den obigen How to E-Commerce-Leitfaden verwenden.

Häufig gestellte Fragen (FAQs)

Was ist E-Commerce?

E-Commerce, auch bekannt als elektronischer Handel oder Online-Handel, bezieht sich auf den Kauf und Verkauf von Waren oder Dienstleistungen über das Internet. Es deckt eine breite Palette von Aktivitäten ab, von Online-Shopping- und Auktionsseiten bis hin zu Online-Banking und Online-Aktienhandel.

Ist WordPress gut für E-Commerce?

WordPress ist eine beliebte Plattform zum Erstellen von E-Commerce-Websites. Es ist einfach zu bedienen und verfügt über eine Vielzahl von Funktionen, die an die Anforderungen Ihres Unternehmens angepasst werden können. Einige Vorteile der Verwendung von WordPress für E-Commerce sind:
• Es ist eine stabile Plattform, die zuverlässig und sicher ist.
• Es verfügt über eine große Auswahl an Plugins, die verwendet werden können, um die Funktionalität Ihrer Website zu verbessern.
• Es ist einfach, benutzerdefinierte Seiten und Posts zu erstellen, was es perfekt für die Verwaltung Ihrer Produktkataloge und Kundendaten macht.
• Es verfügt über ein integriertes SEO-System, das Ihnen helfen kann, in Suchmaschinen einen höheren Rang einzunehmen.

Wie starte ich einen Onlineshop mit WordPress?

Um einen Online-Shop mit WordPress zu starten, benötigen Sie ein gutes Verständnis der Plattform und einige grundlegende Programmierkenntnisse. Zunächst müssen Sie eine Website oder einen Blog mit WordPress erstellen. Sobald dies erledigt ist, müssen Sie das WooCommerce-Plugin installieren und konfigurieren, damit es mit Ihrer Website funktioniert. Als Nächstes müssen Sie Produktseiten erstellen und Bilder und Beschreibungen für jedes Produkt hinzufügen. Sie müssen auch Preise und Versandinformationen für jedes Produkt hinzufügen. Schließlich müssen Sie ein Zahlungsgateway wie PayPal hinzufügen, damit Kunden für ihre Produkte bezahlen können.

Welche WordPress-Plugins sind für meinen Online-Shop nützlich?

Es gibt viele WordPress-Plugins, die für Ihren Online-Shop nützlich sein können. Einige der beliebtesten Plugins, die für Online-Shops verwendet werden, sind:
1. Gravity Forms: Gravity Forms ist ein Plugin, mit dem Sie auf einfache Weise Formulare, Umfragen und Kontaktformulare auf Ihrer WordPress-Site erstellen und verwalten können. Dieses Plugin ist sehr beliebt, da es einfach zu bedienen ist und über eine Vielzahl von Funktionen verfügt.
2. Yoast SEO: Yoast SEO ist ein Plugin, das Ihnen hilft, Ihre Website für Suchmaschinen zu optimieren. Es enthält Funktionen wie Keyword-Recherche, Metadaten-Optimierung und mehr. Dieses Plugin ist sehr beliebt, da es einfach zu bedienen ist und über eine Vielzahl von Funktionen verfügt.
3. WPForms: WPForms ist ein Formularerstellungs-Plugin, mit dem Sie ganz einfach benutzerdefinierte Formulare auf Ihrer WordPress-Site erstellen können. Dieses Plugin ist sehr beliebt, da es einfach zu bedienen ist und über eine Vielzahl von Funktionen verfügt.

Was ist das WordPress E-Commerce-Plugin?

WooCommerce ist ein kostenloses und Open-Source-Warenkorb-Plugin für WordPress. Es ist eines der beliebtesten E-Commerce-Plugins, das heute verfügbar ist und von Millionen von Websites verwendet wird. Es ermöglicht Ihnen, online über Ihre WordPress-Site mit unbegrenzten Produkten, Kategorien und Tags zu verkaufen. WooCommerce ist leistungsstark und kann zahlreiche Dinge tun, die Sie mit anderen E-Commerce-Plugins möglicherweise nicht tun können. Beispielsweise verfügt es über integrierte Zahlungsabwicklungs-, Auftragsverfolgungs- und Versandfunktionen. Sie finden WooCommerce im WordPress-Plugin-Repository.

Was ist der beste Weg, um meinen WordPress-Blog in eine E-Commerce-Site zu verwandeln?

Es gibt viele Möglichkeiten, einen WordPress-Blog in eine E-Commerce-Site zu verwandeln. Eine Möglichkeit besteht darin, ein benutzerdefiniertes Design und Plugin zu erstellen, mit dem Sie Produkte in Ihrem Blog verkaufen können. Eine andere Möglichkeit ist die Verwendung eines Plugins wie WooCommerce, mit dem Sie ganz einfach einen Shop erstellen, Produkte hinzufügen und Bestellungen verwalten können.

Letzte Worte:

WordPress ist ein kostenloses und Open-Source-Content-Management-System (CMS), mit dem Websites aller Art erstellt werden können. Es ist einfach zu bedienen, sodass jeder schnell loslegen kann. Sie können es für persönliche oder kommerzielle Zwecke verwenden, aber um Ihre Investition optimal zu nutzen, sollten Sie erwägen, Ihre Website zu einem E-Commerce-Plattform-Shop zu machen.

  • Wie starte ich ein Blog auf GreenGeeks?
  • Wie erstelle ich eine WordPress-Website mit Elementor?
  • Wie installiere ich WordPress auf Bluehost?
  • 6 Punkte, die Sie berücksichtigen sollten, bevor Sie ein WordPress-Theme auswählen
  • Rank Math SEO-Plugin und seine Einstellungen

Um Ihren WordPress-Blog in eine E-Commerce-Plattform umzuwandeln, müssen Sie lernen, wie man das WooCommerce-Plugin verwendet. Mit diesem Plugin können Sie in nur wenigen Minuten einen voll funktionsfähigen Online-Shop mit allen Funktionen einer Standard-E-Commerce-Website erstellen. Es ist das beste E-Commerce-Plugin. Wenn Sie dieses Plugin installieren, müssen Sie auf der neuesten Version von WordPress sein und alle erforderlichen Plugins installiert haben.

Sobald dies erledigt ist, müssen Sie nur noch einige grundlegende Schritte ausführen und Ihre erste Produktseite erstellen. Sie können dann Bilder hochladen und Ihren Produkten Beschreibungen hinzufügen, bevor Sie sie in Ihrem Online-Shop zum Verkauf anbieten. Wenn Sie weitere Informationen zur Verwendung von WooCommerce wünschen, werfen Sie einen Blick auf unseren vorherigen Blog-Beitrag hier.

SEMRUSH-Popup-Banner