Shopify for Announcement Bar

Scrollable Announcement Bar

This full-width announcement bar is designed for promotions, flash sales, and featured updates. It displays a short, high-contrast message with a clear call-to-action button, making it easy to highlight offers like limited-time savings, free shipping, and new arrivals. The entire banner is clickable, and visitors can also use the dedicated CTA or dismiss the bar when they are done. With a dark navy background, bright accent button, and compact spacing, it suits ecommerce sites that want a clean promotional strip at the top of the page without taking over the layout.

Bar Mitzvah Announcement Bar

This dismissible floating announcement bar is designed for a Bar Mitzvah celebration and keeps the message polished, warm, and easy to read. It includes a small Mazel Tov! badge, a clear headline, supportive event copy, and a prominent call-to-action button for sharing more details. It works well for families, synagogues, and event planners who want a respectful, modern notice at the top of a page. Visitors can quickly read the announcement, tap the button to open the event details page, or close the bar when they are finished.

Offer Announcement Bar

Highlight a special promotion with this offer announcement bar. It uses a bold centered floating layout, a clear headline, supportive message text, and a strong call to action to guide visitors toward the featured deal. The high-contrast color treatment helps the offer stand out without taking over the page. This template suits stores, campaigns, launches, and seasonal promotions that need a quick attention-grabbing message. Visitors can read the offer, click the button to continue to the linked page, or dismiss the bar when they are ready to browse on.

Last Call Announcement Bar

This floating announcement bar is designed for last-call messages like deadline reminders, registration cutoffs, final updates, and event notices. It uses a bold headline, a small badge, supporting body text, and a clear call-to-action button to help visitors notice the message quickly. It suits websites that need a simple, attention-grabbing banner at the top of the page. Visitors can read the message at a glance and click the button for more details, while the bar can also be dismissed when they are done.

So erstellen Sie das Widget Ankündigungsleiste

Vorlage für die Benachrichtigungsleiste auswählen

Starten Sie mit einer Vorlage für Benachrichtigungsleisten – für Rabattaktionen, Neuigkeiten, Gutscheine, Veranstaltungen, Versandhinweise, Produkteinführungen, Warnhinweise oder Anmeldungen.

Inhalt und Anzeigeregeln anpassen

Bearbeiten Sie Text, CTA, Gutschein, Timer, Farben, hochgeladenes Hintergrundbild, Position oben oder unten, Button zum Schließen, Zeitplan, Seitenregeln und Sichtbarkeit auf Mobilgeräten.

Betten Sie es auf Ihrer Website ein

Sehen Sie sich die Vorschau der Benachrichtigungsleiste an, kopieren Sie den generierten Einbettungscode und fügen Sie ihn auf den Seiten ein, auf denen die Mitteilung erscheinen soll.

Mehr erfahren

Benachrichtigungsleisten für jede Aktion erstellen

Vorlagen für Benachrichtigungsleisten entdecken

Nutzen Sie Vorlagen für Rabattaktionen, Produkte, Neueröffnungen, kostenlosen Versand, News, Updates, Black Friday, Weihnachten, Gutscheine, Veranstaltungen, Webinare, Geburtstagsaktionen, Communitys, Lead-Generierung, Richtlinien und Servicehinweise – auch als minimalistische Leiste, als schwebende Leiste am unteren Rand oder als Infoleiste im Seiteninhalt.

Buttons, Gutscheine und Countdowns hinzufügen

Zeigen Sie CTA-Buttons, Textlinks, klickbare Leisten, Gutscheincodes, Countdown-Timer und Trennelemente an, damit Besucherinnen und Besucher direkt aus der Mitteilung heraus handeln können.

Platzierung und Anzeige steuern

Platzieren Sie die Leiste oben, unten oder im Seiteninhalt, aktivieren Sie den Button zum Schließen, zeigen Sie die Leiste nur auf ausgewählten Geräten an, planen Sie Aktionszeiträume und legen Sie URL-Regeln fest, sofern der Referrer der einbettenden Seite verfügbar ist.

Passend zu Ihrem Website-Design

Passen Sie Farben, Farbverläufe, hochgeladene Hintergrundbilder, Helligkeit, Typografie, Innenabstände, Abstände, Buttongestaltung, responsive Größen, Branding und eigenes CSS mit begrenztem Geltungsbereich an.

Ankündigungsleiste in WordPress einbetten – so geht’s

1Einbettungscode abrufen

Klicken Sie nach dem Anpassen Ihres Jotform-Website-Widgets auf „Kostenlos auf Ihrer Website testen” und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Öffnen Sie in WordPress den Beitrag oder die Seite für das Widget und fügen Sie einen neuen Block hinzu.

3HTML-Block hinzufügen

Wählen Sie „Individuelles HTML” und fügen Sie den Einbettungscode Ihres Jotform-Website-Widgets in das HTML-Feld ein.

4Aktualisieren und ansehen

Klicken Sie auf „Aktualisieren” oder „Veröffentlichen” und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu prüfen.

Mehr erfahren

Warum sich Jotform Website Widgets auszeichnen

Mit den Widgets von Jotform wird Ihre Website interaktiver und Sie steigern Ihre Conversion-Rate. Zur Auswahl stehen zahlreiche Tools wie Sternebewertungen, Slideshows mit Erfahrungsberichten, Pop-ups mit Social Proof und eingebettete Medien. Fügen Sie Widgets zu Ihren Formularen oder Landingpages hinzu, um Daten zu sammeln, Erfahrungsberichte anzuzeigen und Leads zu gewinnen – ganz ohne Programmierkenntnisse.

Widgets ohne Programmierung verwenden

Fügen Sie Jotform-Widgets mithilfe eines Einbettungscodes in Ihre Website ein. Passen Sie das Widget an, sehen Sie sich die Vorschau an und fügen Sie den Code in jede Seite ein, die benutzerdefiniertes HTML oder Einbettungsblöcke unterstützt – ganz ohne Entwicklerinnen oder Entwickler.

Bauen Sie interaktivere Seiten

Mit Jotform Website Widgets sammeln Sie Leads, zeigen Kundenfeedback, präsentieren Social Proof, binden Medien ein oder fügen nützliche Webseiten-Tools hinzu. Über jedes Widget können Besucher direkt auf Ihrer Website mit Ihrem Unternehmen interagieren.

Holen Sie sich jederzeit Hilfe

Wenn Sie Unterstützung bei der Einrichtung, Anpassung, Einbettung oder Fehlerbehebung Ihres Widgets benötigen, steht Ihnen das Kundensupport-Team von Jotform rund um die Uhr zur Verfügung. So können Sie beruhigt weiterarbeiten, denn Sie wissen: Hilfe ist da, wenn Sie sie brauchen.

Wo Sie das Widget für Benachrichtigungsleisten einsetzen können

Setzen Sie eine Benachrichtigungsleiste überall dort ein, wo Besucherinnen und Besucher eine aktuelle, gut sichtbare Mitteilung sehen sollen, ohne dass der Seiteninhalt unterbrochen wird.

Onlineshops, um Rabatte, kostenlosen Versand, Gutscheincodes, zeitlich begrenzte Angebote und saisonale Aktionen zu bewerben.

Produkt- und Launch-Seiten, um neue Funktionen, Kollektionen, Wartelisten, Produktneuheiten oder Service-Updates anzukündigen.

Seiten für Veranstaltungen und Webinare, um mit CTA-Buttons, Links und Countdown-Timern zur Anmeldung einzuladen.

Blogs und Content-Bereiche, um auf die Newsletter-Anmeldung, aktuelle News, geänderte Richtlinien oder passende Angebote hinzuweisen.

Support- und Statusseiten, um Servicehinweise, Öffnungszeiten an Feiertagen, Wartungsfenster oder wichtige Mitteilungen anzuzeigen.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Machen Sie mit Jotform aus Interesse Taten. Erstellen Sie leistungsstarke Formulare, die Leads gewinnen, Zahlungen entgegennehmen und Antworten automatisieren – alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, wo Sie nachfassen oder sie mit Ihren Lieblings-Apps verbinden können.

Jetzt starten – Kostenlos!

FAQ

Was ist ein Widget für Benachrichtigungsleisten?
Ein Widget für Benachrichtigungsleisten zeigt eine kurze Mitteilung oben, unten oder im Inhaltsbereich Ihrer Website an, damit Besucherinnen und Besucher Aktionen, Hinweise, Neuigkeiten oder Handlungsaufforderungen sehen.
Wie viele Vorlagen gibt es?
Kann man die Leiste schließen?
Kann ich festlegen, wann die Leiste erscheint?
Kann ich festlegen, auf welchen Seiten die Leiste erscheint?
Kann ich Gutscheine oder Countdowns hinzufügen?