Website-Widgets

Rechner erstellen für Ihre Website

Lassen Sie Besucher Preise, Projektkosten und Angebote direkt auf Ihrer Seite schätzen. Erstellen Sie die Eingabefelder, legen Sie für jedes einen Preis fest, fügen Sie optionale Steuern und Rabatte hinzu, und das Widget ändert die Summe sofort. Passen Sie Bezeichnungen, Farben, Layout und einen Call-to-Action-Button in einem No-Code-Generator an.

So erstellen Sie das Widget Taschenrechner

Build your fields

Erstellen Sie Ihre Felder

Fügen Sie Zahlen-, Schieberegler-, Checkbox- und Dropdown-Eingaben hinzu und legen Sie dann einen Grundpreis sowie einen Preis für jede Option fest, damit das Widget weiß, wie es rechnen soll.

Customize the design

Design anpassen

Bearbeiten Sie Titel, Ergebnisbezeichnung, Währung, optionale Steuern und Rabatte, Farben, Eckenradius, Breite und einen optionalen Call-to-Action-Button.

Embed it on your website

Betten Sie es auf Ihrer Website ein

Zeigen Sie eine Vorschau der Live-Summe an, kopieren Sie den generierten Einbettungscode und veröffentlichen Sie den Rechner auf jeder Seite, auf der Besucher einen Preis wünschen.

Verwandeln Sie Ihre Preisgestaltung in eine sofortige, interaktive Schätzung

Erstellen Sie die Eingaben, von denen Ihr Preis abhängt

Fügen Sie bis zu fünf konfigurierbare Eingaben als Zahlen-, Schieberegler-, Checkbox- oder Dropdown-Felder hinzu, jeweils mit eigener Bezeichnung und Preis pro Einheit oder pro Option.

Build the inputs your price depends on

Zeigen Sie eine Live-Summe, während Besucher auswählen

Die geschätzte Summe wird sofort neu berechnet – mit Grundpreis, feldbezogener Preisgestaltung sowie optionalem prozentualem oder festem Rabatt und Steuern.

Show a live total as visitors choose

Passen Sie den Rechner an Ihr Branding an

Wählen Sie eine Stilvorlage und passen Sie Farben für Oberfläche, Eingabe, Ergebnis und Button, Eckenradius, Währungssymbol und begrenztes benutzerdefiniertes CSS an.

Match the calculator to your brand

Führen Sie Besucher zum nächsten Schritt

Fügen Sie einen optionalen Call-to-Action-Button hinzu, verwenden Sie ein- oder zweispaltige Layouts und steuern Sie die Sichtbarkeit auf Desktop und Mobilgeräten.

Guide visitors to the next step

Taschenrechner in WordPress einbetten – so geht’s

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 Berechnungs-Widget einsetzen können

Fügen Sie das Widget überall dort ein, wo Besucher einen Preis wissen möchten, bevor sie Kontakt aufnehmen, sodass aus Schätzungen Unterhaltungen werden.

Serviceseiten, damit Interessenten Projektkosten anhand von Optionen wie Umfang, Add-ons und Teamgröße schätzen können.

Preisseiten, um eine statische Preistabelle in ein interaktives Angebot zu verwandeln, das echte Auswahlen widerspiegelt.

Produktseiten, auf denen Menge, Upgrades und Lieferoptionen die Endsumme verändern.

Landingpages, um Kampagnenbesuchern eine sofortige Schätzung und einen klaren Call-to-Action zu bieten.

Buchungs- und Angebotsseiten, damit Besucher ein Paket einschätzen können, bevor sie den nächsten Schritt anfordern.

Mobile Websites, auf denen ein kompakter, responsiver Rechner Preise nur einen Fingertipp entfernt hält.

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 starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein Berechnungs-Widget?

    Ein Berechnungs-Widget ist ein einbettbares Tool, mit dem Website-Besucher einen Preis, Kosten oder ein Angebot schätzen können, indem sie von Ihnen definierte Optionen auswählen – die Summe ändert sich dabei in Echtzeit.

  • Gibt es fertige Rechner-Vorlagen?

  • Welche Eingabetypen kann ich hinzufügen?

  • Wie wird die Summe berechnet?

  • Kann ich Steuern und Rabatte hinzufügen?

  • Kann ich die Währung ändern?

  • Kann ich das Design anpassen?

  • Kann ich einen Button mit Link hinzufügen?

  • Funktioniert das Widget auf Mobilgeräten?

  • Muss ich etwas programmieren?