Möchten Sie einen Angebotsrechner in WordPress erstellen, um die Benutzererfahrung (UX) zu verbessern und den Umsatz auf Ihrer Website zu steigern?
Ein Angebotsrechner kann eine tolle Ergänzung für Ihre Website sein. Hilft Benutzern zu verstehen, wie viel sie für Ihre Produkte oder Dienstleistungen bezahlen werden, bevor es Zeit zur Zahlung ist.
Dies bedeutet weniger unerwartete „Überraschungen“, wenn der Kunde seine Zwischensumme sieht, was auch bedeutet, dass der Warenkorb auf Ihrer Website weniger abgebrochen wird.
Aber wie erstellen Sie einen Angebotsrechner, insbesondere wenn Sie nicht über Programmier- oder „technische“ Kenntnisse verfügen, auf die Sie zurückgreifen können?
Heute beantworten wir diese Frage mit einer Schritt-für-Schritt-Anleitung zum Erstellen eines Angebotsrechners in WordPress. Anschließend stellen wir Ihnen eine konkrete Strategie vor, mit der Sie neue Leads gewinnen und den Umsatz auf Ihrer Website steigern können.
Lassen Sie uns jedoch zunächst klären, was ein Angebotsrechner ist und warum er eine so wertvolle Ergänzung für Ihren Online-Shop darstellt.
Was ist ein Angebotsrechner (und warum benötigen Sie einen)?
Ein Angebotsrechner ist genau das, wonach er klingt: ein Rechner auf Ihrer Website, der speziell dafür entwickelt wurde, Benutzern dabei zu helfen, die Gesamtkosten der Artikel zu addieren, die sie kaufen möchten.
Mit dieser Funktion auf Ihrer Website können Kunden komplexe Bestellformulare erstellen, so viele Artikel in ihren Warenkorb legen, wie sie möchten, und haben einen klaren Überblick über die damit verbundenen Kosten.
Warum ist das wichtig? Denn einer der Hauptgründe für Warenkorbabbrüche sind unerwartete Kosten an der Kasse.
Daher sind Angebotsrechner eine hervorragende Möglichkeit, Warenkorbabbrüche auf Ihrer Website zu reduzieren. Aber es gibt noch andere Gründe, warum ein Angebotsrechner Ihrer Marke helfen kann, insbesondere im Hinblick darauf, wie er die UX auf Ihrer Website verbessert.
Mit einem Angebotsrechner können Sie Ihren Kunden helfen:
- Erstellen Sie komplexe Bestellformulare, die für Kunden leichter verständlich sind
- Bauen Sie Vertrauen bei Ihrem Publikum auf, indem Sie die Preise im Voraus anzeigen
- Finden Sie die Artikel, die sie lieben (sich aber auch leisten können)
- Und vieles mehr…
Letztendlich gibt es keine Nachteile, wenn Sie Ihrem WordPress-Shop einen Angebotsrechner hinzufügen. Sehen wir uns nun an, wie jeder in wenigen Minuten einen Angebotsrechner zu seinem WordPress-Shop hinzufügen kann.
Erstellen Sie einen Angebotsrechner für WordPress
Für dieses Tutorial verwenden wir Formidable Forms:
Formidable Forms ist zweifellos die beste Option, um schnell und einfach einen Angebotsrechner zu Ihrem WordPress-Shop hinzuzufügen. Es handelt sich um ein Formularerstellungs-Plugin, mit dem Sie in wenigen Minuten komplexe Bestellformulare erstellen können.
Darüber hinaus enthält es jede Menge nützliche Vorlagen, mit denen Sie bei der Formularerstellung stundenlang Zeit, Energie und Kopfschmerzen sparen können.
Sie haben auch die Möglichkeit, ein benutzerdefiniertes Formular von Grund auf zu erstellen. Es gibt auch praktisch keine Lernkurve, da Formidable Forms über einen Drag-and-Drop-Builder verfügt, den jeder verwenden kann.
Beginnen wir nun mit der Erstellung eines Angebotsrechners.
Bevor Sie jedoch mit dem Tutorial beginnen, müssen Sie das Formidable Forms-Plugin installieren und aktivieren. Sie können dies auf die gleiche Weise tun, wie Sie jedes andere WordPress-Plugin auf dem Markt herunterladen würden.
Noch nie ein Plugin installiert? Kein Problem. Schauen Sie sich diese hilfreiche Ressource an: So installieren Sie ein WordPress-Plugin – 3 einfache Methoden.
Sobald Formidable Forms Pro aktiviert ist, können Sie Ihren Angebotskostenrechner erstellen.
Schritt 1) Erstellen Sie ein Angebotsformular
Klicken Sie in Ihrem WordPress-Dashboard auf Beeindruckende Formen »Formen. Dann klick + Neu hinzufügen:
Daraufhin wird ein Popup-Fenster geöffnet, in dem Sie gefragt werden, welche Art von Formular Sie erstellen möchten. Geben Sie in die Suchleiste ein Befehl um die anzuheben Bestellung / Abrechnung Vorlagen (es befindet sich in der Hauptkategorie Taschenrechner):
Jetzt müssen Sie Ihrem Formular einen Namen geben, eine Beschreibung hinzufügen, um die Übersicht zu behalten, und klicken Erstellen:
Von hier aus werden Sie zu Ihrem Formular weitergeleitet. Als erstes müssen Sie die Option hinzufügen Radio Knöpfe Ihren Weg.
Mit dem Drag-and-Drop-Builder ist das ganz einfach. Klick einfach Radio Knöpfe. Ziehen Sie es dann per Drag & Drop auf Ihr Formular, wo Ihre Produkte erscheinen sollen:
Klicken Sie dann auf den neuen Abschnitt, den Sie gerade hinzugefügt haben. Das erste, was Sie tun müssen, ist zu klicken Verwenden Sie separate Werte:
Auf diese Weise können Sie für jedes Produkt, das Sie Ihrem Shop hinzufügen, einen einzigen Preis angeben:
Sie können Ihrem Bestellformular nun beliebig viele Produkte mit entsprechenden Preisen hinzufügen.
Bevor Sie jedoch mit Schritt 2 fortfahren, müssen Sie noch eine letzte Sache tun.
Gehe zum Fortschrittlich Abschnitt Ihrer Bearbeitungsoptionen:
Suchen Sie dann nach dem Dropdown-Menü mit der Bezeichnung Feldtyp und wählen Sie die Option aus Kontrollkästchen:
Dadurch können Ihre Kunden mehr als ein Produkt gleichzeitig auswählen.
Anschließend können Sie das Berechnungsfeld unten hinzufügen. Auf diese Weise können Ihre Kunden immer das genaueste Preisangebot für die von ihnen gewünschten Produkte erhalten.
Schritt 2) Fügen Sie Ihrem Formular ein schreibgeschütztes numerisches Feld hinzu
Sie müssen nun Ihrem Formular ein neues Feld hinzufügen. Dies ist jedoch kein Feld, das Ihre Kunden ändern können.
Stattdessen wird es ein sein Nummer Feld, um den Preis der Bestellung Ihres Kunden zu berechnen.
Gehen Sie zurück zu Ihrem Hauptmenü Felder hinzufügen Suchen Sie im Menü „Formidable Forms“ nach dem Nummer und ziehen Sie es direkt unter die neuen Produktoptionen in Ihrem Formular:
Dadurch werden die Bearbeitungswerkzeuge auf der linken Seite geöffnet. gehen Sie zu Ihrem Fortschrittlich Optionen und suchen Sie die Standardwert Feldbild. Klicken Sie dann auf das kleine Taschenrechnersymbol und die 3 kleinen Punkte, um die weiteren Bearbeitungseinstellungen zu öffnen:
Jetzt können Sie einige Dinge daran ändern. Nummer Feldbild.
Zuerst möchten Sie das Kästchen mit der Aufschrift aktivieren Berechnung als Währung formatieren:
Wählen Sie als Nächstes in der Feldliste die Feldfelder aus, die Sie Ihrer Berechnung hinzufügen möchten Nummer Feld.
Für dieses Tutorial wäre das die Liste der Produkte, die Sie in Schritt 1 hinzugefügt haben:
Und das ist! Sie verfügen nun über ein Bestellformular, das basierend auf den Kundenauswahlen ein Angebot für Ihre Produkte oder Dienstleistungen berechnet und aktualisiert:
Im heutigen Tutorial verwenden wir ein kleines Beispiel für einen E-Commerce-Shop, der Kleidung wie Sonnenbrillen oder Jeans verkauft.
Sie können jedoch leicht erkennen, wie Sie mit denselben hier beschriebenen Methoden benutzerdefinierte Angebotsformulare für jedes Ihrer Produkte oder Dienstleistungen erstellen können. Sie können Formulare erstellen, um Angebote abzugeben für:
- Gruppenberatung
- Online Kurse
- 1:1-Strategiesitzungen
- Digitale Güter
- Physische Güter
Oder jedes andere Produkt, das Sie online verkaufen können.
Nachdem wir nun wissen, wie man in WordPress einen Angebotsrechner erstellt, sehen wir uns an, wie Sie diese Funktion mit OptinMonster kombinieren können, um den Umsatz und die Conversions auf Ihrer Website zu steigern.
So steigern Sie Verkäufe und Conversions
Für diesen Abschnitt des Tutorials verwenden wir OptinMonster:
OptinMonster ist das weltweit führende Tool zur Lead-Generierung. Hilft Ihnen bei der Erstellung professioneller „Opt-in-Kampagnen“ wie Pop-ups, Floating Bars, Splash Mats im Vollbildmodus und mehr.
Diese Opt-in-Kampagnen können in wenigen Minuten erstellt werden, ohne dass Programmierkenntnisse erforderlich sind.
Und sobald Sie diese Kampagnen mit überzeugenden Texten oder einem Lead-Magneten versehen, können Sie in kürzerer Zeit bessere Leads gewinnen. Als?
Mit den erweiterten Targeting-Funktionen von OptinMonster können Sie Ihre Kampagnen den richtigen Personen am richtigen Ort zum richtigen Zeitpunkt in der Customer Journey präsentieren.
Möchten Sie es in Aktion sehen? Klicken Sie unten, um noch heute Ihre 100 % risikofreie OptinMonster-Testversion zu starten:
Schauen wir uns nun an, wie Sie OptinMonster und sein neues Angebotsrechner-Formular verwenden, um noch mehr Conversions von Ihrer WordPress-Site zu erzielen.
Erfassen Sie verlassene Besucher mit Ausstiegsabsicht
Eine der besten Möglichkeiten, Ihre E-Mail-Liste zu erweitern, ist die Exit-Intent®-Technologie von OptinMonster.
Mit der Exit-Intent®-Technologie können Sie Pop-ups erstellen, um Benutzern anzuzeigen, dass sie Ihre Website aktiv verlassen.
Dies funktioniert für Personen, die über mobile und Desktop-Geräte auf Ihre Website zugreifen. Hier ist ein Beispiel dafür, wie ein Exit-Intent-Popup aussehen würde:
Und Exit-Intent-Popups sind eine unglaublich wirkungsvolle Strategie. Sehen Sie sich tatsächlich einige der folgenden Erfolgsgeschichten darüber an, wie Kunden Exit-Intent-Popups nutzten, um mehr Conversions zu erzielen:
Sie können auch Exit-Intent-Popups verwenden, um den gleichen Erfolg auf Ihrer Website zu erzielen.
So verwenden Sie es für Ihr Angebotsformular
Sobald Ihr Angebotsformular aktiv ist, können Sie eine Seite dafür erstellen.
Wenn Benutzer mit dem Ausfüllen ihrer Formulare beginnen, kann es vorkommen, dass das Preisangebot teurer ist als geplant.
Doch bevor sie Ihre Website endgültig verlassen, können Sie ihnen einen Coupon oder einen anderen Lead-Magneten überreichen, um sie auf Ihrer Website zu halten.
Durch die Vorlage eines Coupons erfassen Sie nicht nur die E-Mail-Adresse des Nutzers, sondern motivieren ihn auch zur Zahlung.
Dazu möchten Sie OptinMonster verwenden, um ein Exit-Intent-Popup zu erstellen.
Wir werden in diesem Tutorial nicht darauf eingehen, wie man eine Kampagne mit OptinMonster erstellt und gestaltet. Schauen Sie sich dazu diese Ressource an: So erstellen Sie Ihre erste OptinMonster-Kampagne.
Aber keine Sorge. Das Erstellen Ihrer ersten Kampagne ist sehr einfach und dauert nur wenige Minuten.
Um Ihre Exit-Intent-Regel festzulegen, gehen Sie einfach zu Ihrem Anzeigeregeln oben in Ihrem OptinMonster-Editor:
Suchen und klicken Exit Intent®:
Anschließend können Sie auswählen, für welches Gerät Sie Ihr Exit-Intent-Popup verwenden möchten:
Anschließend können Sie Ihre Empfindlichkeitsstufe auswählen:
Dadurch ändert sich, wie schnell oder langsam Pop-ups erscheinen, wenn Benutzer die Browserseite verlassen.
Dann möchten Sie auf die URL Ihres Formulars verweisen. Suchen Sie dazu nach der Regel Targeting auf Seitenebene:
Ändern Sie dann das Feld in Aktuell URL-Pfad passt genau:
Anschließend können Sie die URL-Leiste Ihres Angebotsrechner-Formulars einfügen:
Wenn Sie fertig sind, können Sie es tun Speichern Und Post seine Kampagne.
Und das ist! Sie haben nun einen Angebotsrechner in WordPress erstellt.
Darüber hinaus haben Sie eine leistungsstarke Kampagne erstellt, um zu verhindern, dass Benutzer Ihre Website verlassen, indem Sie der spezifischen Seite Ihres Formulars eine Exit-Intent-Regel hinzufügen.
Wir hoffen, dass Sie diesen Beitrag hilfreich fanden. Wenn ja, sollten Sie sich die folgenden Ressourcen ansehen:
Diese Beiträge enthalten alles, was Sie brauchen, um mehr Leads und Verkäufe mit Ihren WordPress-Formularen zu erzielen.
Sind Sie bereit, es selbst auszuprobieren? Starten Sie noch heute risikofrei Ihr OptinMonster-Konto!
