By A Web Design

Connecting VirtueMart to PayPal (Sandbox)

For testing VirtueMart with PayPal Sandbox, you have to create a PayPal Sandbox Account. For this please refer to Lesson Creating a Sandbox Account In PayPal

To connect VirtueMart to PayPal, login to Joomla as administrator, by simply entering the url_of_your_website/administrator in your Browser. Enter the appropriate username and password {which was provided while installing Joomla} and then click on Login as shown in Diagram 1.

Diagram 1

After logging in as Joomla Admin, a Control Panel page opens as shown in Diagram 2. The Control Panel provides access to different Joomla functions and features.

Diagram 2

In the top menu, locate the link Components. Click on Components, from the drop down menu that appears click on VirtueMart as shown in Diagram 3.

Diagram 3

The VirtueMart Control Panel window is displayed. Click on List Payment Methods under the Store tab located in the left hand side of the Administration panel as shown in Diagram 4.

Diagram 4

This link displays the various Payment Methods available / installed with your version of VirtueMart. Click on PayPal from the list of Payment Methods, as shown in Diagram 5.

NOTE: If you want to deal with any other Payment gateway, simply click on its link to edit its configuration.

Diagram 5

On click of the PayPal link, the Payment Method Form opens. Click on the Configuration tab to configure the PayPal module in VirtueMart as shown in Diagram 6.

Diagram 6

Enter the Email address you registered with at PayPal in the PayPal payment email textbox as shown in Diagram 7.

Scroll down till the PayPal Extra info section is reached.

Diagram 7

Change the value of $URL to hold the address that points to the PayPal Sandbox (since testing is being in the PayPal Sandbox area) as shown in Diagram 8. Do the following:

Replace the Live PayPal URL-
https://www.paypal.com/cgi-bin/webscr

With the PayPal Sandbox URL -
https://www.sandbox.paypal.com/cgi-bin/webscr.

Diagram 8

When any visitor wishes to purchase a product or service at the site, the visitor should be registered. If not, the visitor will be asked to fill in the site Registration Form while processing payment.

Click on the Shopping Cart link in the Main Menu as shown in Diagram 9.

Diagram 9

Various products, segregated by category, are displayed along with images where available, a brief description and price. Click on any product link under head Categories as shown in Diagram 10.

Diagram 10

The product(s) related to that category will be displayed with details. Click on any Product details link as shown in Diagram 11.

Diagram 11

The next window will display that particular product in a lot more detail, such as its description, specifications, shipping details and reviews.

Select the Size, Material and Quantity according to requirement from the option provided in the small box.
Add the product into your cart by clicking on Add to Cart button as shown in Diagram 12.

Diagram 12

As soon as you click on Add to Cart, a pop up box appears showing that the product has been added to your cart. In order to continue your shopping, click on Continue button in the pop box.

Else click on Cart button to proceed to checkout as shown in Diagram 13.

Diagram 13

The following window displays shopping details (Cart).

Click on Checkout for final payment of your shopping cart as shown in Diagram 14, alternatively you can continue shopping by clicking the Continue Shopping link adjacent.

Diagram 14

Virtue Mart requires the billing information of the user prior Checkout.

If the visitor has not provided billing details (i.e. is a new visitor), then VirtueMart provides an option to permit the visitor to provide billing details. If you are a registered user, simply login using the appropriate username and password and proceed further to complete checkout formalities as shown in Diagram 15.

Diagram 15

Without login, no one will be able to complete the checkout process.

Assuming a new user as mentioned earlier and since billing details are not available, click the radio button New? Please provide Your Billing Information. VirtueMart will then display a form to capture the necessary information for billing from the visitor, as shown in Diagram 16. When complete, simply click the Send Registration button and proceed to checkout.

Diagram 16

The first Checkout process is Shipping Address, click on Next as shown in Diagram 17. Under the Please select a Shipping Address ensure that the radio button – Default (Same as billing) is selected.

If the Shipping Address is different from the Billing address click on the Add a new Shipping Address link to add a new shipping address for the delivery of the products / services being purchased. Refer to diagram 17.

Diagram 17

To access the next checkout process Ship Methods, click on Next button as shown in Diagram 18.

Diagram 18

After selecting the shipping method, it’s time to move to the Payment Method as shown in Diagram 19.

In this window select the type of payment method from what is available. Select PayPal from the Other Payment Methods. Click on the button Next as shown in Diagram 19.

Diagram 19

Click the button Next to complete the order as shown in Diagram 20. Click the Confirm Order button for final confirmation of shopping.

Diagram 20

On confirming the order, VirtueMart connects to the PayPal Sandbox where it asks the user for their Login details i.e. a valid Email ID and Password as shown in Diagram 21.

Fill these in and click the Log In button.

Diagram 21

After logging into the PayPal Sandbox, the visitor will be taken to the review their payment page. To complete the purchase transaction, click on the Pay Now button at the bottom of page as shown in Diagram 22.

Diagram 22

The next window shows the successful transaction of your payment as shown in Diagram 23.

Diagram 23

Now, you can verify your Email in buyer (Personal) and seller (business) account of your PayPal Sandbox.

Log into your PayPal Sandbox account and click on Test Accounts as shown in Diagram 24.

Diagram 24

Select the radio button of Personal account and click on Enter Sandbox Test Site as shown in Diagram 25. Ensure that the Payment review is set to Enabled.

Diagram 25