Website-Widgets

Button-Generator für Ihre Website

Erstellen Sie einen No-Code-CTA-Button, der Besucher zum richtigen nächsten Schritt führt. Verlinken Sie auf eine Seite, starten Sie einen Anruf, öffnen Sie eine E-Mail, starten Sie einen Chat oder scrollen Sie zu einem Seitenabschnitt – mit einem Button, den Sie überall gestalten und einbetten können.

So erstellen Sie ein Button-Widget

Choose the button action

Wählen Sie die Button-Aktion

Wählen Sie aus, ob der Button einen Link öffnet, einen Anruf startet, eine E-Mail erstellt, WhatsApp oder Telegram öffnet oder zu einem Seitenabschnitt scrollt.

Customize content and style

Inhalt und Stil anpassen

Bearbeiten Sie die Beschriftung, die optionale zweite Zeile, den umgebenden Text, das Icon, die Farben, die Größe, den Eckenradius, den Schatten und die Platzierung.

Embed it on your site

Betten Sie ihn auf Ihrer Website ein

Zeigen Sie eine Vorschau des CTA im Kontext an, kopieren Sie den generierten Einbettungscode und veröffentlichen Sie den Button auf Ihrer Website ohne benutzerdefinierten Code.

Führen Sie Besucher mit einem Klick zur nächsten Aktion

Verbinden Sie den Button mit mehreren Aktionen

Verwenden Sie ein Widget für Verkaufslinks, Anmeldeformulare, Support-E-Mails, Anrufe, WhatsApp-Chats, Telegram-Chats, Links zu sozialen Profilen oder sanfte Sprünge zwischen Abschnitten.

Connect the button to multiple actions

Platzieren Sie ihn inline oder lassen Sie ihn schweben

Betten Sie den Button in den Seiteninhalt ein oder lassen Sie ihn an einer festen Position auf dem Bildschirm schweben, damit der Call-to-Action sichtbar bleibt, während Besucher scrollen.

Place it inline or keep it floating

Machen Sie die CTA-Botschaft klar

Verwenden Sie eine Hauptbeschriftung, eine optionale zweite Zeile, Text darüber und Text darunter, um Besuchern genügend Kontext zu geben, bevor sie klicken.

Make the CTA message clear

Passen Sie den Stil an Ihre Website an

Passen Sie die Platzierung von Icons, die Höhe der Buttons, den Abstand, die Schriftgröße, die Farben, die Farbe beim Bewegen des Mauszeigers, den Eckenradius, den Schatten, die Sichtbarkeit auf dem Gerät, das Branding sowie den bereichsbezogenen benutzerdefinierten CSS-Code an.

Match your website style

So betten Sie Ihr Button in WordPress ein

1Einbettungscode abrufen

Nachdem Sie Ihr Jotform Website-Widget angepasst haben, klicken Sie auf Kostenlos auf Ihrer Website testen und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Gehen Sie zum WordPress-Beitrag oder zur Seite, auf der Sie das Widget anzeigen möchten, und fügen Sie einen neuen Block hinzu.

3Custom HTML Block hinzufügen

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

4Ändern und anzeigen

Klicken Sie auf Ändern oder Veröffentlichen und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu überprüfen.

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 Ihr Button Widget verwenden können

Fügen Sie an jeder Stelle, an der Besucher einen klaren nächsten Schritt benötigen, einen Button-Button ein. Das gilt besonders für Seiten, auf denen die Hauptaktion leicht zu finden sein sollte.

Landingpages, um Besucher zu Anmeldeformularen, Preisen, Bezahlungen, Buchungen oder Demo-Anfragen zu leiten.

Produktseiten, um In-den-Warenkorb-, Jetzt-kaufen-, Vertrieb-kontaktieren- oder Angebot-anfordern-Aktionen hervorzuheben.

Support-Seiten, um E-Mail-, Telefon-, WhatsApp- oder Telegram-Unterhaltungen über einen einzigen CTA zu starten.

Blogbeiträge und ausführliche Anleitungen, um Leser zu Formularen, Downloads, Angeboten oder relevanten Abschnitten weiterzuleiten.

Social-Campaign-Seiten, um Besucher zu Instagram, Facebook, TikTok, X, Pinterest oder anderen Profillinks zu leiten.

Mobile Seiten, auf denen ein kompakter, schwebender CTA das Telefonieren, Chatten oder Kaufen beschleunigen kann.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Nutzen Sie Jotform, um aus jedem Kontakt eine konkrete Maßnahme zu machen. Erstellen Sie leistungsstarke Formulare, mit denen Sie Leads erfassen, Zahlungen abwickeln und Antworten automatisieren – und das alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, von wo aus Sie nachfassen oder Ihre bevorzugten Apps verbinden können.

Jetzt startenKostenlos!
Convert leads into customers

FAQ

  • Was ist ein Button Widget?

    Ein Button-Widget ist ein anpassbarer Call-to-Action-Button, den Sie auf Ihrer Website einbetten können. Er kann Links, Anrufe, E-Mails, Chats und Seitenabschnitte öffnen.

  • Welche Aktionen kann der Button ausführen?

  • Kann der Button auf dem Bildschirm schweben?

  • Kann ich den Button-Text anpassen?

  • Kann ich ein Icon verwenden?

  • Kann ich das Design an meine Website anpassen?

  • Funktioniert das Button Widget auf Mobilgeräten?

  • Muss ich Code schreiben?