Wie man in einem WordPress-Datei-Upload-Formular eine Zahlung verlangt

Möchten Sie bei einem WordPress-Datei-Upload-Formular eine Zahlung verlangen? Der gleichzeitige Abruf einer Datei und einer Zahlung spart Zeit und trägt zur Steigerung Ihrer Konversionen bei.

In diesem Artikel zeigen wir Ihnen, wie Sie sicherstellen können, dass Ihre Besucher beim Hochladen einer Datei auf Ihrer Website bezahlen müssen.

Erstellen Sie jetzt Ihr Dateiupload-Zahlungsformular

Wie man in einem WordPress-Datei-Upload-Formular eine Zahlung verlangt

Schritt 1: Installieren Sie das WPForms Plugin

In diesem Beispiel werden wir ein Formular zur Angebotsannahme für eine Unternehmenswebsite mit WPForms Pro erstellen. Um das Projekt zu starten, muss unser Besucher eine Datei hochladen und eine Anzahlung leisten.

Zunächst müssen wir das WPForms-Plugin installieren und aktivieren. Wenn Sie dabei Hilfe benötigen, gehen Sie zu dieser Anleitung, wie man ein Plugin in WordPress installiert.

Als Nächstes müssen wir die Zahlungen einrichten. Bleiben Sie für diesen nächsten Teil im WordPress-Dashboard.

Wenn Sie erwägen, Stripe vs PayPal, die gute Nachricht ist, dass WPForms können Sie beide verwenden. Sie können auch Zahlungen mit Authorize.Net und Square nehmen, wenn das ist, was Sie bevorzugen.

Wir werden Stripe in diesem Beispiel verwenden, die in allen WPForms Lizenzstufen enthalten ist (auch WPForms Lite).

Um zu beginnen, müssen Sie im linken Navigationsmenü auf WPForms " Einstellungen klicken. Klicken Sie dann auf die Registerkarte " Zahlungen" am oberen Rand.

Überprüfen Sie zunächst, ob die Währung richtig eingestellt ist. Ist dies nicht der Fall, können Sie sie in der Dropdown-Liste ändern.

Blättern Sie dann nach unten zum Abschnitt Stripe und klicken Sie auf die blaue Schaltfläche Mit Stripe verbinden.

Sie können jetzt ein Konto für Stripe erstellen oder sich bei Ihrem bestehenden Konto anmelden.

Sobald Stripe verbunden ist, wird im Stripe-Abschnitt der Seite eine Meldung angezeigt, die bestätigt, dass alles eingerichtet ist:

Haben Sie bemerkt, dass wir Stripe im Testmodus betreiben? Wenn Sie Ihr Formular ausprobieren möchten, ohne echte Zahlungen vorzunehmen, können Sie das Feld Testmodus aktivieren.

Standardmäßig ist die Stripe-Integration auf den Modus "Zahlungselement" eingestellt, der sowohl Kreditkartenzahlungen als auch alternative Zahlungsmethoden wie Apple Pay und Google Pay ermöglicht.

Wenn Sie ein Upgrade von einer älteren Version von WPForms durchführen und zuvor Kartenelemente verwendet haben, können Sie zu Zahlungselementen wechseln (ansonsten ist dies standardmäßig ausgewählt).

Stellen Sie sicher, dass Sie Ihre Zahlungseinstellungen speichern, bevor Sie zum nächsten Schritt übergehen.

Schritt 2: Erstellen Sie ein Dateiupload-Formular

Jetzt werden wir ein Formular erstellen, mit dem unsere Kunden ein Angebot annehmen können. In diesem Formular müssen sie eine Anzahlung leisten und ein Dokument anhängen.

Das Formular sieht ähnlich aus wie ein normales Datei-Upload-Formular, enthält aber einige zusätzliche Felder für Stripe.

WPForms ist das beste WordPress-Plugin zum Hochladen von Dateien. Es kommt mit 2.000+ Formularvorlagen, so dass die Erstellung jeder Art von Formular wirklich einfach ist. Lassen Sie uns die File Upload Form-Vorlage verwenden und sie anpassen.

Um zu beginnen, klicken Sie auf WPForms " Add New im WordPress Admin Menü.

Geben Sie in der Formularerstellung oben einen Namen für Ihr Formular ein. Suchen Sie dann die Vorlage File Upload Form und klicken Sie auf Use Template.

Der WPForms Form Builder wird in Ihrem Browser geöffnet.

Beachten Sie, dass auf der rechten Seite immer eine Live-Vorschau des Formulars angezeigt wird, so dass Sie leicht erkennen können, wie das fertige Formular aussehen wird. Auf der linken Seite sehen Sie eine Liste der Felder, die Sie Ihrem Formular hinzufügen können.

Sie können auch auf ein beliebiges Feld in der Vorschau klicken, um die entsprechenden Optionen auf der linken Seite des Builders zu öffnen. Stellen Sie sicher, dass die Einstellung Erforderlich für das Feld Datei-Upload aktiviert ist.

Wenn der Benutzer nun keine Datei hinzufügt, wird das Formular nicht abgeschickt.

Fügen Sie alle weiteren Felder hinzu, die Sie für Ihr Formular benötigen, und konfigurieren Sie deren Optionen. Klicken Sie dann oben auf dem Bildschirm auf "Speichern", um Ihren bisherigen Fortschritt zu speichern.

Schritt 3: Fügen Sie die Stripe-Zahlung zu Ihrem Dateiupload-Formular hinzu

Jetzt, da wir ein funktionierendes Datei-Upload-Formular haben, müssen wir nur noch ein sicheres Zahlungsfeld hinzufügen, um die Anzahlung des Kunden zu akzeptieren.

Für dieses Formular wollen wir ein ganz einfaches Beispiel mit 2 Feldern erstellen:

• Einzelner Artikel
• Stripe-Kreditkarte

Ziehen Sie diese beiden Felder aus dem linken Fenster in das rechte Formular.

Möchten Sie Ihr Zahlungsformular dynamischer gestalten? Mit WPForms können Sie Zahlungsfelder basierend auf bestimmten Daten anzeigen, was perfekt für Frühbucherpreise oder saisonale Einzahlungsraten ist.

Für das Feld "Stripe Credit Card" können Sie im Vorschaubereich auf das Feld klicken, um seine Bezeichnung und Beschreibung zu ändern.

Vielleicht haben Sie das Unterfeld E-Mail im Feld Stripe Credit Card bemerkt. Damit können Kunden den Stripe-Link verwenden, um schneller zur Kasse zu gehen.

In den erweiterten Feldoptionen können Sie wählen, ob Sie das Unterfeld "Stripe Credit Card Email" oder ein anderes E-Mail-Feld aus Ihrem Formular verwenden möchten.

Wenn Sie mit den Optionen für das Stripe-Gutschriftfeld fertig sind, klicken Sie auf das Feld Einzelner Artikel, um die Einstellungen zu öffnen. Geben Sie unter Artikelpreis den Preis ein, den Sie Ihrem Kunden in Rechnung stellen möchten.

Das war's. Die Zahlungsfelder sind fertig!

Wenn Sie weitere Zahlungsfelder hinzufügen möchten, sehen Sie sich diese Anleitung an, in der beschrieben wird, wie Sie in Ihrem Formular eine Gesamtsumme für die Zahlung verlangen. Das Hinzufügen eines Gesamtfeldes verhindert, dass jemand eine Zahlung von 0,00 $ sendet. In diesem Fall brauchen wir kein Gesamtfeld, da wir einen Festpreis verwenden.

GUT. Wir sind hier fertig, also gehen wir zu den Formulareinstellungen über.

Schritt 4: Konfigurieren Sie die Einstellungen für Ihr Formular

Nachdem nun alle Felder Ihres Formulars eingerichtet sind, können Sie die Einstellungen konfigurieren. Klicken Sie auf die Registerkarte " Einstellungen" auf der linken Seite des Builders und dann auf den Abschnitt " Allgemein".

Hier können Sie den Namen und die Beschreibung Ihres Formulars ändern, Formular-Tags hinzufügen, den Text der Schaltfläche "Senden" ändern und vieles mehr.

Gehen Sie dann zu den Einstellungen für Spamschutz und Sicherheit.

Sie können eine Vielzahl von Anti-Spam-Optionen aktivieren, einschließlich benutzerdefinierter Filter und CAPTCHAs.

Dann können Sie zum Abschnitt Benachrichtigungen gehen. Jedes Mal, wenn jemand Ihr Formular abschickt, erhalten Sie eine E-Mail mit den Details des Eintrags. In den Benachrichtigungseinstellungen können Sie diese E-Mail anpassen oder mehrere E-Mail-Benachrichtigungen hinzufügen.

Wenn Sie auf dieser Seite nach unten blättern, können Sie auch die Datei-Uploads der Benutzer in die E-Mail-Benachrichtigung aufnehmen.

Schließlich können Sie mit den Einstellungen für Bestätigungen eine benutzerdefinierte Nachricht erstellen, die den Benutzern nach dem Absenden des Formulars angezeigt wird. Weitere Einzelheiten finden Sie in unserem Tutorial zum Erstellen von Formularbestätigungen.

Jetzt, da Ihre Formulareinstellungen bereit sind, können Sie zu den Zahlungseinstellungen übergehen.

Schritt 5: Konfigurieren Sie Ihre Stripe-Zahlungseinstellungen

Die harte Arbeit ist getan! Wir sind auf der Zielgeraden. Wir müssen WPForms nur noch genau sagen, was wir in Stripe machen wollen, wenn das Formular abgeschickt wird.

Bleiben Sie im Formularersteller und klicken Sie auf Zahlungen " Stripe. Schalten Sie dort die Einstellung Stripe-Zahlungen aktivieren ein.

Es gibt einige Einstellungen, die Sie hier anpassen können:

• Beschreibung der Zahlung: Dies ist die Beschreibung, die auf der Kreditkartenabrechnung Ihres Kunden erscheinen wird. Normalerweise sollten Sie hier Ihren Firmennamen eingeben.
• Stripe-Zahlungsbeleg: Wählen Sie E-Mail aus dem Dropdown-Menü, um eine Quittung an die E-Mail-Adresse zu senden, die Ihr Besucher in das Formular eingegeben hat.
• Aktivieren Sie die bedingte Logik: Damit können Sie die Zahlung nur bearbeiten, wenn bestimmte Bedingungen erfüllt sind. Dies ist hilfreich, wenn Sie prüfen möchten, ob wichtige Felder ausgefüllt sind, bevor die Zahlung angenommen wird.

Die übrigen Einstellungen beziehen sich auf wiederkehrende Zahlungen, so dass wir diese im Moment nicht zu bearbeiten brauchen.

Sind Sie fertig? Klicken Sie oben in der Formularerstellung auf Speichern .

Nur noch ein weiterer Schritt vorwärts!

Schritt 6: Veröffentlichen Sie Ihr Dateiupload-Zahlungsformular

Jetzt können wir Ihr Formular veröffentlichen. Dies ist der einfachste Teil.

Klicken Sie im oberen Bereich des Formularerstellungsfensters auf Einbetten.

In diesem Beispiel werden wir eine neue Seite erstellen.

Wir werden unsere Seite Pay Your Project Deposit nennen. Geben Sie hier den gewünschten Seitennamen ein und klicken Sie dann auf Los geht's.

WPForms wird nun eine neue Seite erstellen und das von uns erstellte Formular hinzufügen. Aber bevor Sie die Seite veröffentlichen, wie wäre es mit dem Hinzufügen von etwas Stil zu Ihrem Formular?

Wenn Sie auf den Bereich um das Formular herum klicken, wird das Einstellungsfenster für den Block auf der rechten Seite geöffnet. Hier können Sie Ihre Schaltflächen, Felder und Hintergrundstile ohne Code anpassen.

Sie können auch ein vorgefertigtes Thema wählen, um Ihrem Formular sofort einen einzigartigen visuellen Stil zu verleihen.

Nachdem Sie die Stile angepasst haben, brauchen Sie nur noch auf die Schaltfläche Veröffentlichen in der oberen rechten Ecke zu klicken.

Jetzt ist das Formular live und Sie können mit einem einzigen Formular Zahlungen und Datei-Uploads entgegennehmen!

Und das war's! Sie können jetzt Zahlungen über Ihr WordPress-Datei-Upload-Formular annehmen.

Nachdem die Kunden Ihr Formular abgeschickt haben, können Sie die Einträge anhand ihrer Zahlungsdaten nachschlagen, falls Sie eine bestimmte Zahlung aufspüren müssen. Gehen Sie einfach zu WPForms " Einträge und verwenden Sie das Suchfeld.

Erstellen Sie jetzt Ihr Dateiupload-Zahlungsformular

Weitere Fragen zu Datei-Upload-Formularen mit Zahlungen

Wenn Sie weitere Fragen zur Zahlungspflicht für Datei-Upload-Formulare haben, können Ihnen die folgenden häufig gestellten Fragen weiterhelfen.

Kann ich auch andere Zahlungsgateways als Stripe verwenden?

Ja, WPForms unterstützt PayPal, Authorize.Net und Square als zusätzliche Zahlungsoptionen. So können Sie die Flexibilität genießen, mehrere Zahlungswege je nach Ihren Vorlieben zur Verfügung zu haben.

Ist es möglich, eine E-Mail-Benachrichtigung mit der hochgeladenen Datei zu versenden?

Ja, es ist einfach, die hochgeladene Datei nach dem Absenden des Formulars als E-Mail-Anhang zu versenden. In WPForms finden Sie diese Einstellung, indem Sie auf Benachrichtigungen gehen, zum Abschnitt "Erweitert" scrollen und auf die Schaltfläche " Datei-Upload-Anhänge aktivieren " klicken.

Wie kann ich sicherstellen, dass mein Formular vor Spam geschützt ist?

Sie können mehrere Ebenen des Spamschutzes in WPForms hinzufügen, einschließlich Akismet, eine Mindestzeit für die Übermittlung festlegen, Stichwortfilter und Captcha-Optionen wie reCAPTCHA, hCaptcha und Tursntile.

Als nächstes fügen Sie optionale Zahlungen zu einem Formular hinzu

Möchten Sie Datei-Uploads mit optionaler Bezahlung anbieten? Dies könnte eine gute Möglichkeit sein, Spenden für eine Wohltätigkeitsorganisation oder eine gemeinnützige Organisation zu sammeln.

Wenn Sie wissen möchten, wie Sie die Zahlung optional gestalten können, lesen Sie diesen Artikel über das Hinzufügen eines optionalen Zahlungsfelds zu einem Formular. Vielleicht interessiert Sie auch, wie Sie das Zapier-Addon verwenden, um Datei-Uploads in Dropbox oder Google Drive zu speichern.

Sind Sie bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält Datei-Upload-Formularvorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.