Viele WordPress-Nutzer glauben, dass das Hinzufügen eines individuellen Rechners zu ihrer Website viel technisches Fachwissen erfordert. Tatsächlich ist es viel einfacher, als es scheint. Mit involve.me, dem KI-Quiz-Funnel-Builder mit integrierter E-Mail-Automatisierung, können selbst Personen ohne Programmierkenntnisse problemlos einen individuellen Rechner erstellen und einbetten.
Dieser Artikel führt dich durch jeden einzelnen Schritt und stellt sicher, dass deine Website maximal von dieser interaktiven Funktion profitiert.
Los geht's!
Schritt 1: Erste Schritte Mit involve.me
Wähle zunächst einen zuverlässigen No-Code-Funnel-Builder mit Drag-and-drop-Funktion. Für mich ist involve.me die erste Wahl!
Dieser individuelle Builder für interaktive Rechner ist für seine nutzerfreundliche Plattform bekannt und bietet fortschrittliche Funktionen wie den KI-Agenten, Zahlungsintegrationen, Diagramme, Anzeigen, Graphen, bedingte Logik und zahlreiche Anpassungsmöglichkeiten.
Rufe die Website von involve.me auf und registriere dich. Du kannst dich mit einer E-Mail-Adresse oder bequem über ein Google- oder Microsoft-Konto anmelden. Nach der Anmeldung gelangst du zum Admin-Dashboard, das als zentrale Anlaufstelle für die Verwaltung von Funnels und den Zugriff auf zahlreiche Rechnerfunktionen dient.
Schritt 2: Vorlage Auswählen
Hier siehst du zwei Möglichkeiten: Du kannst eine integrierte Rechnervorlage verwenden oder einen Website-Rechner von Grund auf neu erstellen.
Du kannst verschiedene Arten von Rechnern erstellen, darunter ansprechende, voll ausgestattete Kostenrechner, BMI-Rechner, Kreditrechner, Schwangerschaftsrechner und Hypothekenrechner sowie weitere komplexe Rechner, beispielsweise Umrechnungsrechner, Ernährungsrechner und Energiesparrechner.
Da ich den Besuchern meiner Website eine ROI-Berechnung anbieten möchte, wähle ich eine Vorlage für einen Website-ROI-Rechner aus.
Erstelle deine eigenen Online-Rechner
Starte mit 300+ Vorlagen
Gib deinem Funnel als Nächstes einen Namen. In meinem Fall nenne ich ihn „Website-ROI-Rechner“. Wähle abschließend den Funnel-Typ aus. Wähle für Rechner den Seitentyp „Danke“. Das bedeutet, dass jemand nach der Nutzung des Rechners eine Seite mit den Ergebnissen und weiteren wichtigen Informationen sieht.
Wähle abschließend den Projekttyp aus. Wähle für Rechner den Seitentyp „Danke“. Das bedeutet, dass jemand nach der Nutzung des Rechners eine Seite mit den Ergebnissen und weiteren wichtigen Informationen sieht.
Schritt 3: Website-Rechner Erstellen
Nachdem du die Rechnervorlage ausgewählt hast, kannst du sie an deine Wünsche anpassen. Hier ist eine detaillierte Übersicht:
Eingabefelder Einrichten
Füge Fragen oder Felder hinzu, die Nutzer ausfüllen sollen. Stimme deine Fragen auf den jeweiligen Rechnertyp ab. Bei einem Website-ROI-Rechner könntest du beispielsweise nach dem monatlichen Traffic, den Conversion-Rates und dem durchschnittlichen Transaktionswert fragen.
Komplexe Berechnungen Und Formeln Konfigurieren
Nachdem du deine Fragen eingerichtet hast, ziehst du Elemente wie das Rechnersymbol per Drag-and-drop auf die letzte Seite deines Website-ROI-Rechnerprojekts.
Klicke auf die Option „Formel-Builder öffnen“ . Dadurch gelangst du zu einem speziellen Editor, der ausschließlich zum Erstellen von Formeln dient. Hier kannst du die mathematischen Operationen konfigurieren, die bestimmen, wie die Antworten auf deine Fragen verarbeitet werden, um ein Ergebnis zu erzeugen.
Layout Und Erscheinungsbild Gestalten
Die Funktionalität eines Rechners ist wichtig, doch auch sein Erscheinungsbild trägt wesentlich zur Interaktion der Nutzer bei. Nutze den Bereich Inhaltselemente, um verschiedene Aspekte des Designs deines Rechners anzupassen. Du kannst die Schriftart ändern, Farben und Hintergrund anpassen oder Bilder hinzufügen – die Plattform bietet dir viel Flexibilität.
Testen, Vorschau Ansehen Und Veröffentlichen
Sieh dir deinen Rechner immer zuerst in der Vorschau an. So erhältst du einen Eindruck von der Nutzererfahrung und kannst Verbesserungspotenzial erkennen.
Führe mehrere Testszenarien durch, um sicherzustellen, dass der Rechner genaue Ergebnisse liefert. Gib unterschiedliche Werte ein und prüfe, ob die Ergebnisse deinen Erwartungen entsprechen.
Bei deinen Tests fallen dir möglicherweise Bereiche auf, die geändert werden müssen. Ob du eine Formel oder das Design anpassen musst: Nimm diese Änderungen vor, bevor du deinen Rechner fertigstellst. Jetzt kannst du ihn veröffentlichen. So sieht das Endergebnis aus:
Schritt 4: Website-Rechner Auf Deiner Website Einbetten
Du kannst deinen Rechner auf 4 verschiedene Arten in deine WordPress-Website einbetten. Sehen wir uns jede davon einzeln an:
Mit HTML-Code Einbetten
Nachdem du deinen Rechner mit involve.me erstellt hast, rufst du den Bereich „Teilen“ oder „Einbetten“ auf, um den individuellen HTML-Code abzurufen.
Navigiere im Menü deines WordPress-Dashboards entweder zu „Seiten“ oder „Beiträge“, je nachdem, wo du den Rechner einfügen möchtest. Wähle „Neu hinzufügen“ oder bearbeite einen vorhandenen Eintrag.
Wechsle im Block-Editor in den Textmodus, öffne den Tab „Widget“ und wähle „Individuelles HTML“.
Füge den Codeausschnitt ein. Denk immer daran, deine Änderungen zu speichern und dir die Seite in der Vorschau anzusehen, um zu prüfen, ob der Rechner korrekt angezeigt wird.
Über Eine Direkte URL Einbetten
Rufe im Dashboard von involve.me im Bereich „Teilen“ oder „Einbetten“ die direkte URL deines Rechners ab.
Suche in deinem WordPress-Editor nach der Option „Einbetten“ im Bereich „Einbettungen“.
Füge dort die URL ein.
Voilà, dein Rechner ist jetzt Teil deiner Seite!
Über Elementor Einbetten
Wenn du Elementor verwendest, ziehst du das HTML-Widget einfach an die gewünschte Stelle. Rufe den Embed-Code bei involve.me ab und füge ihn in das HTML-Widget von Elementor ein.
Vergiss nicht, die Seite zu aktualisieren, damit dein Rechner an der vorgesehenen Stelle erscheint.
Mit Dem Involve.me-Plugin Einbetten
Installiere das WordPress-Plugin von involve.me.
Rufe nach der Aktivierung „involve.me projects“ in deinem Dashboard auf und klicke auf „Neu hinzufügen“. Daraufhin erscheint ein Feld mit der Bezeichnung „Projekt-URL“. Füge hier die URL deines Rechners von involve.me ein.
Du erhältst einen Shortcode, den du überall auf deiner Website platzieren kannst – in Beiträgen, auf Seiten oder sogar in anderen Page-Buildern.
Tipps Für Eine Erfolgreiche Rechnerintegration
Ein gut integrierter Website-Rechner kann ein wirkungsvolles Instrument für mehr Interaktion sein, doch sein Erfolg hängt oft von einigen wichtigen Strategien ab. Wenn du das Potenzial deines Rechners voll ausschöpfen und sicherstellen möchtest, dass er die Anforderungen deiner potenziellen Kunden erfüllt, solltest du diese wichtigen Tipps beachten:
Nutzerfreundlichkeit Priorisieren
Halte das Layout übersichtlich, intuitiv und unkompliziert. Nutzer sollten ohne Verwirrung verstehen können, wie sie den Rechner verwenden.
Halte Deinen Rechner Aktuell
Wie alle Online-Tools müssen auch Rechner aktuell bleiben. Ob es um die Anpassung an neue Algorithmen, die Einbindung neuer Daten oder die Berücksichtigung aktueller Trends geht: Stelle sicher, dass dein Rechner genaue und relevante Ergebnisse liefert.
Feedback Von Nutzern Willkommen Heißen
Ermutige Nutzer, ihre Erfahrungen, Gedanken und Vorschläge zum Rechner zu teilen. Ein leicht auffindbares Feedbackformular kann dabei helfen, diese wertvollen Rückmeldungen zu sammeln.
Prüfe das Feedback, erkenne Muster oder häufige Vorschläge und nimm die erforderlichen Anpassungen an deinem Rechner vor. Dadurch verbesserst du nicht nur das Tool, sondern zeigst auch, dass du die Rückmeldungen der Nutzer schätzt und darauf reagierst.
Jetzt Starten!
In diesem Tutorial hast du direkt gesehen, wie einfach du mit involve.me individuelle Rechner in deine WordPress-Website einbetten kannst. Die Zeiten komplizierter Integrationen sind vorbei. Jetzt kannst du ansprechende Rechner mühelos gestalten, erstellen und einbetten und so die Interaktivität und Nutzererfahrung deiner Website verbessern. Leg los und schöpfe das Potenzial der nutzerfreundlichen Plattform von involve.me voll aus!
