cf7 paypal-Menü
cf7 paypal-Menü
Im ersten Schritt sollten Sie die Plugin-Einstellungen konfigurieren. Navigieren Sie daher zu Ihrem Verwaltungsbereich und gehen Sie zu Kontakt -> PayPal. Oder kopieren Sie diese URL: https://www.IhreDomäne./wp-admin/admin.php?page=Wordpress_Kontaktformular 7_Paypal_Optionen_Optionen. Stellen Sie sicher, dass die erforderlichen Plugins installiert sind!

Einrichtung PayPal

Wir werden zunächst die Sandbox von PayPal verwenden, um die Funktionalität zu testen. Dazu benötigen Sie ein Entwicklerkonto und Ihre PayPal-Identität. To get an developer Account simply login with your normal PayPal login here: https://developer.paypal.. Then go to the Accounts Page and create a Business and a Buyer Account.Als nächstes erhalten Sie Ihre PayPal-Identität. So go ahead and login with the just created Sandbox Business Account here: https://www.Sandkasten.paypal. or visit directly this link: https://Sandkasten.paypal./businessmanage/preferences/website. Stellen Sie sicher, dass Sie alle erforderlichen Optionen in diesem Panel überprüfen:

  1. Aktivieren Sie die automatische Rückkehr (vergessen Sie nicht, dort eine URL anzugeben)!)
  2. Aktivieren Sie die Zahlungsdatenübernahme. Dann sehen Sie unten Ihre Identität.
  3. Speichern!

Allgemeine Plugin-Einstellungen

Nachdem Paypal eingerichtet ist, gehen Sie zurück zu den Plugin-Einstellungen und:

  1. Aktivieren Sie das Plugin
  2. Aktivieren des Sandbox-Modus
  3. Geben Sie Ihr Sandbox-Konto ein (das Unternehmen, nicht den Käufer)
  4. Geben Sie Ihre PayPal-Identität ein
cf7 paypal allgemeine einstellungen
cf7 paypal allgemeine einstellungen

PayPal-Zahlungsoption

Jetzt müssen wir die Zahlungsoptionen auf der Registerkarte 2 Einstellungen konfigurieren (siehe Screenshot unten). Hier müssen Sie …

  1. Ihr Land einstellen
  2. Legen Sie Ihre Währung fest
  3. Setzen Sie Ihre Locale
  4. Legen Sie Ihre feste Steuer fest
  5. Legen Sie Ihren Steuersatz fest
  6. Setzen Sie Ihre Rückgabe-URLStellen Sie sicher, dass Sie die Weiterleitung in Ihrem PayPal-Geschäftskonto aktiviert haben
  7. Setzen Sie Ihre Cancel-URLStellen Sie sicher, dass Sie die Weiterleitung in Ihrem PayPal-Geschäftskonto aktiviert haben
paypal für cf7-zahlungsoptionen
paypal für cf7-zahlungsoptionen

Erstellen Sie das Kontaktformular

Nachdem wir die Plugin-Einstellungen eingerichtet haben, können wir unser erstes Kontaktformular erstellen. Lassen Sie uns zunächst sagen, dass PayPal eine große Anzahl von Eingabefeldern bietet, die Sie in Ihr Kontaktformular einfügen können. Eine vollständige Referenz finden Sie hier. Aber wir werden nur die wichtigsten behandeln.

Kunden-Details

Wenn Sie die Kundeninformationen aus dem PayPal-Konto des Käufers nicht verwenden möchten, können Sie sie mit benutzerdefinierten Feldern überschreiben. Zum Beispiel der Vorname, Nachname oder die Adresse. Siehe das folgende Beispiel:

<h2>Ihr Ansprechpartner</h2><p >Ihr Vorname*<br />    [text* first_name] </p><p>Ihre E-Mail*<br />    [text* email] </p><p>Ihre Adresse*<br />    [text* address] </p>

Die Produkte, die Sie verkaufen möchten

Als nächstes werden wir das/die Produkt(e) konfigurieren, das/die wir verkaufen wollen. Da wir die PayPal-Warenkorbfunktionalität verwenden, können wir unbegrenzt viele Artikel einrichten. Ein Artikel besteht immer aus den folgenden Feldern. XX steht immer für die aktuelle ID Ihres Produkts (e.g. 1 oder 2).

  1. Artikelname (Artikelname_XX) | Beispiel: <input type=”hidden” name=”Artikelname_1″ value=”Produkt 1″>
  2. Artikelnummer / SKU (Artikelnummer_XX) | Beispiel: <input type=”hidden” name=”Artikelnummer_1″ value=”Produkt-1-999″>
  3. Artikel Betrag / Preis (Betrag_XX) | Beispiel: <input type=”hidden” name=”Betrag_1″ value=”10″>
  4. Artikelmenge (Menge_XX) | Beispiel:
<h2>Ihre Bestellung</h2><input type="hidden" name="item_name_1" value="Produkt 1"><input type="hidden" name="item_number_1" value="999"><input type="hidden" name="amount_1" value="10"><p >Menge*<br />[number quantity_1 min:1 class:fw max:10 "1"] </p>

Die PayPal-Schaltfläche

Nachdem Sie die “Daten” eingerichtet haben, müssen wir die Schaltflächen. Unser Plugin ist das einzige, das beide Schaltflächen unterstützt: Entweder den normalen “Nur das Formular senden”-Button (submit) oder den “Bezahlen mit PayPal”-Button (paypal). In unserem Beispiel werden wir beide Schaltflächen hinzufügen. Der normale Submit-Button sollte klar sein, also überspringen wir dies. Die PayPal-Schaltfläche can be found in the tags bar (see Screenshot below).

cf7 paypal-Schaltfläche
cf7 paypal-Schaltfläche
Wenn Sie auf die Schaltfläche klicken, erhalten Sie den Tag Generator Modal:

  1. Label (Schaltflächentext) | Beispiel: “Bezahlen mit PayPal
  2. Paypment successful Redirect URL (dies setzt die globale URL außer Kraft) | Beispiel: “https://www.IhreDomäne./custom-success-url/”
  3. Zahlung storniert Umleitungs-URL (dies setzt die globale URL außer Kraft) | Beispiel: “https://www.IhreDomäne./custom-cancel-url/”
  4. Klassenattribut | Beispiel: “paypal-Schaltfläche
cf7 paypal-Tag erstellen
cf7 paypal-Tag erstellen
Dann fügen wir den Tag ein und erhalten die folgenden Schaltflächen des Kontaktformulars
[paypal "Pay with Paypal"]

Wir haben einige Divs und ein Produktbild hinzugefügt, um das Bestellformular etwas besser aussehen zu lassen. Hier ist also das vollständige Kontaktformular:

<input type="hidden" name="item_name_1" value="Produkt 1"><input type="hidden" name="item_number_1" value="999"><input type="hidden" name="amount_1" value="10"><h2>Ihr Ansprechpartner</h2><p >Ihr Vorname*<br />[text* first_name] </p><p>Ihre E-Mail*<br />[text* email] </p><p>Ihre Adresse*<br />[text* address] </p><p >Menge*<br />[number quantity_1 min:1 class:fw max:10 "1"] </p>[paypal class:fw "Pay with Paypal"]<div style="margin-bottom:10px;display:block;"></div>[submit class:fw "Or send individual Request"]
Note: Do not forget to insert the fields also inde the Mail tab! Andernfalls werden Sie die Daten nicht per Post erhalten!

Machen Sie einen Test

Lassen Sie uns testen, ob das Kontaktformular funktioniert:

  1. Eine neue Seite erstellen
  2. Geben Sie die Kurzwahl für das Kontaktformular 7 ein (in unserem Fall lautet sie: ])
  3. Besuchen Sie die Seite
  4. Geben Sie Ihre Daten ein
  5. Klicken Sie auf die Schaltfläche Mit PayPal bezahlen
  6. Sie sollten zu PayPal weitergeleitet werden
  7. Make sure you are on Sandkasten.paypal.
  8. Melden Sie sich jetzt mit Ihrem Sandbox-Käuferkonto an
  9. Die Rechnung bezahlen
  10. Dann sollten Sie auf Ihre Erfolgsseite weitergeleitet werden.
  11. Außerdem erhält der Blog-Administrator eine E-Mail, wenn eine erfolgreiche Transaktion durchgeführt wurde!

 

 

20 Meinungen zu “CF7 PayPal-Einrichtung

  1. Willie sagt:

    Hello,
    Finally got the plugin working.
    However, the old fashioned grey basic [PayPal Button] button clashes with modern themes. Is it possible to have the [PayPal button] button styled as per the theme buttons style? The [submit] button uses the theme button style. Can you make the [PayPal button] the same?
    Alternatively, is there à CSS setting I can add to the Advanced Settings of the plugin to change the button style?
    Thanks,
    WK
    WK

  2. Ray sagt:

    Hi,

    I’m confused about a few things.

    1. I’m using Contact Form 7, and want to be able to pass a unique order number (which I’m generating with PHP and putting in a form field with no problem) and send it to PayPal so I can track payments against orders (emails). This could be embedded in the product description or could be a different field like an order number or whatever, as long as I can see it in the PayPal transaction history. Can your plug in do this for me?

    2. I see you mention Woo-Commerce a lot. Does this mean I need to be using your plug in with Woo-Commerce to make your plug-in work? Or does it mean Woo-Commerce needs to be installed and activated? Or I don’t need WooCommerce at all?

    3. Is the $15 license for a year or for life, and is it for one site, or for as many sites as I want to build?

    Many thanks.

    Ray

    • WeLaunch sagt:

      1) Yes of course

      2) No WooCommerce is not be needed for our contact form 7 paypal plugin 😉

      3) Its for lifetime including 6 months support

  3. Anbarasan sagt:

    Hi Team,

    I have dynamic price with select input inside the contact form 7 like [select* selectpayment “$10” “$20” “$30”] and payment will taken as per customer selection payment. Is this possible with this plugin?

  4. Jennifer Schumacher sagt:

    Hello and thanks for your support,

    Unfortunately I was not yet able to get the payment running with sandbox. I have added the sandbox API information as well to the Section “API Settings”. Is that correct or shall it contain directly the live user API info? Otherwise I also do not get forwarded to paypal.

    Can you please have a look with me? I can also provide access to our dev-domain

    Best regards and thanks a lot,
    Jennifer

  5. Robert sagt:

    price name for dinamic value radio select cf7 don’t run… how can i send amount with

    [radio price default:1 “10€” “20€” “30€”]

  6. Rob sagt:

    hey guys… short question… the form i submit with this plugin… when is the form / mail send?

    example:
    click buy / paypal / send button – mail now send – redirect to paypal – pay – paid / success redirect back to website
    —— or ——-
    click buy / paypal / send button – redirect to paypal – pay – paid / success redirect back to website – mail now send

  7. Rob sagt:

    ok, that sounds good… so is it possilbe to add a function like this and this will only be triggered after paypal succeed

    add_action( ‘wpcf7_before_send_mail’, ‘my_custom_mail’ );
    function my_custom_mail($WPCF7_ContactForm) {

    $wpcf7 = WPCF7_ContactForm :: get_current() ;
    $submission = WPCF7_Submission :: get_instance() ;

    if($wpcf7->id == 100) { // 100 = ID of specific form
    if ($submission) {
    DO_SOMETHING_HERE ONLY AFTER PAYPAL SUCCEED
    }
    }
    }

  8. Danny sagt:

    I am wondering the same thing. I have a Google sheet integration running at the moment and I need the data to be submitted after payment has been completed.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert