PayTabs Node.js Package makes integration with the PayTabs payment gateway very easy by providing a ready-made payment class that handles the card entry, and billing & shipping information and completes the missing details.
This article is dedicated to walking you through how to display the payment page within a frame/embedded look via this package. The following boolean value can be passed within the "frameMode" parameter, which is passed as the ninth parameter to the "createPaymentPage" function, as shown below:
Through out the article we will use the same concept clarified in our How to not redirect my customers to an external payment page? (iFrame/Embedded Mode) solution article.A true flag needs to be sent within the "frameMode" parameter to enable the frame mode in the requested payment page, as shown below:
let frameMode = true;
paytabs.createPaymentPage(
paymentMethods,
transaction_details,
cart_details,
customer_details,
shipping_address,
response_URLs,
lang,
paymentPageCreated,
frameMode // boolean expected
);False is the default value of this function. In other words, not passing this paramter at all will be the same as passing a "false" value.Frame Mode
| Accepts | BOOLEAN value |
| Purpose | Pass it with true only if you want to enable the framed mode, which will generate the payment page without a footer or header to be used on the merchant side as an inner frame page. |
| Required | ❌ |
⌂ To get familiar with the whole process and the other steps, kindly navigate to our "The Node.js Packge Integration Manual" solution article.
⇦ And to get familiar with the rest of the steps regarding the previous step "Step 2 - Configure the integration method" kindly click here.
⇦ And to get familiar with the rest of the steps regarding the current step "Step 3 - Initiating the payment" click here.
⇨ And to navigate to the next step in the integration process "Step 4 - Accepting the payment" kindly click here.