Website-Widgets

Button Widget for your website

Create a no-code CTA button that sends visitors to the right next step. Link to a page, start a call, open an email, launch a chat, or scroll to a page section with a button you can style and embed anywhere.

So erstellen Sie ein Button-Widget

Choose the button action

Choose the button action

Select whether the button opens a link, starts a phone call, creates an email, opens WhatsApp or Telegram, or scrolls to a page section.

Customize content and style

Customize content and style

Edit the label, optional second line, surrounding text, icon, colors, size, corner radius, shadow, and placement.

Embed it on your site

Embed it on your site

Preview the CTA in context, copy the generated embed code, and publish the button on your website without custom code.

Guide visitors to the next action in one click

Connect the button to multiple actions

Use one widget for sales links, sign-up forms, support emails, phone calls, WhatsApp chats, Telegram chats, social profile links, or smooth section jumps.

Connect the button to multiple actions

Place it inline or keep it floating

Embed the button in page content or let it float in a fixed screen position so the call to action stays visible while visitors scroll.

Place it inline or keep it floating

Make the CTA message clear

Use a primary label, optional second line, text above, and text below to give visitors enough context before they click.

Make the CTA message clear

Match your website style

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

How to embed your Button into WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

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.

Where to use your Button widget

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

  • What is a 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.

  • What actions can the button perform?

  • Can the button float on the screen?

  • Can I customize the button text?

  • Can I use an icon?

  • Can I match the design to my website?

  • Does the Button widget work on mobile?

  • Do I need to write code?