PayTabs plugins make the integration with the PayTabs payment gateway very easy by providing a ready-made and easy-to-install plugin that enables you to be ready and go with a few steps, to get you up and running with your business.
In this article, we will walk you through how to manage the frame/embed mode on your website/store's checkout page, so that you can display our hosted payment page within your same checkout page without redirecting the customer to the PayTabs external payment page, as shown below. Kindly follow the below steps to know how to manage this configuration option:
If this option is not shown in the selected payment method (such as "PayTabs - ApplePay") configuration page, that's mean that this payment method doesn't support/work-in iFrames
1. From your Magento admin panel, Navigate to the Stores menu, then select the Configurations menu item.
2. In the "Configurations" page, and from the “Sales” tab, select the "Payment Methods" menu item.
3. Expand the preferred payment method from the provided list by PayTabs of the supported payment methods available.
4. Finally, choose whether to enable this configuration option or not as shown below.
Choosing "Yes" will enable you to display the payment page within your website/store's checkout page (inner frame), After the customer will fill in his card details and proceed with the payment, this frame window would disappear and a redirection to the return page (success page/cart page) will be performed.
On the other hand, if you choose "No", the customers will be redirected to the Paytabs payment page to proceed with the payment and will be redirected back to the return page (success page/cart page) after submitting their payment.
But if you choose to check on the "Use system value" checkbox, then a "No" will be selected as a value for this configuration option.
If this option is not shown in the selected payment method (such as "PayTabs - ApplePay") configuration page, that's mean that this payment method doesn't support/work-in iFrames
The iFrame mode doesn't apply any of your UI (user interface) customization on PayTabs payment page. To know how to customize your normal PayTabs hosted payment page user interface, please check our How to customize the PayPage (Hosted Payment Page) UI? solution article.
⌂ To get familiar with the whole process and the other steps, kindly navigate to our "The Magento Plugin Integration Manual" solution article.
⇦ And to navigate to the previous step in the integration process "Step 1 - Setup and activate the integration method" click here.
⇦ And to get familiar with the rest of the steps regarding the current step "Step 2 - Configure the integration method" click here.
⇨ Or you can navigate to the next step in the integration process "Step 3 - Initiating the payment" kindly click here.