The Pay Now component allows you to integrate your PayPal business account into your Beezer app.
If you already have a PayPal business account, you can integrate it into your Beezer app using the steps given below.
Step 1: Navigate to the PayPal developer dashboard and click on My Apps & Credentials.
Step 2: You will see a toggle button for Sandbox and Live. Click on the "Create App" option for REST API under the Sandbox account.
The sandbox tab is used for testing your PayPal integration and it allows you to make payments in a test environment. Further, you will have to specify the app name and link it with your sandbox business account from the drop-down list.
Note: Make sure you have selected the correct sandbox business account and not the default one from the drop-down list.
Step 3: Once the app is created, check and configure the additional settings for your PayPal integration. For example, Process swiped cards, Login with a PayPal account for making payments, Search for transactions, etc.
It might ask you to add the OAuth return URL, which is where you want to direct your app users after the payment is processed. You can create a separate page inside your Beezer app which will show once the payment is successful.
Step 4: You can also configure webhooks to track events in your Beezer app. Webhook works as a listener for your app which tracks all events that occur on the app page where you have added the PayNow component.
To track events in your app, you can provide the URL link for your app and select the events you wish to track.
Step 5: Once the Sandbox environment is created, you need to copy & paste the Client ID from the sandbox API credentials into your Beezer Dashboard.
Please navigate to Build -> PayPal Settings to add the Sandbox id. Make sure to enable the test mode toggle button and save the configuration for testing environment.
For Live testing you only need to add Production id so that the payments gets credited to your PayPal account.
Step 6: You can now add the PayNow component to any page of your Beezer App. Click on the + sign next to your page title. You will be shown all the existing components available for your Beezer subscription plan.
You can add an image for your product using the Image component, and then add the PayNow button below it and provide a description and price for the product.
Step 7: Your app users can now pay via PayPal using their PayPal account login credentials or via a card. Clicking on the PayPal button will redirect them to their PayPal account sign-in window.
Step 8: Once the payment is processed, the payment details will be visible under the Analytics section of your Beezer dashboard. You can view all processed payments via your Beezer app under the payment history section.
Step 9: If your test environment settings work fine, you can now create a Live API from the PayPal developer dashboard and repeat steps 2-5. Please make sure to disable the test mode by using the toggle button under Build -> PayPal settings.
Please Publish your app once you have made the changes, so they get reflected on your mobile app successfully.
Note: This feature is available only for app owners who are using Member Login functionality in their Beezer apps.