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
PurposePass 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.