Paymob

Getting Started - Pakistan

Accept Dashboard

Profile

Payment Integrations

Orders

Transactions

API Reference Guide

Basics of API

API Setup - Getting Started

Checkout-API

Integration Guide & API Reference

Test Card Credentials

Payment Links

Payment Link (Quick Link)

Payment Link (API)

Payment Actions

Refund Transaction

Void Transaction

Auth-Capture Payments

Pay With Saved Token /Moto

Retrieve A Transaction/Inquiry with Order id

Payment Methods

Card (Debit / Credit)

EasyPaisa

Jazzcash

Manage Callback

Transaction Callbacks

HMAC Calculation

HMAC Callback Calculation Intention

Error Codes

Risk Declines

Error Messages

E-Commerce Plugins

Shopify

WooCommerce

OpenCart

Magento 

WHMCS

Cs-Cart

PrestaShop

Joomla

New Shopify App (Embedded Checkout)

ZenCart

OsCommerce

Laravel- Bagisto

Drupal

Mobile SDKs

Mobile SDKs V1

Subscriptions

Authentication Request

Create Subscription plan

Pause Subscription Plan

Resume Subscription plan

Create Subscriptions

Pause Subscriptions

Resume Subscriptions

Cancel Subscription

List Subscription details

Blank

PAK-DOCS

End Point

Sandbox

<h3 class="slate-h3"><span style="color:#0C5394" class="slate-color">Sign up for registering a new account</span></h3><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">
A guide to registering a new accept account.</p><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><div  data-type="info" style="background-color:#eef1ff;color:#4a59af"><div ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0628 14.1676C10.2434 14.1676 10.3927 14.1086 10.5107 13.9905C10.6288 13.8725 10.6878 13.7232 10.6878 13.5426V9.77177C10.6878 9.6051 10.6253 9.46274 10.5003 9.34469C10.3753 9.22663 10.2295 9.1676 10.0628 9.1676C9.88227 9.1676 9.73296 9.22663 9.61491 9.34469C9.49685 9.46274 9.43783 9.61205 9.43783 9.7926V13.5634C9.43783 13.7301 9.50033 13.8725 9.62533 13.9905C9.75033 14.1086 9.89616 14.1676 10.0628 14.1676ZM10.0003 7.62594C10.1948 7.62594 10.358 7.56344 10.4899 7.43844C10.6219 7.31344 10.6878 7.15371 10.6878 6.95927C10.6878 6.76482 10.6219 6.59816 10.4899 6.45927C10.358 6.32038 10.1948 6.25094 10.0003 6.25094C9.80588 6.25094 9.64269 6.32038 9.51074 6.45927C9.3788 6.59816 9.31283 6.76482 9.31283 6.95927C9.31283 7.15371 9.3788 7.31344 9.51074 7.43844C9.64269 7.56344 9.80588 7.62594 10.0003 7.62594ZM10.0003 18.3343C8.81977 18.3343 7.72255 18.1225 6.70866 17.6989C5.69477 17.2752 4.81283 16.6884 4.06283 15.9384C3.31283 15.1884 2.72602 14.3065 2.30241 13.2926C1.8788 12.2787 1.66699 11.1815 1.66699 10.0009C1.66699 8.83427 1.8788 7.74399 2.30241 6.7301C2.72602 5.71621 3.31283 4.83427 4.06283 4.08427C4.81283 3.33427 5.69477 2.74399 6.70866 2.31344C7.72255 1.88288 8.81977 1.6676 10.0003 1.6676C11.167 1.6676 12.2573 1.88288 13.2712 2.31344C14.285 2.74399 15.167 3.33427 15.917 4.08427C16.667 4.83427 17.2573 5.71621 17.6878 6.7301C18.1184 7.74399 18.3337 8.83427 18.3337 10.0009C18.3337 11.1815 18.1184 12.2787 17.6878 13.2926C17.2573 14.3065 16.667 15.1884 15.917 15.9384C15.167 16.6884 14.285 17.2752 13.2712 17.6989C12.2573 18.1225 11.167 18.3343 10.0003 18.3343ZM10.0003 17.0843C11.9448 17.0843 13.6114 16.3898 15.0003 15.0009C16.3892 13.612 17.0837 11.9454 17.0837 10.0009C17.0837 8.05649 16.3892 6.38982 15.0003 5.00094C13.6114 3.61205 11.9448 2.9176 10.0003 2.9176C8.05588 2.9176 6.38921 3.61205 5.00033 5.00094C3.61144 6.38982 2.91699 8.05649 2.91699 10.0009C2.91699 11.9454 3.61144 13.612 5.00033 15.0009C6.38921 16.3898 8.05588 17.0843 10.0003 17.0843Z" fill="#3960B4"></path></svg></div><div ><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Why do I have to?</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">In order to deal with any of Accept&apos;s services, you have to register an account, this tutorial will be your guide to create one.</p></div></div><h3 class="slate-h3"> <span style="color:#0C5394" class="slate-color">To create your account, follow these steps</span></h3><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Navigate to <a href="https://pakistan.paymob.com/portal2/en/login">Accept&#x27;s home page</a></div></li></ol><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/9aa02a94-a7e2-4b4d-8f85-fd80657facc0.png" alt="" style="aspect-ratio:850 / 400" width="850" height="400"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">2. After that, you will enter your mobile number<span style="color:#000000" class="slate-color"> on which you will be receiving OTP for first-time verification.</span></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/b52b5a29-10c5-43b7-bfdb-568e8cb059d1.jpg" alt="" style="aspect-ratio:850 / 400" width="850" height="400"/></div><p class="slate-p" placeholder="Type / for widgets">3. As soon as you enter the OTP that you have received on your mobile number, you will get the below screen where you will be adding your name, and email details including your desired Password which you will be using for further logging.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/4a609212-52d4-4859-8660-c578c893db45.jpg" alt="" style="aspect-ratio:850 / 400" width="850" height="400"/></div><p class="slate-p" placeholder="Type / for widgets">4. Please note that after this screen you will get a login screen where you will be entering your registered mobile number without country code and your password which you have set in the previous screen.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/b1bfa6bc-9f8b-4a52-96df-cefdf8ff0881.jpg" alt="" style="aspect-ratio:850 / 400" width="850" height="400"/></div><p class="slate-p" placeholder="Type / for widgets">5. As soon as you will log in, you will get the below screen to enter your business details.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696860313071.png" alt="" style="aspect-ratio:650 / 300" width="650" height="300"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696860405736.png" alt="" style="aspect-ratio:650 / 350" width="650" height="350"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696860450435.png" alt="" style="aspect-ratio:550 / 300" width="550" height="300"/></div><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">After filling in this information, you will get a &quot; <span style="color:#0C5394" class="slate-color"><strong style="color:#0C5394" class="slate-bold">Registration successful</strong></span>&quot; message on the screen and you will be routed to your Paymob Dashboard as below :</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/df126d50-81ba-4851-b968-378fccef674e.png" alt="" style="aspect-ratio:850 / 400" width="850" height="400"/></div><p class="slate-p" placeholder="Type / for widgets"><p class="slate-p" placeholder="Type / for widgets">Great-Now you have successfully made your Merchant portal dashboard </p></p><p class="slate-p" placeholder="Type / for widgets">Now you can go to the <a href="https://pakistan.paymob.com/portal2/en/login">Sign-In page</a> and start accepting online payments from your customers, Go check our use case guide and choose your perfect payment scenario!</p><div  data-type="info" style="background-color:#eef1ff;color:#4a59af"><div ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0628 14.1676C10.2434 14.1676 10.3927 14.1086 10.5107 13.9905C10.6288 13.8725 10.6878 13.7232 10.6878 13.5426V9.77177C10.6878 9.6051 10.6253 9.46274 10.5003 9.34469C10.3753 9.22663 10.2295 9.1676 10.0628 9.1676C9.88227 9.1676 9.73296 9.22663 9.61491 9.34469C9.49685 9.46274 9.43783 9.61205 9.43783 9.7926V13.5634C9.43783 13.7301 9.50033 13.8725 9.62533 13.9905C9.75033 14.1086 9.89616 14.1676 10.0628 14.1676ZM10.0003 7.62594C10.1948 7.62594 10.358 7.56344 10.4899 7.43844C10.6219 7.31344 10.6878 7.15371 10.6878 6.95927C10.6878 6.76482 10.6219 6.59816 10.4899 6.45927C10.358 6.32038 10.1948 6.25094 10.0003 6.25094C9.80588 6.25094 9.64269 6.32038 9.51074 6.45927C9.3788 6.59816 9.31283 6.76482 9.31283 6.95927C9.31283 7.15371 9.3788 7.31344 9.51074 7.43844C9.64269 7.56344 9.80588 7.62594 10.0003 7.62594ZM10.0003 18.3343C8.81977 18.3343 7.72255 18.1225 6.70866 17.6989C5.69477 17.2752 4.81283 16.6884 4.06283 15.9384C3.31283 15.1884 2.72602 14.3065 2.30241 13.2926C1.8788 12.2787 1.66699 11.1815 1.66699 10.0009C1.66699 8.83427 1.8788 7.74399 2.30241 6.7301C2.72602 5.71621 3.31283 4.83427 4.06283 4.08427C4.81283 3.33427 5.69477 2.74399 6.70866 2.31344C7.72255 1.88288 8.81977 1.6676 10.0003 1.6676C11.167 1.6676 12.2573 1.88288 13.2712 2.31344C14.285 2.74399 15.167 3.33427 15.917 4.08427C16.667 4.83427 17.2573 5.71621 17.6878 6.7301C18.1184 7.74399 18.3337 8.83427 18.3337 10.0009C18.3337 11.1815 18.1184 12.2787 17.6878 13.2926C17.2573 14.3065 16.667 15.1884 15.917 15.9384C15.167 16.6884 14.285 17.2752 13.2712 17.6989C12.2573 18.1225 11.167 18.3343 10.0003 18.3343ZM10.0003 17.0843C11.9448 17.0843 13.6114 16.3898 15.0003 15.0009C16.3892 13.612 17.0837 11.9454 17.0837 10.0009C17.0837 8.05649 16.3892 6.38982 15.0003 5.00094C13.6114 3.61205 11.9448 2.9176 10.0003 2.9176C8.05588 2.9176 6.38921 3.61205 5.00033 5.00094C3.61144 6.38982 2.91699 8.05649 2.91699 10.0009C2.91699 11.9454 3.61144 13.612 5.00033 15.0009C6.38921 16.3898 8.05588 17.0843 10.0003 17.0843Z" fill="#3960B4"></path></svg></div><div ><p class="slate-p" placeholder="Type / for widgets"><span style="color:#F1C231;font-size:var(--emoji,0)" class="slate-color">👍</span><span style="color:#1155CB" class="slate-color"><strong style="color:#1155CB" class="slate-bold">Note!</strong></span></p><p class="slate-p" placeholder="Type / for widgets">The status of the created account will be marked as a <strong class="slate-bold">&quot;Test&quot;</strong> account, this will allow you to test all of Accept&apos;s services. 
When you finish your testing phase, Please contact your Account Manager or Contact Support team through email  <a href="mailto:support@paymob.com">support@paymob.com</a> or you can also raise a ticket through a support widget in your Merchant portal Dashboard to change its status to be <strong class="slate-bold">&quot;Live&quot;</strong>.</p></div></div><p class="slate-p" placeholder="Type / for widgets"></p>


A guide to registering a new accept account.

To create your account, follow these steps

2. After that, you will enter your mobile number

 on which you will be receiving OTP for first-time verification.

3. As soon as you enter the OTP that you have received on your mobile number, you will get the below screen where you will be adding your name, and email details including your desired Password which you will be using for further logging.

4. Please note that after this screen you will get a login screen where you will be entering your registered mobile number without country code and your password which you have set in the previous screen.

5. As soon as you will log in, you will get the below screen to enter your business details.

After filling in this information, you will get a " 

" message on the screen and you will be routed to your Paymob Dashboard as below :

 and start accepting online payments from your customers, Go check our use case guide and choose your perfect payment scenario!

<p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">A detailed guide to your Accept dashboard
</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">In order to deal with any of Accept&apos;s services, you have to create an <a href="https://pakistan.paymob.com/portal2/en/login">Accept account</a>.</p><p class="slate-p" placeholder="Type / for widgets">In your Accept portal, you can find:</p><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Profile.</div></li><li class="slate-li"><div style="position:relative">Transactions.</div></li><li class="slate-li"><div style="position:relative">Orders.</div></li><li class="slate-li"><div style="position:relative">Payment Integrations.</div></li></ul><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets"></p>

A detailed guide to your Accept dashboard


In order to deal with any of Accept's services, you have to create an 

<p class="slate-p" placeholder="Type / for widgets">Paymob&apos;s APIs are built on the REST architecture, providing a structured approach for developers to interact with their services. Let&apos;s delve into the basics of REST APIs, HTTP methods, parameters, and HTTPS status codes within the Paymob ecosystem:</p><p class="slate-p" placeholder="Type / for widgets"></p>

Paymob's APIs are built on the REST architecture, providing a structured approach for developers to interact with their services. Let's delve into the basics of REST APIs, HTTP methods, parameters, and HTTPS status codes within the Paymob ecosystem:

<p class="slate-p" placeholder="Type / for widgets"></p><div  data-type="info" style="background-color:#eef1ff;color:#4a59af"><div ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0628 14.1676C10.2434 14.1676 10.3927 14.1086 10.5107 13.9905C10.6288 13.8725 10.6878 13.7232 10.6878 13.5426V9.77177C10.6878 9.6051 10.6253 9.46274 10.5003 9.34469C10.3753 9.22663 10.2295 9.1676 10.0628 9.1676C9.88227 9.1676 9.73296 9.22663 9.61491 9.34469C9.49685 9.46274 9.43783 9.61205 9.43783 9.7926V13.5634C9.43783 13.7301 9.50033 13.8725 9.62533 13.9905C9.75033 14.1086 9.89616 14.1676 10.0628 14.1676ZM10.0003 7.62594C10.1948 7.62594 10.358 7.56344 10.4899 7.43844C10.6219 7.31344 10.6878 7.15371 10.6878 6.95927C10.6878 6.76482 10.6219 6.59816 10.4899 6.45927C10.358 6.32038 10.1948 6.25094 10.0003 6.25094C9.80588 6.25094 9.64269 6.32038 9.51074 6.45927C9.3788 6.59816 9.31283 6.76482 9.31283 6.95927C9.31283 7.15371 9.3788 7.31344 9.51074 7.43844C9.64269 7.56344 9.80588 7.62594 10.0003 7.62594ZM10.0003 18.3343C8.81977 18.3343 7.72255 18.1225 6.70866 17.6989C5.69477 17.2752 4.81283 16.6884 4.06283 15.9384C3.31283 15.1884 2.72602 14.3065 2.30241 13.2926C1.8788 12.2787 1.66699 11.1815 1.66699 10.0009C1.66699 8.83427 1.8788 7.74399 2.30241 6.7301C2.72602 5.71621 3.31283 4.83427 4.06283 4.08427C4.81283 3.33427 5.69477 2.74399 6.70866 2.31344C7.72255 1.88288 8.81977 1.6676 10.0003 1.6676C11.167 1.6676 12.2573 1.88288 13.2712 2.31344C14.285 2.74399 15.167 3.33427 15.917 4.08427C16.667 4.83427 17.2573 5.71621 17.6878 6.7301C18.1184 7.74399 18.3337 8.83427 18.3337 10.0009C18.3337 11.1815 18.1184 12.2787 17.6878 13.2926C17.2573 14.3065 16.667 15.1884 15.917 15.9384C15.167 16.6884 14.285 17.2752 13.2712 17.6989C12.2573 18.1225 11.167 18.3343 10.0003 18.3343ZM10.0003 17.0843C11.9448 17.0843 13.6114 16.3898 15.0003 15.0009C16.3892 13.612 17.0837 11.9454 17.0837 10.0009C17.0837 8.05649 16.3892 6.38982 15.0003 5.00094C13.6114 3.61205 11.9448 2.9176 10.0003 2.9176C8.05588 2.9176 6.38921 3.61205 5.00033 5.00094C3.61144 6.38982 2.91699 8.05649 2.91699 10.0009C2.91699 11.9454 3.61144 13.612 5.00033 15.0009C6.38921 16.3898 8.05588 17.0843 10.0003 17.0843Z" fill="#3960B4"></path></svg></div><div ><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><span style="color:#1155CB" class="slate-color"><strong style="color:#1155CB" class="slate-bold">Unified Checkout</strong></span></p><p class="slate-p" placeholder="Type / for widgets">It is a user-friendly hosted checkout where customers can select any payment method defined by the merchant.</p></div></div><p class="slate-p" placeholder="Type / for widgets">This page represents the list of payment methods owned by the Merchant.</p><p class="slate-p" placeholder="Type / for widgets">Customers can choose any payment method they want to complete the purchase.</p><p class="slate-p" placeholder="Type / for widgets">For Instance, If the customer selects the CARD Payment Method and Clicks on proceed to the payment he will be redirected to the below page.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696863219321.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">The above fields can also be used as separate elements to achieve customization where the Merchant can place them as individual fields according to his preference instead of redirecting the customer to a separate link.</p>

This page represents the list of payment methods owned by the Merchant.

Customers can choose any payment method they want to complete the purchase.

For Instance, If the customer selects the CARD Payment Method and Clicks on proceed to the payment he will be redirected to the below page.

The above fields can also be used as separate elements to achieve customization where the Merchant can place them as individual fields according to his preference instead of redirecting the customer to a separate link.

<p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets">You can download a Postman collection from the below-mentioned tab.</p><div style="text-align:left"> <a href="https://drive.google.com/drive/folders/1jM0p1Ku3SyVG-jEVtoDsDHj-__7Pf2iF?usp=drive_link" target="_blank" rel="noreferrer"><img src="https://theneo-prod-public.s3.amazonaws.com/images-1699267226718.png" alt="" style="aspect-ratio:180 / 50" width="180" height="50"/></a></div><p class="slate-p" placeholder="Type / for widgets"></p>

You can download a Postman collection from the below-mentioned tab.

<p class="slate-p" placeholder="Type / for widgets">You can find the Risk error codes and other Acquirer response code descriptions in this section to know more about your declines, and detailed reasons.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <a href="https://drive.google.com/file/d/1QNazSTFpZ3ES2HUZXHNmfI71CG6kzOeB/view?usp=drive_link" target="_blank" rel="noreferrer"><img src="https://drive.google.com/file/d/1QNazSTFpZ3ES2HUZXHNmfI71CG6kzOeB/view?usp=drive_link" alt=""/></a></div><p class="slate-p" placeholder="Type / for widgets"></p>

You can find the Risk error codes and other Acquirer response code descriptions in this section to know more about your declines, and detailed reasons.

<p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">A handy way to successfully integrate our gateway within your Shopify store, please follow along with the below steps to accomplish your integration</p><h3 class="slate-h3">Steps for Shopify Integration:</h3><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">1- Log in to your Shopify Dashboard.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">
2- Select Settings from the left bottom of your Dashboard page.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696863603236.png" alt="" style="aspect-ratio:150 / 350" width="150" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">3- After clicking Settings, select “Payments”.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696863631462.png" alt="" style="aspect-ratio:200 / 350" width="200" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">4- At the payment page, please make sure that the Payment Capture option should be Automatic.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696863734201.png" alt="" style="aspect-ratio:400 / 300" width="400" height="300"/></div><p class="slate-p" placeholder="Type / for widgets">5- In “Payments”. Click on the Add Payment Methods button.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696863757977.png" alt="" style="aspect-ratio:500 / 200" width="500" height="200"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">6- After choosing “Add Payment Method” click on Search by the provider, write Paymob in the search field, and click on the Paymob icon.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696863783009.png" alt="" style="aspect-ratio:500 / 350" width="500" height="350"/></div><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets">7.    Further, click on the Connect Button.</p><div style="text-align:left"> <img src="https://files.readme.io/2029e8f-shopify_2.png" alt="" style="aspect-ratio:500 / 350" width="500" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">8.   Choose your Shopify store country.</p><div style="text-align:left"> <img src="https://files.readme.io/fd34255-shopify_3.png" alt="" style="aspect-ratio:500 / 350" width="500" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">9.    After choosing your country, you will see below page to install your app.</p><div style="text-align:left"> <img src="https://files.readme.io/32ee406-Shopify_4.png" alt="" style="aspect-ratio:450 / 350" width="450" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">10.   Then it will ask for your Paymob dashboard credentials. Enter your username and password.</p><div style="text-align:left"> <img src="https://files.readme.io/8ea1a80-Shopify_5.png" alt="" style="aspect-ratio:300 / 350" width="300" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">11.  Click on Activate Paymob and make sure to select the &quot;Enable Test mode&quot; if you want to perform the test transactions. You will choose the payment methods according to the availability in your country as well as your requirements.</p><div style="text-align:left"> <img src="https://files.readme.io/64aff90-Shopify_7.png" alt="" style="aspect-ratio:250 / 350" width="250" height="350"/></div><p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Now Paymob Services are activated on your Shopify.</strong></p><p class="slate-p" placeholder="Type / for widgets"><em class="slate-italic">You can perform your test transactions by using the below Test credentials.</em></p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/2df6cef-Picture10.png" alt="" style="aspect-ratio:450 / 200" width="450" height="200"/></div></p><p class="slate-p" placeholder="Type / for widgets">Once you have successfully performed your test transactions. You can contact your sales agent or the Paymob support team for your live account.</p><p class="slate-p" placeholder="Type / for widgets">

</p>

A handy way to successfully integrate our gateway within your Shopify store, please follow along with the below steps to accomplish your integration


2- Select Settings from the left bottom of your Dashboard page.

3- After clicking Settings, select “Payments”.

4- At the payment page, please make sure that the Payment Capture option should be Automatic.

5- In “Payments”. Click on the Add Payment Methods button.

6- After choosing “Add Payment Method” click on Search by the provider, write Paymob in the search field, and click on the Paymob icon.

7.    Further, click on the Connect Button.

9.    After choosing your country, you will see below page to install your app.

10.   Then it will ask for your Paymob dashboard credentials. Enter your username and password.

11.  Click on Activate Paymob and make sure to select the "Enable Test mode" if you want to perform the test transactions. You will choose the payment methods according to the availability in your country as well as your requirements.

Now Paymob Services are activated on your Shopify.

You can perform your test transactions by using the below Test credentials.

Once you have successfully performed your test transactions. You can contact your sales agent or the Paymob support team for your live account.

<p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Paymob for WooCommerce plugin
</p><h3 class="slate-h3"><strong class="slate-bold">WordPress Directory</strong></h3><p class="slate-p" placeholder="Type / for widgets">You can find the Paymob official WooCommerce Plugin in the <a href="https://wordpress.org/plugins/paymob-for-woocommerce/">WordPress Directory page</a>.</p><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14pt" class="slate-bold">Installation Steps: </strong></p><p class="slate-p" placeholder="Type / for widgets">·       Login into admin panel of your WordPress store. From the side bar menu  → Select Plugins  → Add New.</p><p class="slate-p" placeholder="Type / for widgets">·       In the search field, type the word &quot;Paymob &quot;, and the Paymob for WooCommerce plugin will be listed in the search result.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1700478085118.jpg" alt="" style="aspect-ratio:500 / 300" width="500" height="300"/></div><p class="slate-p" placeholder="Type / for widgets">·       Click on the Install Now button. Then, click on the Activate button.</p><p class="slate-p" placeholder="Type / for widgets">·       In Plugin list you will find Paymob for WooCommerce plugin.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1700478183798.jpg" alt="" style="aspect-ratio:545 / 50" width="545" height="50"/></div><p class="slate-p" placeholder="Type / for widgets">.     Click on Paymob settings. <strong style="font-size:12pt" class="slate-bold">OR, </strong>from WooCommerce = → Settings in the left menu, under the Payment tab, find Paymob Payment and click on Manage. </p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1700478267285.jpg" alt="" style="aspect-ratio:455 / 100" width="455" height="100"/></div><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14pt" class="slate-bold">Merchant configuration </strong></p><p class="slate-p" placeholder="Type / for widgets">·        Log into Paymob account = → Setting in the left menu and then go to account information. Then get the Secret, public ,and API keys.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708079241295.jpg" alt="" style="aspect-ratio:410 / 150" width="410" height="150"/></div><p class="slate-p" placeholder="Type / for widgets">·  </p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708079421317.jpg" alt="" style="aspect-ratio:310 / 250" width="310" height="250"/></div><p class="slate-p" placeholder="Type / for widgets">·       Paste each key in its place in the Paymob WooCommerce setting page.</p><p class="slate-p" placeholder="Type / for widgets">·       Then, <strong style="font-size:12pt" class="slate-bold">click on Validate PayMob API key button </strong>to ensure the data prvided keys are valid and returns the needed information. <span style="color:red;font-size:12pt" class="slate-color"><strong style="color:red;font-size:12pt" class="slate-bold">(Important)</strong></span></p><p class="slate-p" placeholder="Type / for widgets">·       The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.</p><p class="slate-p" placeholder="Type / for widgets">·       <strong style="font-size:12pt" class="slate-bold">Please ensure to select theintegration IDs </strong>that you need end-user pay with/sees in Paymob payment page. <span style="color:red;font-size:12pt" class="slate-color"><strong style="color:red;font-size:12pt" class="slate-bold">(Important)</strong></span></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1700478485467.jpg" alt="" style="aspect-ratio:400 / 350" width="400" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">·       Copy integration callback URL that exists in Paymob WooCommerce setting page. Then, paste it into each payment integration in Paymob account</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1700478552547.jpg" alt="" style="aspect-ratio:450 / 50" width="450" height="50"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1700478595588.jpg" alt="" style="aspect-ratio:450 / 300" width="450" height="300"/></div><p class="slate-p" placeholder="Type / for widgets">·       In the setting page, you can also the paymob payment method logo, title, and description that end-user will see in WooCommerce checkout page.</p><p class="slate-p" placeholder="Type / for widgets">·       Then, click on save changes.</p><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:12pt" class="slate-bold">Checkout page</strong></p><p class="slate-p" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1700478720184.jpg" alt="" style="aspect-ratio:550 / 300" width="550" height="300"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1700478742760.jpg" alt="" style="aspect-ratio:500 / 300" width="500" height="300"/></div><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p slate-align-center" style="text-align:center" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets"></p>

You can find the Paymob official WooCommerce Plugin in the 

Login into admin panel of your WordPress store. From the side bar menu  → Select Plugins  → Add New.

In the search field, type the word "Paymob ", and the Paymob for WooCommerce plugin will be listed in the search result.

Click on the Install Now button. Then, click on the Activate button.

In Plugin list you will find Paymob for WooCommerce plugin.

from WooCommerce = → Settings in the left menu, under the Payment tab, find Paymob Payment and click on Manage. 

Log into Paymob account = → Setting in the left menu and then go to account information. Then get the Secret, public ,and API keys.

Paste each key in its place in the Paymob WooCommerce setting page.

to ensure the data prvided keys are valid and returns the needed information. 

The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.

Please ensure to select theintegration IDs 

that you need end-user pay with/sees in Paymob payment page. 

Copy integration callback URL that exists in Paymob WooCommerce setting page. Then, paste it into each payment integration in Paymob account

In the setting page, you can also the paymob payment method logo, title, and description that end-user will see in WooCommerce checkout page.

Paymob payment method will be shown for the end-user to start his payment process.

<p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Guide for installing Accept&apos;s OpenCart plugin supporting our payment methods ( Credit Card, Omannet).</p><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">OpenCart 4.x.x plugin</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Installation Steps:</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><a href="https://www.opencart.com/index.php?route=marketplace/extension/info&amp;extension_id=45371">Download the plugin file</a> and follow the instructions on how to set it up.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Log in to the Opencart admin panel and click Extension =Installer.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Then, at the top-left side of the page click on the Upload icon and locate the Upload Plugin file.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865044139.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">In the Installed Extensions, locate Paymob Payment. Then, click on Install It.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">From the left menu in OpenCart admin=&gt; Extensions = Extensions =&gt;Payments, find Paymob Payment.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Then, click on the install icon.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865056079.png" alt="" style="aspect-ratio:550 / 50" width="550" height="50"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Merchant configuration</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Log into Paymob account =&gt; Setting in the left menu. Then get the Secret, public, and API keys.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865065568.png" alt="" style="aspect-ratio:550 / 150" width="550" height="150"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Paste each key in its place in the Paymob OpenCart setting page.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Then, click on the Validate PayMob API key button to ensure the data provided keys are valid and returns the needed information. (Important)</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Please ensure to select the integration IDs that you need the end-user pay with/sees in Paymob payment page. (Important)</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865155945.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Copy the integration callback URL that exists in Paymob OpenCart setting page. Then, paste it into each payment integration in Paymob account .</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865174930.png" alt="" style="aspect-ratio:550 / 50" width="550" height="50"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865194623.png" alt="" style="aspect-ratio:500 / 300" width="500" height="300"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Then, click on Save Changes.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Checkout page</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865217679.png" alt="" style="aspect-ratio:500 / 350" width="500" height="350"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold"></strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold"></strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold"></strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">OpenCart 3.x - 2.3 plugin</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Installation Steps:</strong>
<a href="https://www.opencart.com/index.php?route=marketplace/extension/info&amp;extension_id=45371">Download the plugin file</a> and follow the instructions on how to setup it up.
• Log in to the Opencart admin panel and click Extension =&gt;Installer=&gt; Upload your extensions.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865315830.png" alt="" style="aspect-ratio:550 / 250" width="550" height="250"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">• From the left menu in OpenCart admin=&gt; Extensions = Extensions =&gt;Payments, find Paymob Payment.
• Then, click on the install icon.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865339795.png" alt="" style="aspect-ratio:550 / 50" width="550" height="50"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Merchant configuration</strong>
• Log into Paymob account =&gt; Setting in the left menu. Then get the Secret, public, and API keys.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865363825.png" alt="" style="aspect-ratio:500 / 150" width="500" height="150"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">• Paste each key in its place in the Paymob OpenCart setting page.
• Then, click on the Validate PayMob API key button to ensure the data provided keys are valid and returns the needed information. (Important)
• The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.
• Please ensure to select the integration IDs that you need end-user pay with/sees in Paymob payment page. (Important)</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865391111.png" alt="" style="aspect-ratio:450 / 300" width="450" height="300"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">• Copy the integration callback URL that exists in Paymob OpenCart setting page. Then, paste it into each payment integration in Paymob account</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865546657.png" alt="" style="aspect-ratio:550 / 50" width="550" height="50"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865558332.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">• Then, click on save changes.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Checkout page</strong>
Paymob payment method will be shown for the end-user to start his payment process.</p><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865568985.png" alt="" style="aspect-ratio:550 / 300" width="550" height="300"/></div><p class="slate-p" placeholder="Type / for widgets"></p>

Guide for installing Accept's OpenCart plugin supporting our payment methods ( Credit Card, Omannet).

 and follow the instructions on how to set it up.

Log in to the Opencart admin panel and click Extension =Installer.

Then, at the top-left side of the page click on the Upload icon and locate the Upload Plugin file.

In the Installed Extensions, locate Paymob Payment. Then, click on Install It.

From the left menu in OpenCart admin=> Extensions = Extensions =>Payments, find Paymob Payment.

Log into Paymob account => Setting in the left menu. Then get the Secret, public, and API keys.

Paste each key in its place in the Paymob OpenCart setting page.

Then, click on the Validate PayMob API key button to ensure the data provided keys are valid and returns the needed information. (Important)

Please ensure to select the integration IDs that you need the end-user pay with/sees in Paymob payment page. (Important)

Copy the integration callback URL that exists in Paymob OpenCart setting page. Then, paste it into each payment integration in Paymob account .

 and follow the instructions on how to setup it up.
• Log in to the Opencart admin panel and click Extension =>Installer=> Upload your extensions.

• From the left menu in OpenCart admin=> Extensions = Extensions =>Payments, find Paymob Payment.
• Then, click on the install icon.


• Log into Paymob account => Setting in the left menu. Then get the Secret, public, and API keys.

• Paste each key in its place in the Paymob OpenCart setting page.
• Then, click on the Validate PayMob API key button to ensure the data provided keys are valid and returns the needed information. (Important)
• The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.
• Please ensure to select the integration IDs that you need end-user pay with/sees in Paymob payment page. (Important)

• Copy the integration callback URL that exists in Paymob OpenCart setting page. Then, paste it into each payment integration in Paymob account


Paymob payment method will be shown for the end-user to start his payment process.

<h2 class="slate-h2">Magento Marketplace</h2><p class="slate-p" placeholder="Type / for widgets">You can check the Paymob Magento 2 module from the <a href="https://commercemarketplace.adobe.com/paymob-magento-payment.html">Magento Adobe marketplace page</a>.</p><h2 class="slate-h2">Installation Steps</h2><p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">In the server cmd terminal</strong></p><p class="slate-p" placeholder="Type / for widgets">Run the below command to install the Paymob Payment via composer</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Shell</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-55-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor">   composer require paymob/magento-payment </span></span></div><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor"></span></span></div></code></pre><p class="slate-p" placeholder="Type / for widgets">Run the below Magento commands to enable Paymob Module</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Shell</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-56-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor">   php -f bin/magento module:enable --clear-static-content Paymob_Payment  </span></span></div><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor">   php bin/magento setup:upgrade  </span></span></div><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor">   php bin/magento setup:di:compile  </span></span></div><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor">   php bin/magento setup:static-content:deploy -f  </span></span></div><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor">   php bin/magento cache:clean  </span></span></div><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor">   php bin/magento cache:flush</span></span></div><div class="slate-code_line"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:var(--md-code-text,#333);font-size:15px" class="slate-backgroundColor"></span></span></div></code></pre><h2 class="slate-h2">Merchant Configuration</h2><h3 class="slate-h3">PayMob Account</h3><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Log into Paymob account =&gt; Setting in the left menu.</div></li><li class="slate-li"><div style="position:relative">Get the Secret, public, API keys, HMAC and <strong class="slate-bold">integration IDs.</strong></div></li></ol><div style="text-align:left"> <img src="https://files.readme.io/6e586a9-604a19b-image.png" alt="" style="aspect-ratio:550 / 200" width="550" height="200"/></div><div style="text-align:left"> <img src="https://files.readme.io/923b529-image.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><div style="text-align:left"> <img src="https://files.readme.io/e3b1fec-MicrosoftTeams-image_8.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><h3 class="slate-h3">Magento admin configuration</h3><ol class="slate-ol"><li class="slate-li"><div style="position:relative">In Magento Admin Panel Menu Stores → Configuration</div></li><li class="slate-li"><div style="position:relative">Expand Sales Menu → select Payment Methods → Accept Paymob payment paste each key in its place in the setting page.</div></li><li class="slate-li"><div style="position:relative">Please ensure adding the integration IDs separated by comma ,. These IDs will be shown in the Paymob payment page.</div></li><li class="slate-li"><div style="position:relative">Copy the integration callback URL that exists in Paymob Magento setting page. Then, paste it into each payment integration/method in Paymob account</div></li></ol><div style="text-align:left"> <img src="https://files.readme.io/f5a5441-MicrosoftTeams-image_5.png" alt="" style="aspect-ratio:550 / 100" width="550" height="100"/></div><div style="text-align:left"> <img src="https://files.readme.io/0fe6d81-image.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">5. Then, click on save changes.</p><p class="slate-p" placeholder="Type / for widgets">6. Ensure there&apos;s no error while saving due to incorrect information provided.</p><h3 class="slate-h3">Checkout page</h3><p class="slate-p" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><div style="text-align:left"> <img src="https://files.readme.io/1778ba2-MicrosoftTeams-image_6.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><div style="text-align:left"> <img src="https://files.readme.io/f757e06-MicrosoftTeams-image_3.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">

</p>

You can check the Paymob Magento 2 module from the 

Run the below command to install the Paymob Payment via composer

Run the below Magento commands to enable Paymob Module

6. Ensure there's no error while saving due to incorrect information provided.

<p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">WHMCS Marketplace</strong></p><p class="slate-p" placeholder="Type / for widgets">You can check the Paymob WHMCS module from the <a href="https://marketplace.whmcs.com/product/7098-paymob-payment">WHMCS marketplace page</a>.</p><p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Installation Steps</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Download the Paymob WHMCS plugin from <a href="https://marketplace.whmcs.com/product/7098-paymob-payment">here</a>.</div></li><li class="slate-li"><div style="position:relative">Extract the downloaded WHMCS module .zip file into your server in the path of WHMCS project.</div></li><li class="slate-li"><div style="position:relative">Login in to the WHMCS admin panel, navigate to Setup → Apps &amp; integrations → Browse → Payments.</div></li><li class="slate-li"><div style="position:relative">Search for Paymob Payment, then click on Manage button.</div></li></ol><p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Admin configuration</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Log into Paymob account → Setting in the left menu. Then get the Secret, public, API keys, HMAC and P integration IDs.</div></li></ol><div style="text-align:left"> <img src="https://files.readme.io/df47554-image.png" alt="" style="aspect-ratio:560 / 200" width="560" height="200"/></div><ol class="slate-ol"><li class="slate-li"><div style="position:relative">In WHMCS admin, Navigate to Addons→ Apps &amp; integrations → Payments Apps.</div></li><li class="slate-li"><div style="position:relative">Configure the new module in the Manage Existing Gateways tab.</div></li><li class="slate-li"><div style="position:relative">Add Paymob configuration as mentioned in the first point.</div></li><li class="slate-li"><div style="position:relative">Copy integration callback URL that exists in Paymob WHMCS setting page. Then, paste it into each payment integration/method in Paymob account.</div></li><li class="slate-li"><div style="position:relative">Then, click on save changes.</div></li></ol><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/616be65-image.png" alt="" style="aspect-ratio:460 / 250" width="460" height="250"/></div></p><p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Checkout page</strong></p><p class="slate-p" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/093fa55-image.png" alt="" style="aspect-ratio:510 / 350" width="510" height="350"/></div></p><p class="slate-p" placeholder="Type / for widgets">

</p>

You can check the Paymob WHMCS module from the 

<h1 class="slate-h1"><span style="background-color:rgb(255, 255, 255);color:rgb(56, 66, 72);font-size:medium" class="slate-color"><span style="background-color:rgb(255, 255, 255);color:rgb(56, 66, 72);font-size:medium" class="slate-backgroundColor"></span></span></h1><h2 class="slate-h2">Cs-Cart Marketplace</h2><p class="slate-p" placeholder="Type / for widgets">You can check the Paymob Cs-Cart Addon from the <a href="https://marketplace.cs-cart.com/paymob.html">marketplace page.</a></p><h3 class="slate-h3">Installation Steps</h3><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Download the Paymob Cs- Cart Addon from the <a href="https://marketplace.cs-cart.com/paymob.html">marketplace</a></div></li><li class="slate-li"><div style="position:relative">Login into Cs-Cart admin panel, from the upper menu, click on Add-ons → Manage add-ons.</div></li><li class="slate-li"><div style="position:relative">Click on the tools/setting icon in the upper right corner.</div></li><li class="slate-li"><div style="position:relative">Choose Manual installation → Local and Select the Paymob downloaded .zip file.</div></li></ol><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/1cad395-image.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div></p><p class="slate-p" placeholder="Type / for widgets">5. Then, click on the Upload &amp; Install button.</p><p class="slate-p" placeholder="Type / for widgets">6.  The Paymob addon will appear on the Add-ons list.</p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/a51b8f1-image.png" alt="" style="aspect-ratio:550 / 50" width="550" height="50"/></div></p><h2 class="slate-h2">Admin configuration</h2><ol class="slate-ol"><li class="slate-li"><div style="position:relative">From the Cs-Cart admin panel, in the upper menu click on &quot;Administration&quot; →&quot;Payment Methods&quot;.</div></li><li class="slate-li"><div style="position:relative">Click on the Add button on the top right to add the payment method.</div></li><li class="slate-li"><div style="position:relative">You can name your payment method according to the one you need to add and then choose Paymob in the &quot;Processor&quot; dropdown list.</div></li><li class="slate-li"><div style="position:relative">Click on &quot;Configure&quot;.</div></li><li class="slate-li"><div style="position:relative">Add all the configurations needed.</div></li><li class="slate-li"><div style="position:relative">Log in to Paymob account → Setting in the left menu. Then get the Secret, public, and API keys.</div></li></ol><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/ff5c819-image.png" alt="" style="aspect-ratio:550 / 200" width="550" height="200"/></div></p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/2b155c3-image.png" alt="" style="aspect-ratio:550 / 150" width="550" height="150"/></div></p><p class="slate-p" placeholder="Type / for widgets">7.   Paste each key in its place in the Paymob Cs-Cart setting page.</p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/e0be4fe-image.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div></p><p class="slate-p" placeholder="Type / for widgets">8.   Then, click on Validate PayMob API key button to ensure the data provided keys are valid and returns the needed information. (Important)</p><p class="slate-p" placeholder="Type / for widgets">9.   The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">10.  Copy integration callback URL that exists in Paymob Cs-Cart setting page. Then, paste it into each payment integration in Paymob account.
</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1702299846792.jpg" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">
</p><p class="slate-p" placeholder="Type / for widgets">11.   Then, click on save changes.</p><h3 class="slate-h3">Checkout page</h3><p class="slate-p" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><div style="text-align:left"> <img src="https://files.readme.io/dead93b-image.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><div style="text-align:left"> <img src="https://files.readme.io/1b57cbf-image.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">

</p>

You can check the Paymob Cs-Cart Addon from the 

5. Then, click on the Upload & Install button.

6.  The Paymob addon will appear on the Add-ons list.

7.   Paste each key in its place in the Paymob Cs-Cart setting page.

8.   Then, click on Validate PayMob API key button to ensure the data provided keys are valid and returns the needed information. (Important)

9.   The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.

10.  Copy integration callback URL that exists in Paymob Cs-Cart setting page. Then, paste it into each payment integration in Paymob account.


<h2 class="slate-h2">Installation Steps</h2><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Paymob PrestaShop unified checkout module is compatible with PrestaShop versions 1.6, 1.7 and 8.</div></li><li class="slate-li"><div style="position:relative">Download the Paymob PrestaShop module from <a href="https://gitlab.com/paymob-integrations/public-plugins/-/raw/f2c24092be367120ca265652eff2414b53cbe267/unified%20checkout/PrestaShop/paymob_prestashop.zip?inline=false">here</a></div></li><li class="slate-li"><div style="position:relative">Login into Prestashop admin panel → Modules → Module Manager → Upload a module.</div></li><li class="slate-li"><div style="position:relative">Select the Paymob downloaded .zip file.</div></li></ol><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/7c0b890-image.png" alt="" style="aspect-ratio:550 / 300" width="550" height="300"/></div></p><p class="slate-p" placeholder="Type / for widgets">5. You will see that the module is now uploaded and installed.</p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/5afd2ad-image.png" alt="" style="aspect-ratio:550 / 300" width="550" height="300"/></div></p><p class="slate-p" placeholder="Type / for widgets">6.  The Paymob module will appear on the module list.</p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/025357e-image.png" alt="" style="aspect-ratio:500 / 150" width="500" height="150"/></div></p><h2 class="slate-h2">Admin configuration</h2><ol class="slate-ol"><li class="slate-li"><div style="position:relative">From the Prestashop admin panel, in the left menu Payments → payment methods.</div></li><li class="slate-li"><div style="position:relative">Click on the configure button beside Paymob payment method to start the configuration.</div></li><li class="slate-li"><div style="position:relative">You can name your payment method according to the one you need to display in the checkout page.</div></li><li class="slate-li"><div style="position:relative">Log in to Paymob account  →  Setting in the left menu. Then get the Secret, public, and API , HMAC keys and Payment met.</div></li></ol><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/55e9fae-image.png" alt="" style="aspect-ratio:500 / 200" width="500" height="200"/></div></p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/cea735c-image.png" alt="" style="aspect-ratio:550 / 150" width="550" height="150"/></div></p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/0873b3a-image.png" alt="" style="aspect-ratio:450 / 300" width="450" height="300"/></div></p><p class="slate-p" placeholder="Type / for widgets">5. Paste each key in its place in the Paymob PrestaShop setting page.</p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/98aa9f0-image.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div></p><p class="slate-p" placeholder="Type / for widgets">6. Copy integration callback URL that exists in Paymob PrestaShop setting page. Then, paste it into each payment integration in Paymob account.</p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/bf170df-image.png" alt="" style="aspect-ratio:450 / 300" width="450" height="300"/></div></p><p class="slate-p" placeholder="Type / for widgets">7. Then, click on save changes.</p><h2 class="slate-h2">Checkout page</h2><p class="slate-p" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/74afbd5-image.png" alt="" style="aspect-ratio:400 / 300" width="400" height="300"/></div></p><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="https://files.readme.io/82a5082-image.png" alt="" style="aspect-ratio:500 / 300" width="500" height="300"/></div></p>

5. You will see that the module is now uploaded and installed.

6.  The Paymob module will appear on the module list.

5. Paste each key in its place in the Paymob PrestaShop setting page.

6. Copy integration callback URL that exists in Paymob PrestaShop setting page. Then, paste it into each payment integration in Paymob account.

<h4 class="slate-h4">Paymob VirtueMart Plugin for Joomla</h4><h2 class="slate-h2">Installation Steps:</h2><p class="slate-p" placeholder="Type / for widgets">• Download the Paymob Joomla VirtueMart module from <a href="https://extensions.joomla.org/extension/e-commerce/payment-gateway/paymob/">here</a>.
• Login into admin panel of your Joomla store. Browse to your admin panel → Extensions → Manage → Install.</p><div style="text-align:left"> <img src="https://files.readme.io/9c55f11-1.png" alt="" style="aspect-ratio:645 / 300" width="645" height="300"/></div><p class="slate-p" placeholder="Type / for widgets">• Click on &quot;Browse for file&quot; below, then choose our plugin ZIP file.In Plugin list</p><div style="text-align:left"> <img src="https://files.readme.io/8d55520-2.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">• Click on VirtueMart → Payment Methods.</p><div style="text-align:left"> <img src="https://files.readme.io/281e065-3.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">• Click on the &quot;New&quot; button. You will be redirected to the payment method information page.</p><div style="text-align:left"> <img src="https://files.readme.io/e2de331-4.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">• You will then fill in the payment method information based on which one you will integrate. </p><ul class="slate-ul"><li class="slate-li"><div style="position:relative">You will then click &quot;Save&quot; and then click on &quot;Configuration&quot; tab.</div></li></ul><div style="text-align:left"> <img src="https://files.readme.io/4adf25e-5.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><h2 class="slate-h2">Merchant configuration</h2><p class="slate-p" placeholder="Type / for widgets">• Log into Paymob account = → Setting in the left menu. Then get the Secret, public ,and API keys.</p><div style="text-align:left"> <img src="https://files.readme.io/34db9d7-6.png" alt="" style="aspect-ratio:550 / 200" width="550" height="200"/></div><div style="text-align:left"> <img src="https://files.readme.io/0c269bb-7.png" alt="" style="aspect-ratio:550 / 150" width="550" height="150"/></div><p class="slate-p" placeholder="Type / for widgets">• Paste each key in its place in the Paymob Virtuemart Configuration page.
• Then, click on Validate API key button to ensure the data prvided keys are valid and returns the needed information. <strong class="slate-bold">(Important)</strong>
• The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.
• Please ensure to select the integration IDs that you need end-user pay with/sees in Paymob payment page. <strong class="slate-bold">(Important)</strong></p><div style="text-align:left"> <img src="https://files.readme.io/ea8f24a-8.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">• Copy integration callback URL that exists in Paymob Virtuemart Configuration page. Then, paste it into each payment integration in Paymob account</p><div style="text-align:left"> <img src="https://files.readme.io/db0e2fb-9.png" alt="" style="aspect-ratio:550 / 50" width="550" height="50"/></div><div style="text-align:left"> <img src="https://files.readme.io/2785704-10.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">• Then, click on save changes.</p><h2 class="slate-h2">Checkout page</h2><p class="slate-p" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><div style="text-align:left"> <img src="https://files.readme.io/1c4457e-11.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><div style="text-align:left"> <img src="https://files.readme.io/e2e8cc0-12.png" alt="" style="aspect-ratio:550 / 350" width="550" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">

</p><p class="slate-p" placeholder="Type / for widgets"></p>

• Download the Paymob Joomla VirtueMart module from 

.
• Login into admin panel of your Joomla store. Browse to your admin panel → Extensions → Manage → Install.

• Click on "Browse for file" below, then choose our plugin ZIP file.In Plugin list

• Click on VirtueMart → Payment Methods.

• Click on the "New" button. You will be redirected to the payment method information page.

• You will then fill in the payment method information based on which one you will integrate. 

• Log into Paymob account = → Setting in the left menu. Then get the Secret, public ,and API keys.

• Paste each key in its place in the Paymob Virtuemart Configuration page.
• Then, click on Validate API key button to ensure the data prvided keys are valid and returns the needed information. 


• The HMAC key will be shown in its field and the existing Paymob integration IDs as well. In case any of the provided data is not correct, the validation will fail.
• Please ensure to select the integration IDs that you need end-user pay with/sees in Paymob payment page. 

• Copy integration callback URL that exists in Paymob Virtuemart Configuration page. Then, paste it into each payment integration in Paymob account

<p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Steps for Shopify Integration:</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Download the plugin from this <a href="https://apps.shopify.com/paymob-debit-credit-card">link</a>.</div></li></ol><div style="text-align:left"> <img src="https://files.readme.io/ea104a2-image.png" alt="" style="aspect-ratio:660 / 350" width="660" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">2. Choose your Shopify store country.</p><div style="text-align:left"> <img src="https://files.readme.io/40bdbe7-shopify_3.png" alt="" style="aspect-ratio:710 / 350" width="710" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">3. Click on Install App.</p><div style="text-align:left"> <img src="https://files.readme.io/7192438-Shopify_4.png" alt="" style="aspect-ratio:460 / 350" width="460" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">4. Then it will ask for your Paymob dashboard credentials. Enter your username and password.</p><div style="text-align:left"> <img src="https://files.readme.io/a811ba3-Shopify_5.png" alt="" style="aspect-ratio:310 / 350" width="310" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">5. Uncheck Meeza and make sure to select the &quot;Enable Test mode&quot; and then Click on the Activate Paymob.</p><div style="text-align:left"> <img src="https://files.readme.io/6a01cf8-image.png" alt="" style="aspect-ratio:410 / 450" width="410" height="450"/></div><p class="slate-p" placeholder="Type / for widgets">6. On the payment page, kindly make sure that the Payment Capture option should be Automatic.</p><div style="text-align:left"> <img src="https://files.readme.io/700ef41-image.png" alt="" style="aspect-ratio:360 / 300" width="360" height="300"/></div><p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Now Paymob Services are activated on your Shopify.</strong></p><p class="slate-p" placeholder="Type / for widgets"><em class="slate-italic">You can perform your test transactions by using the below Test credentials.</em></p><div style="text-align:left"> <img src="https://files.readme.io/2df6cef-Picture10.png" alt="" style="aspect-ratio:460 / 200" width="460" height="200"/></div><p class="slate-p" placeholder="Type / for widgets">Once you have successfully performed your test transactions. You can contact your sales agent or the Paymob support team for your live account.</p><p class="slate-p" placeholder="Type / for widgets">When Confirmed from sales side that your account is live now then you may remove the &apos;Enable Test Mode&apos; check to receive live payments.</p><div style="text-align:left"> <img src="https://files.readme.io/78aac86-image.png" alt="" style="aspect-ratio:310 / 350" width="310" height="350"/></div><div style="text-align:left"> <img src="https://files.readme.io/48fb4e4-image.png" alt="" style="aspect-ratio:260 / 400" width="260" height="400"/></div><p class="slate-p" placeholder="Type / for widgets">

</p>

4. Then it will ask for your Paymob dashboard credentials. Enter your username and password.

5. Uncheck Meeza and make sure to select the "Enable Test mode" and then Click on the Activate Paymob.

6. On the payment page, kindly make sure that the Payment Capture option should be Automatic.

When Confirmed from sales side that your account is live now then you may remove the 'Enable Test Mode' check to receive live payments.

<p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Paymob for ZenCart plugin</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Installation Steps:</strong></p><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Download the Paymob ZenCart module from <a href="https://gitlab.com/paymob-integrations/public-plugins/-/raw/main/unified%20checkout/ZenCart/paymob_zencart.zip?ref_type=heads&amp;inline=false">here</a></div></li><li class="slate-li"><div style="position:relative">Extract the downloaded ZenCart module .zip file into your server in the path of ZenCart project.</div></li><li class="slate-li"><div style="position:relative">Login in to the ZenCart admin panel, navigate to Modules → Payment.</div></li><li class="slate-li"><div style="position:relative">Search for Paymob Payment, then click on it and install the module.</div></li></ul><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707123986693.jpg" alt="" style="aspect-ratio:610 / 200" width="610" height="200"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Admin configuration:</strong></p><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Log into Paymob account → Setting in the left menu. Then get the Secret, public keys, HMAC and Payment integration IDs.</div></li></ul><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124028544.jpg" alt="" style="aspect-ratio:610 / 250" width="610" height="250"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://app.theneo.io/paymob-solutions-s-a-e/guides/RackMultipart20240205-1-90jd9n_html_8b362397f95888c3.gif" alt=""/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124126046.jpg" alt="" style="aspect-ratio:610 / 200" width="610" height="200"/></div><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Paste each key in its place in the Paymob ZenCart configuration page.</div></li></ul><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124378640.jpg" alt="" style="aspect-ratio:560 / 250" width="560" height="250"/></div><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Copy integration callback URL that exists in Paymob ZenCart Configuration page. Then, paste it into each payment integration in Paymob account</div></li></ul><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124333269.jpg" alt="" style="aspect-ratio:460 / 300" width="460" height="300"/></div><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Then, click on save changes.</div></li></ul><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Checkout page:</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124426711.jpg" alt="" style="aspect-ratio:410 / 500" width="410" height="500"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://app.theneo.io/paymob-solutions-s-a-e/guides/RackMultipart20240205-1-90jd9n_html_2f63e24af3c0cdfc.gif" alt=""/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124443368.jpg" alt="" style="aspect-ratio:510 / 300" width="510" height="300"/></div><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets">


</p>

<p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Paymob for Oscommerce plugin</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Installation Steps:</strong></p><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Download the Paymob Oscommerce module from <a href="https://gitlab.com/paymob-integrations/public-plugins/-/raw/main/unified%20checkout/OsCommerce/paymob_oscommerce.zip?ref_type=heads&amp;inline=false">here</a></div></li><li class="slate-li"><div style="position:relative">Extract the downloaded Oscommerce module .zip file into your server in the path of Oscommerce project.</div></li><li class="slate-li"><div style="position:relative">Login in to the Oscommerce admin panel, navigate to Modules → Payment → Online.</div></li><li class="slate-li"><div style="position:relative">Click on Show not installed checkbox then Search for Paymob Payment, then click on it and install the module.</div></li></ul><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124918832.jpg" alt="" style="aspect-ratio:560 / 300" width="560" height="300"/></div><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Admin configuration:</strong></p><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Log into Paymob account → Setting in the left menu. Then get the Secret, public keys, HMAC and Payment integration IDs.</div></li></ul><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124963424.jpg" alt="" style="aspect-ratio:460 / 200" width="460" height="200"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125038346.jpg" alt="" style="aspect-ratio:560 / 150" width="560" height="150"/></div><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Paste each key in its place in the Paymob Oscommerce Settings page.</div></li></ul><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125094986.jpg" alt="" style="aspect-ratio:310 / 300" width="310" height="300"/></div><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Copy integration callback URL that exists in Paymob Oscommerce Settings page. Then, paste it into each payment integration in Paymob account.</div></li></ul><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125130109.jpg" alt="" style="aspect-ratio:560 / 350" width="560" height="350"/></div><ul class="slate-ul"><li class="slate-li"><div style="position:relative">Then, click on save changes.</div></li></ul><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets"><strong class="slate-bold">Checkout page:</strong></p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125187179.jpg" alt="" style="aspect-ratio:510 / 350" width="510" height="350"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125215927.jpg" alt="" style="aspect-ratio:560 / 300" width="560" height="300"/></div><p class="slate-p" placeholder="Type / for widgets">


</p>

<p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Paymob for Laravel Bagisto E-Commerce</strong></p><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Installation Steps</strong></p><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Bagisto 1.x</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Install the Paymob Payment package for Laravel Bagisto 1.x e-commerce via <a href="https://packagist.org/packages/paymob/laravel-bagisto1.x">paymob/laravel-bagisto1.x</a> composer.</div></li></ol><p class="slate-p" placeholder="Type / for widgets">In the server cmd terminal, Run the below command to install the Paymob Payment Package</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-89-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">composer require paymob/laravel-bagisto1.x</div></code></pre><p class="slate-p" placeholder="Type / for widgets">2. Then, run the below commands</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-90-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">php artisan migratephp artisan optimize</div></code></pre><p class="slate-p" placeholder="Type / for widgets">3. Goto app/Http/Middleware/VerifyCsrfToken.php file. Then, add **paymob/callback** in the protected array $except as below</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-91-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">protected $except = [&apos;paymob/callback&apos;,];</div></code></pre><p class="slate-p" placeholder="Type / for widgets">4. After that, run the following command</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-92-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">php artisan config:cache</div></code></pre><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Bagisto 2.x</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Install the Paymob Payment module for Laravel Bagisto 2.x e-commerce via <a href="https://packagist.org/packages/paymob/laravel-bagisto2.x">paymob/laravel-bagisto2.x</a> composer.</div></li></ol><p class="slate-p" placeholder="Type / for widgets">In the server cmd terminal, Run the below command to install the Paymob Payment Package</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-93-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">composer require paymob/laravel-bagisto2.x</div></code></pre><p class="slate-p" placeholder="Type / for widgets">2. Then, run the below commands</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-94-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">php artisan vendor:publish --force --tag=paymob</div><div class="slate-code_line"></div><div class="slate-code_line">php artisan migrate</div><div class="slate-code_line"></div><div class="slate-code_line">php artisan optimize</div></code></pre><p class="slate-p" placeholder="Type / for widgets">3. Goto app/Http/Middleware/VerifyCsrfToken.php file. Then, add **paymob/callback** in the protected array $except as below</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-95-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">protected $except = [&apos;paymob/callback&apos;,];</div></code></pre><p class="slate-p" placeholder="Type / for widgets">4. After that, run the following command</p><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-96-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">php artisan config:cache</div></code></pre><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Merchant Configuration</strong></p><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">PayMob Account</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Log into Paymob account → Setting in the left menu.</div></li><li class="slate-li"><div style="position:relative">Get the Secret, public, API keys, HMAC and <strong style="font-size:14px" class="slate-bold">integration IDs</strong>.</div></li></ol><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125745500.jpg" alt="" style="aspect-ratio:510 / 250" width="510" height="250"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125765143.jpg" alt="" style="aspect-ratio:660 / 200" width="660" height="200"/></div><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Bagisto admin configuration</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">In Bagisto Admin Panel Menu configuration→ sales→ paymentmethods.</div></li><li class="slate-li"><div style="position:relative">Search for Paymob payment, paste each key in its place in the setting page.</div></li><li class="slate-li"><div style="position:relative">Please ensure adding the integration IDs <strong style="font-size:14px" class="slate-bold">separated</strong> by <strong style="font-size:14px" class="slate-bold">comma ,</strong>. These IDs will be shown in the Paymob payment page.</div></li></ol><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125862934.jpg" alt="" style="aspect-ratio:610 / 300" width="610" height="300"/></div><p class="slate-p" placeholder="Type / for widgets">4. Copy integration callback URL that exists in Paymob Bagisto setting page. Then, paste it into each payment integration/method in Paymob account.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125906821.jpg" alt="" style="aspect-ratio:660 / 100" width="660" height="100"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125934985.jpg" alt="" style="aspect-ratio:660 / 350" width="660" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">5. Then, click on save changes.</p><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Checkout page</strong></p><p class="slate-p" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125968776.jpg" alt="" style="aspect-ratio:510 / 400" width="510" height="400"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707126033824.jpg" alt="" style="aspect-ratio:610 / 350" width="610" height="350"/></div><p class="slate-p" placeholder="Type / for widgets">


</p>

In the server cmd terminal, Run the below command to install the Paymob Payment Package

3. Goto app/Http/Middleware/VerifyCsrfToken.php file. Then, add **paymob/callback** in the protected array $except as below

4. Copy integration callback URL that exists in Paymob Bagisto setting page. Then, paste it into each payment integration/method in Paymob account.

<h3 class="slate-h3"><strong style="font-size:18px" class="slate-bold">Paymob for Drupal Commerce</strong></h3><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Drupal Marketplace</strong></p><p class="slate-p" placeholder="Type / for widgets">You can check the Paymob Drupal Commerce module from the <a href="https://www.drupal.org/project/paymob">Drupal marketplace</a>.</p><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Installation Steps</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">In the server cmd terminal, Install the Paymob Payment module for Drupal Commerce e-commerce via Composer using below command</div></li></ol><pre class="slate-CodeBlockElement slate-code_block"><div contenteditable="false"><div ><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" ></span><div ><div ><div >Select...</div><div ><div  style="display:inline-block"><input type="text" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-98-input" spellcheck="false" tabindex="0" value="" aria-autocomplete="list" style="box-sizing:content-box;width:1px;label:input;background:0;border:0;font-size:inherit;opacity:1;outline:0;padding:0;color:inherit"/><div style="position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre"></div></div></div></div><div ><span ></span><div  aria-hidden="true"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" ><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div></div><code class="keep-markup drop-tokens"><div class="slate-code_line">composer require paymob_drupal/commerce_paymob</div></code></pre><p class="slate-p" placeholder="Type / for widgets">2. In the admin panel, Extend tab, search for the Paymob module, select it, and click the install button to install it.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589091967.jpg" alt="" style="aspect-ratio:460 / 300" width="460" height="300"/></div><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">PayMob Account</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">Log into Paymob account =&gt; Setting in the left menu.</div></li><li class="slate-li"><div style="position:relative">Get the Secret, public, API keys, HMAC and <strong style="font-size:14px" class="slate-bold">integration IDs</strong>.</div></li></ol><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589261495.jpg" alt="" style="aspect-ratio:460 / 200" width="460" height="200"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589162715.jpg" alt="" style="aspect-ratio:710 / 200" width="710" height="200"/></div><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Drupal commerce admin configuration</strong></p><ol class="slate-ol"><li class="slate-li"><div style="position:relative">In Drupal commerce Admin Panel Menu Commerce → Configuration → Payments → Payment Gateways section.</div></li><li class="slate-li"><div style="position:relative">Select Paymob payment, paste each key in its place in the setting page.</div></li><li class="slate-li"><div style="position:relative">Ensure adding the integration IDs <strong style="font-size:14px" class="slate-bold">separated</strong> by <strong style="font-size:14px" class="slate-bold">comma ,</strong>. These IDs will be shown in the Paymob payment page.</div></li></ol><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589314466.jpg" alt="" style="aspect-ratio:260 / 400" width="260" height="400"/></div><p class="slate-p" placeholder="Type / for widgets">4. Copy integration callback URL that exists in Paymob Drupal commerce setting page. Then, paste it into each payment integration/method in Paymob account</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589352858.jpg" alt="" style="aspect-ratio:560 / 100" width="560" height="100"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589383839.jpg" alt="" style="aspect-ratio:510 / 300" width="510" height="300"/></div><p class="slate-p" placeholder="Type / for widgets">5. Then, click on save changes.</p><p class="slate-p" placeholder="Type / for widgets"><strong style="font-size:14px" class="slate-bold">Checkout page</strong></p><p class="slate-p" placeholder="Type / for widgets">Paymob payment method will be shown for the end-user to start his payment process.</p><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589429002.jpg" alt="" style="aspect-ratio:310 / 350" width="310" height="350"/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589456300.jpg" alt="" style="aspect-ratio:510 / 250" width="510" height="250"/></div><p class="slate-p" placeholder="Type / for widgets">

</p>

You can check the Paymob Drupal Commerce module from the 

2. In the admin panel, Extend tab, search for the Paymob module, select it, and click the install button to install it.

4. Copy integration callback URL that exists in Paymob Drupal commerce setting page. Then, paste it into each payment integration/method in Paymob account

<p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Paymob provides a subscription module for merchants to manage their subscriptions weekly, monthly, or yearly according to their needs.</p><p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">You can contact your Account manager or you can raise the ticket through the portal to make your customized Subscription by giving information regarding the amount, time span, Retries, reminders, and all other related information regarding your subscription plan or simply you can create your Subscription Plan by following the mentioned APIs as in below sections.</p><p class="slate-p" placeholder="Type / for widgets">You will need to have two integration IDs, one “Online 3DS” and, a second “Moto” Integration id. You will be utilizing your Moto Integration id while creating the “Subscription Plan” itself and you will be using the “Online 3DS” Integration ID to create the subscriptions. </p><p class="slate-p" placeholder="Type / for widgets"></p><p class="slate-p" placeholder="Type / for widgets"></p><div  data-type="success" style="background-color:#DEFBE6;color:#00cb38"><div ><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.77116 10.8968L5.72949 8.8551C5.60449 8.7301 5.45171 8.6676 5.27116 8.6676C5.0906 8.6676 4.93088 8.73705 4.79199 8.87594C4.6531 9.01482 4.58366 9.17455 4.58366 9.3551C4.58366 9.53566 4.6531 9.68844 4.79199 9.81344L7.33366 12.3551C7.45866 12.4801 7.60449 12.5426 7.77116 12.5426C7.93783 12.5426 8.08366 12.4801 8.20866 12.3551L13.2087 7.3551C13.3337 7.2301 13.3927 7.07732 13.3857 6.89677C13.3788 6.71621 13.3128 6.56344 13.1878 6.43844C13.0628 6.29955 12.9066 6.2301 12.7191 6.2301C12.5316 6.2301 12.3684 6.29955 12.2295 6.43844L7.77116 10.8968ZM9.00033 17.3343C7.81977 17.3343 6.72255 17.1225 5.70866 16.6989C4.69477 16.2752 3.81283 15.6884 3.06283 14.9384C2.31283 14.1884 1.72602 13.3065 1.30241 12.2926C0.878798 11.2787 0.666992 10.1815 0.666992 9.00094C0.666992 7.83427 0.878798 6.74399 1.30241 5.7301C1.72602 4.71621 2.31283 3.83427 3.06283 3.08427C3.81283 2.33427 4.69477 1.74399 5.70866 1.31344C6.72255 0.88288 7.81977 0.667603 9.00033 0.667603C10.167 0.667603 11.2573 0.88288 12.2712 1.31344C13.285 1.74399 14.167 2.33427 14.917 3.08427C15.667 3.83427 16.2573 4.71621 16.6878 5.7301C17.1184 6.74399 17.3337 7.83427 17.3337 9.00094C17.3337 10.1815 17.1184 11.2787 16.6878 12.2926C16.2573 13.3065 15.667 14.1884 14.917 14.9384C14.167 15.6884 13.285 16.2752 12.2712 16.6989C11.2573 17.1225 10.167 17.3343 9.00033 17.3343ZM9.00033 16.0843C11.0142 16.0843 12.6982 15.4072 14.0524 14.053C15.4066 12.6989 16.0837 11.0148 16.0837 9.00094C16.0837 6.98705 15.4066 5.30302 14.0524 3.94885C12.6982 2.59469 11.0142 1.9176 9.00033 1.9176C6.98644 1.9176 5.30241 2.59469 3.94824 3.94885C2.59408 5.30302 1.91699 6.98705 1.91699 9.00094C1.91699 11.0148 2.59408 12.6989 3.94824 14.053C5.30241 15.4072 6.98644 16.0843 9.00033 16.0843Z" fill="#06837A"></path></svg></div><div ><p class="slate-p" placeholder="Type / for widgets">Download the <a href="https://drive.google.com/file/d/1Du_5LGmOzTTarIgEbqr1-zSkGl30IHvp/view?usp=sharing">Subscription Module APIs</a>.</p></div></div><p class="slate-p" placeholder="Type / for widgets"></p>

Paymob provides a subscription module for merchants to manage their subscriptions weekly, monthly, or yearly according to their needs.

You can contact your Account manager or you can raise the ticket through the portal to make your customized Subscription by giving information regarding the amount, time span, Retries, reminders, and all other related information regarding your subscription plan or simply you can create your Subscription Plan by following the mentioned APIs as in below sections.

You will need to have two integration IDs, one “Online 3DS” and, a second “Moto” Integration id. You will be utilizing your Moto Integration id while creating the “Subscription Plan” itself and you will be using the “Online 3DS” Integration ID to create the subscriptions. 

Sections