“Super Forms - PayPal Add-on” Documentation by “feeling4design” v1.0

“Super Forms - PayPal Add-on”

Created: 06/12/2017
By: feeling4design
E-mail: feeling4design@gmail.com

Thank you for purchasing this add-on. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

Introduction & Requirements - top

Creating a form that allows to redirect the user to PayPal to purchase a product via your website is easy to setup with Super Forms and the Super Forms - PayPal Add-on. Below you can find a step by step guide on how to setup your PayPal form. If you want to find out what settings the add-on provides you with you can find it out here: Super Forms - PayPal Add-on.

Requirements:

This add-on is compatible with:

Step 1 - Installation / Activation of plugin - top

Make sure you have installed and activated the plugin. If you do not know how to do this please watch the tutorial video.

Step 2 - Enabling paypal checkout - top

After you have installed the add-on successfully you can go to Super Forms > Create Form (or edit an existing form of your choosing). Click on "Form Settings" TAB on the right hand side to open up the Settings panel. From the dropdown menu choose "PayPal Checkout" (this will open all the settings related to the PayPal checkout process). Make sure to Enable the PayPal Checkout by clicking "Enable PayPal Checkout" (see picture below):

Because you will be creating your first PayPal Checkout form we advise you to enable the PayPal Sandbox mode. This is useful because now you can test as many times as you wish without making real transactions with real money. Instead you will be using your PayPal sandbox account. If you do not have one already please head over to sandbox.paypal.com and create your first sandbox account. To enable the sandbox mode you can simply click on "Enable PayPal Sandbox mode (for testing purposes only)" as you can see in the below picture:

Step 3 - Adding merchant email to receive payments - top

Once you completed step 1 and 2 above, you can now go ahead and enter the PayPal merchant email. This will in most cases be your own paypal email address account where you wish to receive payments on. In some cases you might have a form that requires to dynamically retrieve the email address based on user selected information. In that case you can use {tags} to retrieve this data. For now just enter your sandbox email address (see picture below):

Step 4 - Choosing your currency - top

The next important thing to change accordingly is the currency for the PayPal checkouts. Depending on your country you can change this to for instance USD ($), EUR (€) or any other currency supported by PayPal.

Step 5 - Shipping address requirement setting - top

Normally when a user checkouts out via PayPal you would ask for an address. But because you might already have the address of the user (filled out in the form) you could let the user skip to enter their shipping address. There are 3 options you can choose from. The most common one tho choose would normally be the default value, but you can change it to any of the following if required:

Step 6 - Choosing the payment method - top

In order to be able to checkout with PayPal, PayPal must know what type of payment it is that you are doing. The add-on allows you to handle 4 different payment methods. Depending on your needs you can choose one of the following payment methods:

Each payment method is explained here:

  1. 6.1 - Single product or service checkout
  2. 6.2 - Donation checkout
  3. 6.3 - Subscription checkout
  4. 6.4 - Cart checkout (for multiple product checkout)

If you do not want information about each payment method you can click here to skip to Step 7

6.1 - Single product or service checkout - top

This method is meant for only 1 product checkouts. When using this payment method you will only have to set the Item description (this will be your product name). The Item description option is compatible with {tags} so you can dynamically set this based on user selected options in your form. Of course your product has a price, which you can set under Item price (must be float number e.g: 12.59) The Item price option is also compatible with {tags} so you can also dynamically set the price based on user selected options in your form. The last requirement is the Quantity to be added to the PayPal checkout basket (must be a numeric value). Below you can see all the settings with example values that you could enter:

6.2 - Donation checkout - top

The Donation checkout method is only used for... (you guessed it) donations. A donation checkout requires the same options as the Single product or service checkout method with the exception that there is no Quantity option available for this method.

6.3 - Subscription checkout - top

The Subscription checkout method is only used when you wish to create a new subscription for the user who filled out the form. When selected you will be prompted to choose the Item description just like you would with the Single product and Donation checkout methods. The most important difference the Subscription checkout has is it's option to set Subscription periods Here you will be able to adjust the time frame regarding the subscription. A subscription may also have a trial period and a second trial period. The Subscription periods option is compatible with {tags} so you can dynamically create subscription time periods based on user selected options in your form. Please refer to the below examples to fully understand how to set it up for your own use cases:

Use case 1:
You want to create a subscription without a trial period that costs $20.50 p/m:

Use case 2:
You want to create a subscription with 1 trial period for 3 days and after trial period is over $2 per week:

Use case 3:
You want to create a subscription with 2 trial periods (1st 1 week trial), 2nd (2 weeks for $3 p/w), after that $18 p/m:

6.4 - Cart checkout (for multiple product checkout) - top

he Cart checkout will only be used and required whenever you need or want to send users to the PayPal checkout where they will checkout multiple products at once. In other words, it will function as a shopping bag/cart just like with a regular webshop. To add multiple items to the PayPal checkout you have to enter each item under the Items to be added to cart option. Each item can contain the following variables:
{price}|{quantity}|{item_name}|{tax}|{shipping}|{shipping2}|{discount_amount}|{discount_rate}
In most use cases you will only be using the first 3 to 4 options. To fully understand how PayPal handles these variables please read the PayPal's Variable Reference Please refer to the below examples to fully understand how to set it up for your own use cases:

Use case 1:
You want to add 2 products to the paypal cart (5x Flowers $3.49) and (3x Towels $7.25):

Use case 2:
Based on user selected option you want to dynamically return the price for a fixed product and the user selected quantity:

Use case 3:
Let's say you have a dynamic column setup with super forms with inside quantity element, dropdown for product name, and a variable field that is updated based on the dropdown option. You will have multiple products depending on how many times the user would add a new set of fields by clicking the + button on the dynamic column. You will be able to simply enter the following {tags} and Super Forms - PayPal add-on will automatically add all the available options to the PayPal checkout.

Step 7 - Setting up return URL - top

After you finished all the above steps and choosen your desired payment method for your checkout, you can now setup a proper return URL. This is the URL where a user will be redirect to after the user successfully returns from paypal. This can be any URL of your choosing. By default it will be http://yourdomain.com/?page=super_paypal_response PayPal will post information about the transaction in the form of Instant Payment Notification messages. This can optionally be used by the developer to display any data regarding the payment on the page.
Make sure you properly change this to your own needs before going live.

Step 8 - Setting up cancel URL - top

This URL will be used to redirect the user back to your website after they canceled the checkout process on PayPal checkout page. User that cancels payment will be redirected to this URL. This can be any URL of your choosing, but by default it will be: http://yourdomain.com/my-custom-canceled-page
Make sure you properly change this to your own needs before going live.

Step 9 - Testing with sandbox account before going live - top

The last step is to test your form functioning before going live. Use your PayPal sandbox account to simulate payments and various form submissions. If you have created an advanced form with Super Forms, try to test as many of the possible variations your form offers before going live. You can test as long as you wish, and you can find all PayPal transactions and PayPal subscriptions within  your dashboard under the Super Forms menu:

PayPal Transactions:

PayPal Subscriptions:

Example Forms - top

Example forms can be found under Super Forms > Demos within your wordpress dashboard. All form examples (including paypal add-on specific form examples) can be found over there, and can be installed with one mouse click.

Once again, thank you so much for purchasing this item. As I said at the beginning, I'd be glad to help you if you have any questions relating to this item. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugins on CodeCanyon or Envato Elements, you might consider visiting the forums and asking your question in the "Item Discussion" section.

feeling4design

Go To Table of Contents