So fügen Sie Ihrer WordPress-Website einen Versandkostenrechner hinzu

Wenn wir Unternehmen bei der Einrichtung ihrer WordPress-Shops helfen, ist eine der häufigsten Fragen, die wir hören, die nach den Versandkosten.

Shop-Betreiber wünschen sich eine klare Möglichkeit, Versandgebühren anzuzeigen, ohne Kunden beim Bezahlvorgang zu überraschen.

Deshalb empfehlen wir oft, einen Versandkostenrechner hinzuzufügen.

Geschäfte, die diese Funktion hinzufügen, verzeichnen durchweg ein besseres Engagement und weniger abgebrochene Warenkörbe. Wenn Kunden die Versandkosten im Voraus abschätzen können, schließen sie ihre Einkäufe mit größerer Wahrscheinlichkeit zuversichtlich ab.

In dieser Anleitung führen wir Sie Schritt für Schritt durch die Einrichtung eines Versandkostenrechners, um das Kundenerlebnis zu verbessern und die Konversionsraten zu steigern.

Was ist ein Versandkostenrechner & Warum ihn verwenden?

Ein Versandkostenrechner hilft dabei, die Gesamtkosten des Versands automatisch zu schätzen. Er zeigt dem Kunden die Liefergebühren und andere relevante Gebühren an, sodass er die Versandtarife und -kosten nicht manuell ermitteln muss.

Bei der Berechnung der Versandkosten spielen verschiedene Faktoren eine Rolle. Dazu gehören der Preis des Produkts, das Ziel, der Ursprung einer Sendung, das Gewicht, die Abmessungen, die Art des Versanddienstes und andere Variablen während der Berechnung.

Die manuelle Berechnung der Versandkosten kann bei mehreren Bestellungen in Ihrem Online-Shop zeitaufwendig sein. Außerdem würde die manuelle Berechnung zu Fehlern führen, die die Kundenzufriedenheit beeinträchtigen können.

Die Verwendung eines Versandkostenrechner-Plugins für Ihre WordPress- oder WooCommerce-Site spart Ihnen viel Zeit und automatisiert den Prozess.

Kunden können einfach ihren Standort auswählen und sehen, was das Produkt nach der Lieferung tatsächlich kosten wird. Dies stärkt die Beziehung zu Ihren Kunden und schafft Vertrauen.

Lassen Sie uns nun sehen, wie Sie ganz einfach einen Versandkostenrechner zu Ihrer WordPress-Website hinzufügen können. Wir zeigen Ihnen auch, wie Sie ihn zu Ihrem WooCommerce-Shop hinzufügen.

Sie können auf die unten stehenden Links klicken, um zu Ihrem bevorzugten Abschnitt zu springen:

• Hinzufügen eines Versandkostenrechners zu WooCommerce
• Einen einfachen Versandrechner zu einer WordPress-Website hinzufügen
• Hinzufügen eines erweiterten Versandkostenrechners zu einer WordPress-Website
• Häufig gestellte Fragen

Hinzufügen eines Versandkostenrechners zu WooCommerce

Der beste Weg, einen Versandkostenrechner in WooCommerce hinzuzufügen, ist die Verwendung des Plugins Product page shipping calculator for WooCommerce. Es ist ein kostenloses Plugin, mit dem Kunden die Versandkosten berechnen können, bevor sie ein Produkt in den Warenkorb legen.

Zuerst müssen Sie das Plugin „Product page shipping calculator for WooCommerce“ herunterladen und installieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unseren Leitfaden zur Installation eines WordPress-Plugins.

Nach der Aktivierung können Sie zu WooCommerce » Versandkostenrechner gehen, um das Plugin zu konfigurieren.

Das Plugin funktioniert sofort, und Sie können die Standardeinstellungen verwenden, um loszulegen. Es gibt jedoch Optionen, diese zu bearbeiten und Ihren Versandkostenrechner anzupassen.

Es ist wichtig zu beachten, dass das Plugin die Informationen aus den Einstellungen der Versandzonen in WooCommerce zur Berechnung der Versandkosten verwendet.

Versandzonen in WooCommerce einrichten

Wenn Sie noch keine Versandzonen eingerichtet haben, müssen Sie in Ihrem WordPress-Dashboard zu WooCommerce » Einstellungen navigieren und zum Tab „Versand“ wechseln.

Klicken Sie im Abschnitt Versandzonen einfach auf die Schaltfläche „Versandzone hinzufügen“.

Als Nächstes müssen Sie einen Zonennamen eingeben und Regionen aus dem Dropdown-Menü auswählen. Sie können mehrere Länder oder Städte unter einer einzigen Zone hinzufügen.

Danach können Sie auf die Schaltfläche „Versandmethode hinzufügen“ klicken.

Es öffnet sich nun ein Popup-Fenster.

WooCommerce bietet 3 Versandmethoden zur Auswahl. Sie können einen „Pauschalpreis“ auswählen und dann einen Betrag eingeben, der für den Versand berechnet wird. Oder Sie können die Optionen „Kostenloser Versand“ und „Lokale Abholung“ wählen.

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Versandmethode hinzufügen“.

Sie können mehrere Versandmethoden für die Zone hinzufügen und Bedingungen festlegen, wann diese gelten.

Als Nächstes müssen Sie unter Ihren Versandmethoden auf die Option „Bearbeiten“ klicken.

Danach öffnet sich ein kleines Fenster, in dem Sie den Titel der Methode ändern, auswählen können, ob die Versandmethode steuerpflichtig sein soll, und Kosten eingeben können.

Für Kosten können Sie einen Pauschalbetrag eingeben, der berechnet wird, wenn ein Kunde ein Produkt in den Warenkorb legt. Es gibt auch die Möglichkeit, die Versandkosten mit der Menge zu multiplizieren.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Änderungen speichern“.

Sie können nun zum Abschnitt Versandzonen zurückkehren, um Ihre Zonen, Regionen und Versandmethoden anzuzeigen.

Einstellungen für den Versandkostenrechner bearbeiten

Nach der Einrichtung von Versandzonen können Sie zurück zu WooCommerce » Versandkostenrechner gehen, um die Einstellungen des Versandkostenrechners auf der Produktseite für das WooCommerce-Plugin zu ändern.

Im Tab „Grundeinstellungen“ können Sie die Position des Rechners auf der Produktseite und die Position der Rechnerergebnisse bearbeiten.

Wenn Sie nach unten scrollen, sehen Sie weitere Einstellungen. Das Plugin ermöglicht es Ihnen, die im Plugin verwendeten Nachrichten zu bearbeiten, die Versandmethode automatisch zu laden und mehr.

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Änderungen speichern“ an der Seite oder am unteren Rand der Seite.

Als Nächstes können Sie zum Tab „Felder entfernen“ wechseln. Hier sehen Sie Optionen, um Felder aus dem Versandkostenrechner zu entfernen.

Zum Beispiel zeigt das Plugin standardmäßig Felder für Land, Bundesland, Stadt und Postleitzahl an. Sie können jedes Feld deaktivieren, das nicht mit Ihren Versandzonen übereinstimmt.

Danach gehen Sie zum Tab „Design“. Das Plugin bietet Ihnen mehrere Optionen, um das Erscheinungsbild des Versandkostenrechners zu bearbeiten.

Sie können beispielsweise die Hintergrund- und Textfarben ändern, um Versandmethoden anzuzeigen, oder Sie können die Farben für die Schaltflächen auswählen, die im Rechner angezeigt werden.

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Als Nächstes können Sie Ihren WooCommerce-Shop besuchen, um den Versandrechner in Aktion zu sehen.

In der folgenden Abbildung müssen Kunden zuerst einen Lieferort auswählen und auf die Schaltfläche „Adresse aktualisieren“ klicken.

Sobald dies erledigt ist, berechnet das Plugin automatisch die Versandkosten, die Sie im Abschnitt Versandzonen eingerichtet haben, und fügt sie den Gesamtkosten hinzu.

Auf diese Weise wissen die Kunden, welche Versandkosten sie zusätzlich zum Produktpreis zahlen müssen.

Einen einfachen Versandrechner zu einer WordPress-Website hinzufügen

Wenn Sie keinen WooCommerce-Shop haben und einen generischen Versandkostenrechner zu Ihrer WordPress-Site hinzufügen möchten, können Sie WPForms verwenden.

Nach gründlichen Tests sind wir zu dem Schluss gekommen, dass es das beste WordPress-Rechner-Plugin ist, mit dem Sie alle Arten von Formularen erstellen können. Sie können beispielsweise mit nur wenigen Klicks ein Kontaktformular, Rechner, Umfragen und Registrierungsformulare hinzufügen.

Um mehr über alle Funktionen zu erfahren, die wir während der Bewertung entdeckt haben, lesen Sie unsere WPForms-Bewertung.

Zuerst müssen Sie das WPForms Plugin installieren und aktivieren. Details finden Sie in unserem Tutorial zur Installation eines WordPress-Plugins.

Nach der Aktivierung besuchen Sie die Seite WPForms » Einstellungen im WordPress-Dashboard, um Ihren Lizenzschlüssel einzugeben. Diese Informationen finden Sie in Ihrem Konto auf der WPForms-Website.

Gehen Sie danach zur Seite  WPForms » Addons und suchen Sie das „Calculations Addon“.

Klicken Sie dann einfach auf die Schaltfläche „Addon installieren“, um es auf Ihrer Website zu aktivieren.

Gehen Sie als Nächstes im Admin-Seitenmenü von WordPress zur Seite WPForms » Neu hinzufügen .

Hier können Sie mit der Eingabe eines Namens für das Formular beginnen, das Sie erstellen möchten.

Danach müssen Sie die Vorlage „Versandkostenrechner-Formular“ finden. Klicken Sie dann auf „Vorlage verwenden“.

Sobald Sie dies getan haben, wird der Drag-and-Drop-Builder auf Ihrem Bildschirm gestartet. Hier sehen Sie eine Formularvorschau auf der rechten Seite und Formularfelder auf der linken Seite.

Nun können Sie auf verschiedene Felder klicken, um deren Einstellungen nach Belieben zu bearbeiten. Weitere Informationen finden Sie in unserem Anfängerleitfaden, wie Sie einen benutzerdefinierten Rechner in WordPress erstellen: wie Sie einen benutzerdefinierten Rechner in WordPress hinzufügen.

Scrollen Sie dann zum Feld „Geschätzte Versandkosten“ und öffnen Sie dessen Einstellungen in der linken Spalte. Wechseln Sie als Nächstes zur Registerkarte „Erweitert“, um die im Formular verwendete Berechnungsformel zu überprüfen.

Sie können die Versandkosten auch von hier aus ändern. Sie müssen jedoch den Link 'Spickzettel' oben verwenden, um die arithmetischen Regeln zu verstehen und zu implementieren.

Neu: Kein Mathe-Genie? Keine Sorge, die KI-Berechnungsfunktion von WPForms macht die Erstellung von Versandberechnungen so einfach wie ein Gespräch.

Im Reiter „Erweitert“ Ihres Versandberechnungsfeldes suchen Sie nach der Schaltfläche „Formel generieren“ neben dem Formelfeld. Wenn Sie darauf klicken, öffnet sich ein KI-Assistenten-Chatfenster.

Von hier aus können Sie einfach die Art der benötigten Berechnung in Alltagssprache beschreiben.

Sie können zum Beispiel schreiben: „Berechnen Sie die Versandkosten basierend auf dem Gesamtpreis der Artikel. Legen Sie die Basisversandkosten auf 15 $ für Bestellungen bis 50 $ fest und reduzieren Sie die Versandkosten um 3 $ für je 25 $, die über 50 $ ausgegeben werden.“

Nach dem Drücken von Enter erstellt die KI sofort die entsprechende Formel, korrekt formatiert und einsatzbereit.

Wenn Sie fertig sind, klicken Sie einfach oben auf die Schaltfläche ‘Speichern’, um Ihre Einstellungen zu speichern.

Besuchen Sie als Nächstes die Seite, auf der Sie Ihr einfaches Formular für den Versandkostenrechner hinzufügen möchten. Klicken Sie hier oben links auf die Schaltfläche „Block hinzufügen“ und fügen Sie den WPForms-Block hinzu.

Wählen Sie dann das gerade erstellte Formular aus dem Dropdown-Menü aus. Klicken Sie abschließend auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Einstellungen zu speichern.

Sie können nun Ihre Website besuchen, um das Formular in Aktion zu sehen.

Hinzufügen eines erweiterten Versandkostenrechners zu einer WordPress-Website

Wenn Sie einen komplexeren Versandkostenrechner zu Ihrer WordPress-Website hinzufügen möchten, empfehlen wir Formidable Forms.

Bei der Überprüfung haben wir festgestellt, dass es sich ideal für die Erstellung fortgeschrittener Formulare wie Rechner, Verzeichnisse und sogar vollständiger Webanwendungen eignet. Weitere Informationen finden Sie in unserem Formidable Forms Testbericht.

Für dieses Tutorial verwenden wir den Formidable Forms Pro-Plan, der Preisberechnungsfelder und weitere Anpassungsoptionen enthält.

Zuerst müssen Sie die Plugins Formidable Forms Lite und Formidable Forms Pro installieren und aktivieren. Das Lite-Plugin ist kostenlos nutzbar und das Premium-Plugin fügt erweiterte Funktionen hinzu.

Weitere Informationen finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie im WordPress-Dashboard zu Formidable » Globale Einstellungen navigieren. Von hier aus können Sie auf den Link „Klicken Sie hier, um einen Lizenzschlüssel manuell einzugeben“ klicken.

Als Nächstes müssen Sie den Lizenzschlüssel eingeben und auf die Schaltfläche „Lizenz speichern“ klicken.

Sie finden den Lizenzschlüssel in Ihrem Formidable Forms-Konto.

Danach müssen Sie zu Formidable » Formulare gehen, um ein neues Formular hinzuzufügen.

Klicken Sie einfach oben auf die Schaltfläche „+ Neu hinzufügen“.

Als Nächstes zeigt Formidable Forms verschiedene Vorlagen zur Auswahl an. Sie können aus mehreren Kategorien wählen, wie z. B. Geschäftsabläufe, Rechner, konversationelle Formulare und mehr.

Formidable Forms bietet keine vorgefertigte Vorlage für einen Versandkostenrechner. Sie können jedoch eine mit einer leeren Formularvorlage erstellen.

Wählen Sie die Vorlage „Leeres Formular“ aus.

Auf dem nächsten Bildschirm müssen Sie einen Namen für Ihr Formular eingeben.

Es gibt auch die Möglichkeit, die Vorlage in eine Anwendung einzufügen. Für dieses Tutorial belassen wir dies jedoch bei der Standardeinstellung.

Nach Eingabe des Formularnamens klicken Sie auf die Schaltfläche „Erstellen“.

Als Nächstes sehen Sie den Drag-and-Drop-Formular-Builder.

Sie können einfach jedes Formularfeld aus dem Menü auf der linken Seite ziehen und auf der Vorlage ablegen.

Sie können beispielsweise Formularfelder wie Name, E-Mail-Adresse, Telefonnummer und mehr zur Vorlage hinzufügen.

Um einen Versandkostenrechner zu erstellen, scrollen Sie einfach zum Abschnitt „Preisgestaltung“ auf der linken Seite und fügen Sie ein „Produkt“-Formularfeld hinzu.

Als Nächstes können Sie das Produktformularfeld auswählen und es weiter anpassen.

Zum Beispiel haben wir die Feldbezeichnung und den Produkttyp geändert. Formidable Forms ermöglicht es Ihnen auch, Produkte als Kontrollkästchen, Dropdown-Menüs, Optionsfelder, einzelne Produkte oder benutzerdefinierte Produkte anzuzeigen.

Darüber hinaus können Sie Ihre Produkte und deren Preise unter dem Menüpunkt „Produktoptionen“ auf der linken Seite hinzufügen.

Nachdem Sie Ihre Produkte hinzugefügt haben, besteht der nächste Schritt darin, Ihre Versandregionen und -gebühren hinzuzufügen. Dazu können Sie erneut ein Produktformularfeld unter der Rubrik Preisgestaltung im Menü auf der linken Seite hinzufügen.

Danach müssen Sie dessen Bezeichnung und Produkttyp bearbeiten und dann jede Region einzeln und ihre Versandkosten eingeben.

Im obigen Screenshot haben wir die Bezeichnung in „Versandregionen“ geändert und die „Produkttypen“ in Kontrollkästchen geändert. Von hier aus haben wir unter dem Abschnitt „Produktoptionen“ verschiedene Versandzonen und deren Kosten hinzugefügt.

Sobald dies erledigt ist, müssen Sie einen Gesamtbetrag für Ihren Versandkostenrechner anzeigen. Fügen Sie dazu einfach das Formularfeld 'Gesamt' unter dem Abschnitt 'Preisgestaltung' zur Vorlage hinzu.

Als Nächstes können Sie das Feld "Gesamt" auswählen und dessen Bezeichnung bearbeiten, eine Beschreibung hinzufügen und mehr.

Formidable Forms ermöglicht es Ihnen auch, bedingte Logik zu den Formularfeldern hinzuzufügen und diese basierend auf den Antworten des Benutzers anzuzeigen.

Danach können Sie zum Tab „Stil“ wechseln.

Formidable Forms bietet vorgefertigte Stile für Ihr Formular. Wählen Sie einfach einen aus oder erstellen Sie einen neuen Stil. Für dieses Tutorial verwenden wir den Standard-Formidable-Stil.

Als Nächstes können Sie auch die Formulareinstellungen in Formidable Forms ändern.

Wechseln Sie einfach zur Registerkarte 'Einstellungen' oben. Hier finden Sie allgemeine Einstellungen zum Ändern des Formularnamens, zum Hinzufügen einer Beschreibung und mehr.

Es gibt auch Optionen für Aktionen und Benachrichtigungen, Formularberechtigungen und die Planung Ihres Versandkostenrechner-Formulars.

Nachdem Sie die Einstellungen konfiguriert haben, speichern Sie Ihre Änderungen. Sie können Ihren Rechner jetzt überall auf Ihrer Website einbetten.

Um zu beginnen, können Sie oben im Formular-Editor auf die Schaltfläche „Einbetten“ klicken. Dies gibt Ihnen mehrere Optionen, z. B. das Hinzufügen des Formulars zu einer vorhandenen Seite, das Erstellen einer neuen Seite oder das manuelle Einfügen.

Für dieses Tutorial wählen wir die Option 'Neue Seite erstellen'.

Als Nächstes können Sie einen Namen für Ihre neue Seite eingeben und auf die Schaltfläche „Seite erstellen“ klicken.

Von hier aus sehen Sie eine Vorschau des Versandkostenrechner-Formulars im WordPress-Inhaltseditor.

Veröffentlichen Sie Ihre Seite und besuchen Sie Ihre Website, um den Versandkostenrechner in Aktion zu sehen.

Häufig gestellte Fragen

Hier sind einige häufig gestellte Fragen zu Versandkostenrechnern.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie einen Versandkostenrechner zu Ihrer WordPress-Website hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden zum Anzeigen von Produktempfehlungen in WordPress und die besten WooCommerce-Plugins ansehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.