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:
Note that ApplePay payment method does not operate in iFrame modes
- From your Cs-Cart admin panel, navigate to Administrations > Payment methods.
Then, select the Paytabs payment method from the listed available Cs-Cart payment methods (or click the edit button to configure the plugin).
- The payment method will pop-up an edit form window, then select Configure tab.
Finally, choose whether to enable this configuration option or not as shown below.:
- Finally, click the Save button to save your configurations.
Choosing "Enabled" 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 "Disabled", 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.
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 CS-Cart Plugin Integration Manual" solution article.
⇦ And to get familiar with the rest of the steps regarding the previous step "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" kindly click here.
⇨ Or you can navigate to the next step in the integration process "Step 3 - Initiating the payment" kindly click here.