Connecting VirtueMart To PayPal (Live) After testing is complete in the PayPal Sandbox and you are satisfied all is well, then its time to disconnect VirtueMart from the PayPal Sandbox and connect Virtuemart to a Live PayPal Account, so that business payments transaction can begin to switch over to a Live PayPal Account. This Account must first exist. To create your Live PayPal Account take a look at Lesson Creating a Account in PayPal (Live). 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 1
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. In the Administration panel, on the Left hand side, Click on Store tab as shown in Diagram 4. Diagram 4 Click on List Payment Methods under the Store tab located in the left hand side of the Administration panel as shown in Diagram 5. Diagram 5 2
This link displays the List Payment Methods link available / installed with your version of VirtueMart. Click on PayPal link from the Payment Method List, as shown in Diagram 6. NOTE: If you want to deal with any other Payment gateway, simply click on its link to edit its configuration. Diagram 6 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 7. Enter the Business Email address you registered with at PayPal in the PayPal payment email textbox as shown in Diagram 7. Scroll down to the Payment Extra info section of this page and manually check the redirecting URL. Make sure that the value of URL is: https://www.paypal.com/cgi-bin/webscr. 3
Diagram 7 Now you're done. Just click on Save/Apply, to make sure the changes are stored as shown in Diagram 8. Diagram 8 The successful message indicating the successful updations of the configuration details is displayed as shown in Diagram 9. 4
Diagram 9 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 10. Diagram 10 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 11. In this case, click on Hand Tools category link. Diagram 11 5
The product(s) related to that category will be displayed with details. Click on any Product details link as shown in Diagram 12. In this case, click on Hand Shovel s Product Details link. Diagram 12 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 13. Diagram 13 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 14. 6
The following window displays shopping details (Cart). Diagram 14 Click on Checkout for final payment of your shopping cart as shown in Diagram 15, alternatively you can continue shopping by clicking the Continue Shopping link adjacent. Diagram 15 If you are a registered user with VirtueMart, i.e. you have provided additional information such as billing details on the website shop, then enter the username and password for Checkout process. Click on Login to continue as shown in Diagram 16. NOTE: Without a Login and Password you will be unable to complete the checkout process. If you are not a registered user with VirtueMart, this screen also provides the option for registering. Click the radio button New? Please provide Your Billing Information VirtueMart will then display a form to capture the necessary information for billing. 7
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 as shown in Diagram 17. Diagram 17 8
Click Next, 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 Next as shown in Diagram 19. 9
Diagram 19 On clicking the Next button, it s time to complete your order as shown in Diagram 20. Click the Confirm Order button for the final confirmation of shopping. 10
Diagram 20 On confirming the order, VirtueMart connects to the PayPal and asks the user for their PayPal Login details i.e. a valid Email ID and Password as shown in Diagram 21. Fill these in and click the Log In button. 11
Diagram 21 After logging into the PayPal, the visitor will be taken to the Review your 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 12
The next window shows the successful transaction of your payment as shown in Diagram 23. Click on Return to Merchant button, in order to navigate away from PayPal website and back to the Merchant website. Diagram 23 A successful transaction message is displayed on full completion of Checkout process on the website page as shown in Diagram 24. Diagram 24 13