CF7 PayPal Setup

< Back to Contact Form 7 – PayPal Integration Documentation
Contact Form 7 – PayPal Integration Documentation Viewed: 3918
3
cf7 paypal menu
cf7 paypal menu

In the first step you should configure the Plugin settings. Therefore navigate to your admin panel and go to Contact -> PayPal. Or copy this URL: https://www.yourdomain.com/wp-admin/admin.php?page=Wordpress_Contact Form 7_Paypal_options_options. Make sure the required Plugins are installed!

Table of Contents
1. Setup PayPal
2. General Plugin Settings
3. PayPal Payment Option
4. Create the Contact Form
4.1. Customer Details
4.2. The Products you want to sell
4.3. The PayPal Button
4.4. Do a test

Setup PayPal

We are going to use PayPal’s sandbox first in order to test the functionality. Therefore you need a Developer Account and your PayPal Identity. To get an developer Account simply login with your normal PayPal login here: https://developer.paypal.com. Then go to the Accounts Page and create a Business and a Buyer Account.

Next is to get your PayPal Identity. So go ahead and login with the just created Sandbox Business Account here: https://www.sandbox.paypal.com or visit directly this link: https://sandbox.paypal.com/businessmanage/preferences/website. Make sure you check all required options inside this Panel:

  1. Activate Automatic Return (do not forget to put a URL there!)
  2. Activate the Payment data transfer. Then you will see your Identity below.
  3. Save it!

General Plugin Settings

After Paypal is set up, go back to the plugin settings and:

  1. Enable the Plugin
  2. Enable the Sandbox Mode
  3. Enter your Sandbox Account (the Business, not the Buyer)
  4. Enter your PayPal Identity
cf7 paypal general settings
cf7 paypal general settings

PayPal Payment Option

Now we have to configure the payment options inside the 2nd Settings tab (see screenshot below). Here you have to …

  1. Set your Country
  2. Set your Currency
  3. Set your Locale
  4. Set your Fixed Tax
  5. Set your Tax Rate
  6. Set your Return URL
    Make sure you have enabled the redirect inside your PayPal Business Account
  7. Set your Cancel URL
    Make sure you have enabled the redirect inside your PayPal Business Account
paypal for cf7 payment options
paypal for cf7 payment options

 

Create the Contact Form

After we have set up the Plugin Settings we can create our first Contact Form. Let us first say, that PayPal offers a huge amount of input fields, that can be added to your Contact Form. A full reference can be found here. But we will cover only the most important ones.

Customer Details

If you do not want to use the Customer Informations from the Buyers PayPal account you can override them with custom fields. For example the first name, lastname or the address. See the following example:

<h2>Your Contact</h2>
<p >Your First Name*<br />
    [text* first_name] </p>
<p>Your Email*<br />
    [text* email] </p>
<p>Your Address*<br />
    [text* address] </p>

The Products you want to sell

Next we will configure the product(s), that we want to sell. Because we use the PayPal Cart functionality we can setup unlimited items. One Item always consists of the following fields. XX always stands for the current ID of your product (e.g. 1 or 2).

  1. Item Name (item_name_XX) | Example: <input type=”hidden” name=”item_name_1″ value=”Product 1″>
  2. Item Number / SKU (item_number_XX) | Example: <input type=”hidden” name=”item_number_1″ value=”product-1-999″>
  3. Item Amount / Price (amount_XX) | Example: <input type=”hidden” name=”amount_1″ value=”10″>
  4. Item Quanitity (quantity_XX) | Example:
<h2>Your Order</h2>

<input type="hidden" name="item_name_1" value="Product 1">
<input type="hidden" name="item_number_1" value="999">
<input type="hidden" name="amount_1" value="10">

<p >Quantity*<br />
[number quantity_1 min:1 class:fw max:10 "1"] </p>

The PayPal Button

After youhave set up the “Data” we have to create the Buttons. Our Plugin is the only one that supports both Buttons: Either the normal “send just the formular”-Button (submit) or the “Pay with PayPal”-Button (paypal). In our example we will add both buttons. The normal submit button should be clear, so we skip this. The PayPal Button can be found in the tags bar (see Screenshot below).

cf7 paypal button
cf7 paypal button

When you click on the Button you will get the Tag Generator Modal:

  1. Label (Button text) | Example: “Pay with PayPal”
  2. Paypment successfull Redirect URL (this overrides the Global URL) | Example: “https://www.yourdomain.com/custom-success-url/”
  3. Paypment cancelled Redirect URL (this overrides the Global URL) | Example: “https://www.yourdomain.com/custom-cancel-url/”
  4. Class attribute | Example: “paypal-button”
create cf7 paypal tag
create cf7 paypal tag

Then we insert the tag and get the following Contact Form buttons

[paypal "Pay with Paypal"]

We have added some divs and a product image to make the order form look a bit better. So here is the full contact form:

<input type="hidden" name="item_name_1" value="Product 1">
<input type="hidden" name="item_number_1" value="999">
<input type="hidden" name="amount_1" value="10">

<h2>Your Contact</h2>
<p >Your First Name*<br />
[text* first_name] </p>
<p>Your Email*<br />
[text* email] </p>
<p>Your Address*<br />
[text* address] </p>

<p >Quantity*<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! Otherwise you will not receive the Data by mail!

Do a test

Let us test if the Contact Form works:

  1. Create a new Page
  2. Insert the Contact Form 7 Shortcode (in our case it is: ])
  3. Visit the Page
  4. Enter your Data
  5. Click the Pay with PayPal Button
  6. You should be redirected to PayPal
  7. Make sure you are on sandbox.paypal.com
  8. Now login with your Sandbox Buyer Account
  9. Pay the Bill
  10. The you should be redirect to your success page.
  11. Furthermore the Blog Admin will receive an Email, if a succesfull transaction has been made!

 

 

26 thoughts on “CF7 PayPal Setup”

  1. Willie says:

    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

    Reply
  2. Ray says:

    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

    Reply
    • WeLaunch says:

      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

      Reply
  4. Anbarasan says:

    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?

    Reply
  5. sam says:

    hello, can I get the transaction ID PAYPAL in the payment confirmation email sent by wordpress?

    Thanks!

    Reply
  6. Jennifer Schumacher says:

    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

    Reply
  7. Robert says:

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

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

    Reply
  8. Rob says:

    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

    Reply
    • WeLaunch says:

      You can set this up like you want. Either mail gets send all the time or only after a successful paypal payment was made.

      Reply
  9. Rob says:

    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
    }
    }
    }

    Reply
  10. Danny says:

    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.

    Reply
      • Danny says:

        Perfect!

        How to set this up?

        Is your plugin set up in a way that the submission is delayed until payment is completed? Or is just the email delayed if that option is checked?

        In other words, will it work out of the box, or are there any other adjustments that need to be made before getting this submission delay to work?

        Reply
  11. Ray says:

    We purchased and have been using this plugin since 1/22/19. It stopped working – the submit button does not open Paypal to make a payment any longer. Contact FOrm work fine though – just does not bring up Paypal.

    Reply
  13. Daniele Zanello says:

    Hi, i’ve just bought your plugin.
    I need to use this for two purposes:
    1. pay a membership
    2. donate
    I’ve seen that there an hidden input in which I should set the price for a product, so for the first case there shouldn’t be any problem.
    Reaching the second point: is it possible to use this plugin also for free donations?
    How should I set the input value to let the user define the amount of the donation?
    Thanks

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

  • Table of Contents
    1. Setup PayPal
    2. General Plugin Settings
    3. PayPal Payment Option
    4. Create the Contact Form
    4.1. Customer Details
    4.2. The Products you want to sell
    4.3. The PayPal Button
    4.4. Do a test

  • Topics

  • Popular FAQs Contact Form 7 – PayPal Integration Documentation