Letztendlich gibt es keine Nachteile, wenn Sie Ihrem WordPress-Shop einen Angebotsrechner hinzuf\u00fcgen. Sehen wir uns nun an, wie jeder in wenigen Minuten einen Angebotsrechner zu seinem WordPress-Shop hinzuf\u00fcgen kann.<\/p>\n
Erstellen Sie einen Angebotsrechner f\u00fcr WordPress<\/h2>\n
F\u00fcr dieses Tutorial verwenden wir Formidable Forms:<\/p>\n
![\"Beeindruckende](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1631467340_781_7-complementos-de-marketing-por-SMS-para-WordPress-comparados.png\")
<\/p>\n
Formidable Forms ist zweifellos die beste Option, um schnell und einfach einen Angebotsrechner zu Ihrem WordPress-Shop hinzuzuf\u00fcgen. Es handelt sich um ein Formularerstellungs-Plugin, mit dem Sie in wenigen Minuten komplexe Bestellformulare erstellen k\u00f6nnen.<\/p>\n
Dar\u00fcber hinaus enth\u00e4lt es jede Menge n\u00fctzliche Vorlagen, mit denen Sie bei der Formularerstellung stundenlang Zeit, Energie und Kopfschmerzen sparen k\u00f6nnen.<\/p>\n
Sie haben auch die M\u00f6glichkeit, ein benutzerdefiniertes Formular von Grund auf zu erstellen. Es gibt auch praktisch keine Lernkurve, da Formidable Forms \u00fcber einen Drag-and-Drop-Builder verf\u00fcgt, den jeder verwenden kann.<\/p>\n
Beginnen wir nun mit der Erstellung eines Angebotsrechners.<\/p>\n
Bevor Sie jedoch mit dem Tutorial beginnen, m\u00fcssen Sie das Formidable Forms-Plugin installieren und aktivieren. Sie k\u00f6nnen dies auf die gleiche Weise tun, wie Sie jedes andere WordPress-Plugin auf dem Markt herunterladen w\u00fcrden.<\/p>\n
Noch nie ein Plugin installiert? Kein Problem. Schauen Sie sich diese hilfreiche Ressource an: So installieren Sie ein WordPress-Plugin \u2013 3 einfache Methoden.<\/p>\n
Sobald Formidable Forms Pro aktiviert ist, k\u00f6nnen Sie Ihren Angebotskostenrechner erstellen.<\/p>\n
Schritt 1) \u200b\u200bErstellen Sie ein Angebotsformular<\/h3>\n
Klicken Sie in Ihrem WordPress-Dashboard auf Beeindruckende Formen \u00bbFormen<\/strong>. Dann klick + Neu hinzuf\u00fcgen<\/strong>:<\/p>\n Daraufhin wird ein Popup-Fenster ge\u00f6ffnet, in dem Sie gefragt werden, welche Art von Formular Sie erstellen m\u00f6chten. Geben Sie in die Suchleiste ein Befehl<\/strong> um die anzuheben Bestellung \/ Abrechnung<\/strong> Vorlagen (es befindet sich in der Hauptkategorie Taschenrechner<\/strong>):<\/p>\n Jetzt m\u00fcssen Sie Ihrem Formular einen Namen geben, eine Beschreibung hinzuf\u00fcgen, um die \u00dcbersicht zu behalten, und klicken Erstellen<\/strong>:<\/p>\n Von hier aus werden Sie zu Ihrem Formular weitergeleitet. Als erstes m\u00fcssen Sie die Option hinzuf\u00fcgen Radio Kn\u00f6pfe <\/strong>Ihren Weg.<\/p>\n Mit dem Drag-and-Drop-Builder ist das ganz einfach. Klick einfach Radio Kn\u00f6pfe. <\/strong>Ziehen Sie es dann per Drag & Drop auf Ihr Formular, wo Ihre Produkte erscheinen sollen:<\/p>\n Klicken Sie dann auf den neuen Abschnitt, den Sie gerade hinzugef\u00fcgt haben. Das erste, was Sie tun m\u00fcssen, ist zu klicken Verwenden Sie separate Werte<\/strong>:<\/p>\n Auf diese Weise k\u00f6nnen Sie f\u00fcr jedes Produkt, das Sie Ihrem Shop hinzuf\u00fcgen, einen einzigen Preis angeben:<\/p>\n Sie k\u00f6nnen Ihrem Bestellformular nun beliebig viele Produkte mit entsprechenden Preisen hinzuf\u00fcgen.<\/p>\n Bevor Sie jedoch mit Schritt 2 fortfahren, m\u00fcssen Sie noch eine letzte Sache tun.<\/p>\n Gehe zum Fortschrittlich<\/strong> Abschnitt Ihrer Bearbeitungsoptionen:<\/p>\n Suchen Sie dann nach dem Dropdown-Men\u00fc mit der Bezeichnung Feldtyp <\/strong>und w\u00e4hlen Sie die Option aus Kontrollk\u00e4stchen<\/strong>:<\/p>\n Dadurch k\u00f6nnen Ihre Kunden mehr als ein Produkt gleichzeitig ausw\u00e4hlen.<\/p>\n Anschlie\u00dfend k\u00f6nnen Sie das Berechnungsfeld unten hinzuf\u00fcgen. Auf diese Weise k\u00f6nnen Ihre Kunden immer das genaueste Preisangebot f\u00fcr die von ihnen gew\u00fcnschten Produkte erhalten.<\/p>\n Sie m\u00fcssen nun Ihrem Formular ein neues Feld hinzuf\u00fcgen. Dies ist jedoch kein Feld, das Ihre Kunden \u00e4ndern k\u00f6nnen.<\/p>\n Stattdessen wird es ein sein Nummer<\/strong> Feld, um den Preis der Bestellung Ihres Kunden zu berechnen.<\/p>\n Gehen Sie zur\u00fcck zu Ihrem Hauptmen\u00fc Felder hinzuf\u00fcgen <\/strong>Suchen Sie im Men\u00fc \u201eFormidable Forms\u201c nach dem Nummer <\/strong>und ziehen Sie es direkt unter die neuen Produktoptionen in Ihrem Formular:<\/p>\n Dadurch werden die Bearbeitungswerkzeuge auf der linken Seite ge\u00f6ffnet. gehen Sie zu Ihrem Fortschrittlich<\/strong> Optionen und suchen Sie die Standardwert <\/strong>Feldbild. Klicken Sie dann auf das kleine Taschenrechnersymbol und die 3 kleinen Punkte, um die weiteren Bearbeitungseinstellungen zu \u00f6ffnen:<\/p>\n Jetzt k\u00f6nnen Sie einige Dinge daran \u00e4ndern. Nummer <\/strong>Feldbild.<\/p>\n Zuerst m\u00f6chten Sie das K\u00e4stchen mit der Aufschrift aktivieren Berechnung als W\u00e4hrung formatieren<\/strong>:<\/p>\n W\u00e4hlen Sie als N\u00e4chstes in der Feldliste die Feldfelder aus, die Sie Ihrer Berechnung hinzuf\u00fcgen m\u00f6chten Nummer <\/strong>Feld.<\/p>\n F\u00fcr dieses Tutorial w\u00e4re das die Liste der Produkte, die Sie in Schritt 1 hinzugef\u00fcgt haben:<\/p>\n Und das ist! Sie verf\u00fcgen nun \u00fcber ein Bestellformular, das basierend auf den Kundenauswahlen ein Angebot f\u00fcr Ihre Produkte oder Dienstleistungen berechnet und aktualisiert:<\/p>\n Im heutigen Tutorial verwenden wir ein kleines Beispiel f\u00fcr einen E-Commerce-Shop, der Kleidung wie Sonnenbrillen oder Jeans verkauft.<\/p>\n Sie k\u00f6nnen jedoch leicht erkennen, wie Sie mit denselben hier beschriebenen Methoden benutzerdefinierte Angebotsformulare f\u00fcr jedes Ihrer Produkte oder Dienstleistungen erstellen k\u00f6nnen. Sie k\u00f6nnen Formulare erstellen, um Angebote abzugeben f\u00fcr:<\/p>\n Oder jedes andere Produkt, das Sie online verkaufen k\u00f6nnen.<\/p>\n Nachdem wir nun wissen, wie man in WordPress einen Angebotsrechner erstellt, sehen wir uns an, wie Sie diese Funktion mit OptinMonster kombinieren k\u00f6nnen, um den Umsatz und die Conversions auf Ihrer Website zu steigern.<\/p>\n F\u00fcr diesen Abschnitt des Tutorials verwenden wir OptinMonster:<\/p>\n OptinMonster ist das weltweit f\u00fchrende Tool zur Lead-Generierung. Hilft Ihnen bei der Erstellung professioneller \u201eOpt-in-Kampagnen\u201c wie Pop-ups, Floating Bars, Splash Mats im Vollbildmodus und mehr.<\/p>\n Diese Opt-in-Kampagnen k\u00f6nnen in wenigen Minuten erstellt werden, ohne dass Programmierkenntnisse erforderlich sind.<\/p>\n Und sobald Sie diese Kampagnen mit \u00fcberzeugenden Texten oder einem Lead-Magneten versehen, k\u00f6nnen Sie in k\u00fcrzerer Zeit bessere Leads gewinnen. Als?<\/p>\n Mit den erweiterten Targeting-Funktionen von OptinMonster k\u00f6nnen Sie Ihre Kampagnen den richtigen Personen am richtigen Ort zum richtigen Zeitpunkt in der Customer Journey pr\u00e4sentieren.<\/p>\n M\u00f6chten Sie es in Aktion sehen? Klicken Sie unten, um noch heute Ihre 100 % risikofreie OptinMonster-Testversion zu starten:<\/p>\n Schauen wir uns nun an, wie Sie OptinMonster und sein neues Angebotsrechner-Formular verwenden, um noch mehr Conversions von Ihrer WordPress-Site zu erzielen.<\/p>\n Eine der besten M\u00f6glichkeiten, Ihre E-Mail-Liste zu erweitern, ist die Exit-Intent\u00ae-Technologie von OptinMonster.<\/p>\n Mit der Exit-Intent\u00ae-Technologie k\u00f6nnen Sie Pop-ups erstellen, um Benutzern anzuzeigen, dass sie Ihre Website aktiv verlassen.<\/p>\n Dies funktioniert f\u00fcr Personen, die \u00fcber mobile und Desktop-Ger\u00e4te auf Ihre Website zugreifen. Hier ist ein Beispiel daf\u00fcr, wie ein Exit-Intent-Popup aussehen w\u00fcrde:<\/p>\n Und Exit-Intent-Popups sind eine unglaublich wirkungsvolle Strategie. Sehen Sie sich tats\u00e4chlich einige der folgenden Erfolgsgeschichten dar\u00fcber an, wie Kunden Exit-Intent-Popups nutzten, um mehr Conversions zu erzielen:<\/p>\n Sie k\u00f6nnen auch Exit-Intent-Popups verwenden, um den gleichen Erfolg auf Ihrer Website zu erzielen.<\/p>\n So verwenden Sie es f\u00fcr Ihr Angebotsformular<\/strong><\/p>\n Sobald Ihr Angebotsformular aktiv ist, k\u00f6nnen Sie eine Seite daf\u00fcr erstellen.<\/p>\n Wenn Benutzer mit dem Ausf\u00fcllen ihrer Formulare beginnen, kann es vorkommen, dass das Preisangebot teurer ist als geplant.<\/p>\n Doch bevor sie Ihre Website endg\u00fcltig verlassen, k\u00f6nnen Sie ihnen einen Coupon oder einen anderen Lead-Magneten \u00fcberreichen, um sie auf Ihrer Website zu halten.<\/p>\n Durch die Vorlage eines Coupons erfassen Sie nicht nur die E-Mail-Adresse des Nutzers, sondern motivieren ihn auch zur Zahlung.<\/p>\n Dazu m\u00f6chten Sie OptinMonster verwenden, um ein Exit-Intent-Popup zu erstellen.<\/p>\n 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.<\/p>\n Aber keine Sorge. Das Erstellen Ihrer ersten Kampagne ist sehr einfach und dauert nur wenige Minuten.<\/p>\n Um Ihre Exit-Intent-Regel festzulegen, gehen Sie einfach zu Ihrem Anzeigeregeln <\/strong>oben in Ihrem OptinMonster-Editor:<\/p>\n Suchen und klicken Exit Intent\u00ae<\/strong>:<\/p>\n Anschlie\u00dfend k\u00f6nnen Sie ausw\u00e4hlen, f\u00fcr welches Ger\u00e4t Sie Ihr Exit-Intent-Popup verwenden m\u00f6chten:<\/p>\n Anschlie\u00dfend k\u00f6nnen Sie Ihre Empfindlichkeitsstufe ausw\u00e4hlen:<\/p>\n Dadurch \u00e4ndert sich, wie schnell oder langsam Pop-ups erscheinen, wenn Benutzer die Browserseite verlassen.<\/p>\n Dann m\u00f6chten Sie auf die URL Ihres Formulars verweisen. Suchen Sie dazu nach der Regel Targeting auf Seitenebene<\/strong>:<\/p>\n \u00c4ndern Sie dann das Feld in Aktuell<\/strong> URL-Pfad<\/strong> passt genau<\/strong>:<\/p>\n Anschlie\u00dfend k\u00f6nnen Sie die URL-Leiste Ihres Angebotsrechner-Formulars einf\u00fcgen:<\/p>\n Wenn Sie fertig sind, k\u00f6nnen Sie es tun Speichern <\/strong>Und Post<\/strong> seine Kampagne.<\/p>\n Und das ist! Sie haben nun einen Angebotsrechner in WordPress erstellt.<\/p>\n Dar\u00fcber 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\u00fcgen.<\/p>\n Wir hoffen, dass Sie diesen Beitrag hilfreich fanden. Wenn ja, sollten Sie sich die folgenden Ressourcen ansehen:<\/p>\n Diese Beitr\u00e4ge enthalten alles, was Sie brauchen, um mehr Leads und Verk\u00e4ufe mit Ihren WordPress-Formularen zu erzielen.<\/p>\n Sind Sie bereit, es selbst auszuprobieren? Starten Sie noch heute risikofrei Ihr OptinMonster-Konto!<\/p>\n ","protected":false},"excerpt":{"rendered":" M\u00f6chten 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\u00e4nzung f\u00fcr Ihre Website sein. Hilft Benutzern zu verstehen, wie viel sie f\u00fcr Ihre Produkte oder Dienstleistungen bezahlen werden, bevor es Zeit zur Zahlung ist. Dies bedeutet weniger unerwartete […]<\/p>\n","protected":false},"author":1,"featured_media":863680,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/Your-Website.jpg.webp","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/863679"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=863679"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/863679\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/863680"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=863679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=863679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=863679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Beeindruckende](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271048_817_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"Bestellen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271049_853_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"Erstellen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271049_69_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"F\u00fcgen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.gif\")
<\/p>\n![\"Klicken](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271049_92_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"F\u00fcgen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271049_883_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"Erweiterter](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271049_66_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"W\u00e4hlen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271049_597_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\nSchritt 2) F\u00fcgen Sie Ihrem Formular ein schreibgesch\u00fctztes numerisches Feld hinzu<\/h3>\n
![\"Ziehen](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271049_329_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.gif\")
<\/p>\n![\"Taschenrechner-Symbol](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271049_64_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"Klicken](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271050_968_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"Produktliste](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271050_873_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"Angebotsrechner](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271050_112_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.gif\")
<\/p>\n\n
So steigern Sie Verk\u00e4ufe und Conversions<\/h2>\n
![\"Optinmonster-Homepage\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1631903549_145_Como-configurar-el-seguimiento-de-comercio-electronico-de-Google-Analytics.png\")
<\/p>\nErfassen Sie verlassene Besucher mit Ausstiegsabsicht<\/h3>\n
![\"CM](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1631417078_417_7-Strategies-That-Actually-Work.png\")
<\/p>\n![\"Regeln](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1632504304_327_How-to-Create-Custom-Popup-Events.png\")
<\/p>\n![\"Klicken](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1632237606_112_How-to-Make-a-Builder-Beaver-Popup-That-Actually-Converts.png\")
<\/p>\n![\"Segmentieren](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271051_893_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"Empfindlichkeitsstufe](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/09\/1632293288_251_How-to-Create-a-Website-Exit-Survey-The-Easy-Way.png\")
<\/p>\n![\"Seitensegmentierungsregel](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/1633271051_305_Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.png\")
<\/p>\n![\"\u00c4ndern](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593898691_909_Como-agregar-una-barra-de-anuncios-de-WooCommerce-la-manera.png\")
<\/p>\n![\"Seiten-Targeting-URL\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/10\/Como-crear-una-calculadora-de-cotizaciones-en-WordPress-la-forma.jpg\")
<\/p>\n