Paymob

Getting Started - Oman

Accept Dashboard

Profile

Payment Integrations

Orders

Transactions

Checkout Customization

API Reference Guide

Basics of API

API Setup -(Secret and Public Key)

Checkout 

Intention/Payment API

Test Credentials

Pixel (Native Payment Experience)

Payment Links

Payment Link (Quick Link)

Payment Link (API)

Payment Actions

Dashboard

API Level

Transaction Inquiry API- Retrieve A Transaction

Pay With Saved Card Token

Payment Methods

MIGS Card/ Omannet

Manage Callback

Transaction Callbacks

HMAC Calculation

HMAC Redirection

Error Codes

Risk Declines

Error Messages

E-Commerce Plugins

Shopify

WordPress

WooCommerce

OpenCart

Magento 

WHMCS

Cs-Cart

PrestaShop

Joomla

ZenCart

OsCommerce

Laravel-Bagisto

Drupal

Mobile SDKs

Mobile SDKs V2

Frequently Asked Questions (FAQs)

Troubleshooting 

Blank

OMAN-DOCS

End Point

Sandbox

<h3 class="slate-h3 " ><span style="color:#0C5394">Sign up for registering a new account</span></h3><p class="slate-p slate-indent-0" style="0px">
A guide to registering a new accept account.</p><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><div style="width:100%;
	min-width:100%;" class="callout-widget" data-type=info ><div class="callout-icon"><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="0px">Why do I have to?</p><p class="slate-p slate-indent-0" style="0px">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">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://oman.paymob.com/portal2/en/register" target="_self">Accept&apos;s home page</a></div></li></ol><div style="text-align:left"><img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/050ef4ff-08ba-4dcd-9a50-8ad1171132c1.jpg" style="
              width:1507px;
	            height:812px;
	            aspect-ratio:1507 / 812"
         /></div><p class="slate-p slate-indent-0" style="0px">2. After that, you will enter your mobile number<span style="color:#000000"> 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/3570aef6-3b61-40dd-8c59-f1d8350c6759.jpg" style="
              width:1507px;
	            height:707px;
	            aspect-ratio:1507 / 707"
         /></div><p class="slate-p " >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/a4e2aa9f-f178-4c0f-a7f9-e946971322bc.jpg" style="
              width:1507px;
	            height:706px;
	            aspect-ratio:1507 / 706"
         /></div><p class="slate-p " >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.amazonaws.com/images-1698998787541.jpg" style="
              width:1507px;
	            height:686px;
	            aspect-ratio:1507 / 686"
         /></div><p class="slate-p " >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" style="
              width:620px;
	            height:231px;
	            aspect-ratio:620 / 231"
         /></div><div style="text-align:left"><img src="https://theneo-prod-public.s3.amazonaws.com/images-1696860405736.png" style="
              width:612px;
	            height:336px;
	            aspect-ratio:612 / 336"
         /></div><div style="text-align:left"><img src="https://theneo-prod-public.s3.amazonaws.com/images-1696860450435.png" style="
              width:610px;
	            height:371px;
	            aspect-ratio:610 / 371"
         /></div><p class="slate-p " ></p><p class="slate-p slate-indent-0" style="0px">After filling in this information, you will get a &quot; <span style="color:#0C5394"><strong 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/1f0afa8e-24e5-4a5e-ba22-6029ea41f1c2.jpg" style="
              width:1507px;
	            height:585px;
	            aspect-ratio:1507 / 585"
         /></div><p class="slate-p " ><p class="slate-p " >Great-Now you have successfully made your Merchant portal dashboard </p></p><p class="slate-p " >Now you can go to the <a href="https://oman.paymob.com/portal2/en/login" target="_self"><strong class="slate-bold">Sign-In page</strong></a> and start accepting online payments from your customers, Go check our use case guide and choose your perfect payment scenario!</p><div style="width:100%;
	min-width:100%;" class="callout-widget" data-type=info ><div class="callout-icon"><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 " ><span style="color:#F1C231">👍</span><span style="color:#1155CB"><strong class="slate-bold">Note!</strong></span></p><p class="slate-p " >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" target="_blank">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 " ></p><p class="slate-p " ></p><p class="slate-p " ></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="0px">A detailed guide to your Accept dashboard</p><p class="slate-p " >In order to deal with any of Accept&apos;s services, you have to create an <a href="https://oman.paymob.com/portal2/en/register" target="_self">Accept account</a>.</p><p class="slate-p " >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">Payment Integrations.</div></li><li class="slate-li " ><div style="position:relative">Orders.</div></li><li class="slate-li " ><div style="position:relative">Transactions.</div></li><li class="slate-li " ><div style="position:relative">Checkout Customization</div></li></ul><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></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 " >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 " ></p><p class="slate-p " ></p><p class="slate-p " ></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 " > Paymob's checkout page is expertly designed to deliver a seamless and efficient payment experience for customers. Featuring a user-friendly interface, it allows for easy navigation throughout the transaction process. Merchants can customize the checkout page to align with their brand identity, ensuring a consistent and engaging experience. Additionally, with robust security measures in place, the Paymob checkout page prioritizes user trust and data protection, making it a reliable choice for both merchants and customers alike.</p><h4 class="slate-h4 " ><strong class="slate-bold">This Section Contains:</strong></h4><ol class="slate-ol " ><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Complete Hosted Experience of Checkout with Intention Payment through API.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Checkout Customization.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Test Credentials.</strong></div></li></ol><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><h4 class="slate-h4 " ></h4><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p>

 Paymob's checkout page is expertly designed to deliver a seamless and efficient payment experience for customers. Featuring a user-friendly interface, it allows for easy navigation throughout the transaction process. Merchants can customize the checkout page to align with their brand identity, ensuring a consistent and engaging experience. Additionally, with robust security measures in place, the Paymob checkout page prioritizes user trust and data protection, making it a reliable choice for both merchants and customers alike.

<p class="slate-p " >This section contains the following topics:</p><ol class="slate-ol " ><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Refund Transaction through the Dashboard.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Refund Transaction through API.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Void Transaction through the Dashboard.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Void Transaction through API.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Auth/Capture Transaction through the Dashboard.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Auth/Capture Transaction through API.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Transaction Inquiry API - Retrieve a Transaction.</strong></div></li><li class="slate-li " ><div style="position:relative"><strong class="slate-bold">Pay with Saved Card Token.</strong></div></li></ol><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p>

This section contains the following topics:

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="0px">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 " ><strong class="slate-bold">Step 1:</strong> Adding The app. Please find below the link.</p><p class="slate-p " ><a href="https://apps.shopify.com/paymob-accept-card-alpha" target="_blank"><strong class="slate-bold">Shopify New Install link</strong></a> </p><p class="slate-p " ><strong class="slate-bold">Step 2: </strong>Select the correct corresponding region to your account.</p><div style="text-align:left"><img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/6b6f92b5-f68f-494d-8112-60f0889eecc2.jpg" style="
              width:1507px;
	            height:684px;
	            aspect-ratio:1507 / 684"
         /></div><p class="slate-p " ><strong class="slate-bold">Step 3:  </strong>Logging in with the Paymob Account Credentials (Username and Password).</p><div style="text-align:left"><img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/2d8d73a8-2d18-4120-9b80-a59d2a0ba392.jpg" style="
              width:1507px;
	            height:683px;
	            aspect-ratio:1507 / 683"
         /></div><p class="slate-p slate-indent-0" style="0px"><strong class="slate-bold">Step 4: </strong>Select the Logos you would like to appear on the checkout and make sure that the test mode is enabled, then press activate.</p><div style="width:100%;
	min-width:100%;" class="callout-widget" data-type=info ><div class="callout-icon"><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="0px">Please ensure having the test mode enabled when first installing the App, to ensure a successful testing. </p></div></div><div style="text-align:left"><img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/4d0aea03-c12a-4631-9185-22d46846bde9.jpg" style="
              width:1507px;
	            height:1312px;
	            aspect-ratio:1507 / 1312"
         /></div><p class="slate-p " ><strong class="slate-bold">Step 5:</strong> Please note that you need to use the Automatic Payment Capture option from Shopify Payment settings as shown below, otherwise, the payment won&apos;t work as the screenshot below explains.
</p><div style="text-align:left"><img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/c1648abb-ae3e-488b-9e4f-8ca19d690e8c.jpg" style="
              width:1507px;
	            height:705px;
	            aspect-ratio:1507 / 705"
         /></div><div style="text-align:left"><img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/7b57631c-80c6-4b21-bcd8-fb081c80e81a.jpg" style="
              width:1507px;
	            height:775px;
	            aspect-ratio:1507 / 775"
         /></div><p class="slate-p " ><strong class="slate-bold">Step 6: </strong>Now Paymob Services are activated on your Shopify. <em class="slate-italic">You can perform your test transactions by using the below Test credentials.</em></p><p class="slate-p " ><u class="slate-underline"><em class="slate-italic">Here are the credentials for the online payment method.</em></u></p><div class="table-container" style="width:100%;min-width:100%"><table class="slate-table" ><div class="published-table-header" style="width:100%;min-width:100%;min-height:initial;visibility: hidden;border:initial"><div style="width:345px;">Title</div><div style="width:1049px;">Description</div><div style="width:400px;">Title</div></div><colgroup ><col style="width:345px"><col style="width:1049px"></colgroup><tbody class="slate-TableElement-tbody"><tr class="slate-tr " ><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">Card</p></td></div><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">Mastercard</p></td></div></tr><tr class="slate-tr " ><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">Card number</p></td></div><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">5123450000000008</p></td></div></tr><tr class="slate-tr " ><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">Cardholder Name</p></td></div><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">Test Account</p></td></div></tr><tr class="slate-tr " ><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">Expiry Month</p></td></div><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">01</p></td></div></tr><tr class="slate-tr " ><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">Expiry Year</p></td></div><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">39</p></td></div></tr><tr class="slate-tr " ><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">CVV</p></td></div><div class="slate-TableCellElement-content"><td class="slate-td"><p class="slate-p slate-indent-0" style="0px">100</p></td></div></tr></tbody></table></div><div style="width:100%;
	min-width:100%;" class="callout-widget" data-type=success ><div class="callout-icon"><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 " >Once you have successfully performed your test transactions. You can contact your sales agent or the Paymob support team for your live account.</p></div></div><div style="width:100%;
	min-width:100%;" class="callout-widget" data-type=info ><div class="callout-icon"><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 ><h4 class="slate-h4 " ><strong class="slate-bold">Refunds for Shopify Transactions</strong></h4><ul class="slate-ul " ><li class="slate-li " ><div style="position:relative">Refunds for transactions must now be processed directly through the Shopify store dashboard.</div></li><li class="slate-li " ><div style="position:relative">If you attempt to process a refund through the Paymob dashboard, a notification will appear, preventing the refund action and guiding you to use the Shopify store instead.</div></li></ul></div></div><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><p class="slate-p " ></p>

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

 Adding The app. Please find below the link.

Select the correct corresponding region to your account.

Logging in with the Paymob Account Credentials (Username and Password).

Select the Logos you would like to appear on the checkout and make sure that the test mode is enabled, then press activate.

 Please note that you need to use the Automatic Payment Capture option from Shopify Payment settings as shown below, otherwise, the payment won't work as the screenshot below explains.


Now Paymob Services are activated on your Shopify. 

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

Here are the credentials for the online payment method.

Title

Description

<p class="slate-p " >Please follow the below steps to successfully install and configure the Paymob plugin for WordPress. The plugin supports a customizable checkout experience, allowing merchants to tailor their checkout process through the Merchant Dashboard. Additionally, the &quot;Pay with Saved Card&quot; feature is available, enabling users to manage their saved cards easily. Users can access and manage their saved cards by navigating to <strong class="slate-bold">Account &gt; Paymob Saved Cards</strong> section.</p><p class="slate-p " ><strong class="slate-bold">1: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress/new-section-1" target=""><strong class="slate-bold">Prerequisites Before Installation of Plugin.</strong></a></p><p class="slate-p " ><strong class="slate-bold">2: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress/new-section-2" target=""><strong class="slate-bold">Steps to Install the Paymob Plugin.</strong></a></p><p class="slate-p " ><strong class="slate-bold">3: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress/new-section-3" target=""><strong class="slate-bold">Setting Up the Main Configuration.</strong></a></p><p class="slate-p " ><strong class="slate-bold">4: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress/new-section-4" target=""><strong class="slate-bold">Payment Method Integration Settings.</strong></a></p><p class="slate-p " ><strong class="slate-bold">5: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress/new-section-5" target=""><strong class="slate-bold">Final Step - Enabling Paymob.</strong></a></p><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><p class="slate-p " ></p><p class="slate-p " ></p>

Please follow the below steps to successfully install and configure the Paymob plugin for WordPress. The plugin supports a customizable checkout experience, allowing merchants to tailor their checkout process through the Merchant Dashboard. Additionally, the "Pay with Saved Card" feature is available, enabling users to manage their saved cards easily. Users can access and manage their saved cards by navigating to 

<p class="slate-p " >Please follow the below steps to successfully install and configure the Paymob plugin for WooCommerce. The plugin supports a customizable checkout experience, allowing merchants to tailor their checkout process through the Merchant Dashboard. Additionally, the &quot;Pay with Saved Card&quot; feature is available, enabling users to manage their saved cards easily. Users can access and manage their saved cards by navigating to <strong class="slate-bold">Account &gt; Paymob Saved Cards</strong> section.</p><p class="slate-p " ><strong class="slate-bold">1: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress-copy-1/prerequisites-before-installation-of-plugin-copy-1" target=""><strong class="slate-bold">Prerequisites Before Installation of Plugin.</strong></a></p><p class="slate-p " ><strong class="slate-bold">2: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress-copy-1/new-section-6" target=""><strong class="slate-bold">Steps to Install the Paymob Plugin.</strong></a></p><p class="slate-p " ><strong class="slate-bold">3: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress-copy-1/setting-up-the-main-configuration-copy-1" target=""><strong class="slate-bold">Setting Up the Main Configuration.</strong></a></p><p class="slate-p " ><strong class="slate-bold">4: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress-copy-1/payment-method-integration-settings-copy-1" target=""><strong class="slate-bold">Payment Method Integration Settings.</strong></a></p><p class="slate-p " ><strong class="slate-bold">5: </strong><a href="https://developers.paymob.com/guides/e-commerce-plugins/wordpress-copy-1/final-step-enabling-paymob-copy-1" target=""><strong class="slate-bold">Final Step - Enabling Paymob.</strong></a></p><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p>

Please follow the below steps to successfully install and configure the Paymob plugin for WooCommerce. The plugin supports a customizable checkout experience, allowing merchants to tailor their checkout process through the Merchant Dashboard. Additionally, the "Pay with Saved Card" feature is available, enabling users to manage their saved cards easily. Users can access and manage their saved cards by navigating to 

<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:700 / 300" width="700" height="300"/></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:850 / 50" width="850" 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:650 / 200" width="650" height="200"/></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:700 / 500" width="700" height="500"/></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:850 / 100" width="850" height="100"/></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:650 / 450" width="650" height="450"/></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:650 / 350" width="650" 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:650 / 300" width="650" height="300"/></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:650 / 50" width="650" 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:800 / 250" width="800" height="250"/></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:650 / 350" width="650" 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-1696865546657.png" alt=""/></div><div style="text-align:left"> <img src="https://theneo-prod-public.s3.amazonaws.com/images-1696865558332.png" alt="" style="aspect-ratio:650 / 400" width="650" height="400"/></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:650 / 350" width="650" height="350"/></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)

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

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

 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-54-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-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">   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:1050 / 300" width="1050" height="300"/></div><div style="text-align:left"> <img src="https://files.readme.io/923b529-image.png" alt="" style="aspect-ratio:850 / 450" width="850" height="450"/></div><div style="text-align:left"> <img src="https://files.readme.io/e3b1fec-MicrosoftTeams-image_8.png" alt="" style="aspect-ratio:650 / 450" width="650" height="450"/></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:950 / 150" width="950" height="150"/></div><div style="text-align:left"> <img src="https://files.readme.io/0fe6d81-image.png" alt="" style="aspect-ratio:700 / 400" width="700" height="400"/></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:900 / 400" width="900" height="400"/></div><div style="text-align:left"> <img src="https://files.readme.io/f757e06-MicrosoftTeams-image_3.png" alt="" style="aspect-ratio:650 / 400" width="650" height="400"/></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:660 / 200" width="660" 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:810 / 350" width="810" height="350"/></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:610 / 350" width="610" 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 / 300" width="550" height="300"/></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:900 / 100" width="900" height="100"/></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:700 / 300" width="700" height="300"/></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:850 / 200" width="850" height="200"/></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 / 450" width="550" height="450"/></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:650 / 450" width="650" height="450"/></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:500 / 400" width="500" height="400"/></div><div style="text-align:left"> <img src="https://files.readme.io/1b57cbf-image.png" alt="" style="aspect-ratio:650 / 400" width="650" height="400"/></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/-/tree/main/unified%20checkout/PrestaShop?ref_type=heads" target="">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 " ><div style="text-align:left"><img src="https://files.readme.io/7c0b890-image.png" style="
              width:527px;
	            height:199px;
	            aspect-ratio:527 / 199"
         /></div></p><p class="slate-p " >5. You will see that the module is now uploaded and installed.</p><p class="slate-p " ><div style="text-align:left"><img src="https://files.readme.io/5afd2ad-image.png" style="
              width:527px;
	            height:199px;
	            aspect-ratio:527 / 199"
         /></div></p><p class="slate-p " >6.  The Paymob module will appear on the module list.</p><p class="slate-p " ><div style="text-align:left"><img src="https://files.readme.io/025357e-image.png" style="
              width:527px;
	            height:152px;
	            aspect-ratio:527 / 152"
         /></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 " ><div style="text-align:left"><img src="https://files.readme.io/55e9fae-image.png" style="
              width:527px;
	            height:236px;
	            aspect-ratio:527 / 236"
         /></div></p><p class="slate-p " ><div style="text-align:left"><img src="https://files.readme.io/cea735c-image.png" style="
              width:527px;
	            height:152px;
	            aspect-ratio:527 / 152"
         /></div></p><p class="slate-p " ><div style="text-align:left"><img src="https://files.readme.io/0873b3a-image.png" style="
              width:527px;
	            height:378px;
	            aspect-ratio:527 / 378"
         /></div></p><p class="slate-p " >5. Paste each key in its place in the Paymob PrestaShop setting page.</p><p class="slate-p " ><div style="text-align:left"><img src="https://files.readme.io/98aa9f0-image.png" style="
              width:527px;
	            height:307px;
	            aspect-ratio:527 / 307"
         /></div></p><p class="slate-p " >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 " ><div style="text-align:left"><img src="https://files.readme.io/bf170df-image.png" style="
              width:527px;
	            height:345px;
	            aspect-ratio:527 / 345"
         /></div></p><p class="slate-p " >7. Then, click on save changes.</p><h2 class="slate-h2 " >Checkout page</h2><p class="slate-p " >Paymob payment method will be shown for the end-user to start his payment process.</p><p class="slate-p " ><div style="text-align:left"><img src="https://files.readme.io/74afbd5-image.png" style="
              width:527px;
	            height:338px;
	            aspect-ratio:527 / 338"
         /></div></p><p class="slate-p " ><div style="text-align:left"><img src="https://files.readme.io/82a5082-image.png" style="
              width:527px;
	            height:351px;
	            aspect-ratio:527 / 351"
         /></div></p><p class="slate-p " ></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.

<p class="slate-p slate-indent-0" style="margin-left:0px" placeholder="Type / for widgets">Paymob VirtueMart Plugin for Joomla</p><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:845 / 300" width="845" 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:800 / 500" width="800" height="500"/></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:900 / 600" width="900" height="600"/></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:900 / 400" width="900" height="400"/></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:800 / 450" width="800" height="450"/></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:750 / 400" width="750" height="400"/></div><div style="text-align:left"> <img src="https://files.readme.io/0c269bb-7.png" alt="" style="aspect-ratio:650 / 150" width="650" 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:800 / 400" width="800" height="400"/></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:850 / 100" width="850" height="100"/></div><div style="text-align:left"> <img src="https://files.readme.io/2785704-10.png" alt="" style="aspect-ratio:650 / 400" width="650" height="400"/></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:600 / 400" width="600" height="400"/></div><div style="text-align:left"> <img src="https://files.readme.io/e2e8cc0-12.png" alt="" style="aspect-ratio:650 / 350" width="650" 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">Paymob for ZenCart plugin</strong></p><p class="slate-p" 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">SearchforPaymobPayment, thenclickon it and install the module.</div></li></ul><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707123986693.jpg" alt="" style="aspect-ratio:960 / 400" width="960" height="400"/></div><p class="slate-p" 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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124028544.jpg" alt="" style="aspect-ratio:910 / 450" width="910" height="450"/></div><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="RackMultipart20240205-1-90jd9n_html_8b362397f95888c3.gif" alt=""/></div><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124126046.jpg" alt="" style="aspect-ratio:860 / 250" width="860" height="250"/></div></p><ul class="slate-ul"><li class="slate-li"><div style="position:relative"><span style="background-color:transparent;color:windowtext;font-size:12pt" class="slate-color"><span style="background-color:transparent;color:windowtext;font-size:12pt" class="slate-backgroundColor">Paste each key in its place in the Paymob ZenCart configuration page.</span></span></div></li></ul><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124378640.jpg" alt="" style="aspect-ratio:910 / 400" width="910" height="400"/></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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124333269.jpg" alt="" style="aspect-ratio:810 / 450" width="810" height="450"/></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" 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><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124426711.jpg" alt="" style="aspect-ratio:660 / 800" width="660" height="800"/></div><p class="slate-p" placeholder="Type / for widgets"><div style="text-align:left"> <img src="RackMultipart20240205-1-90jd9n_html_2f63e24af3c0cdfc.gif" alt=""/></div><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124443368.jpg" alt="" style="aspect-ratio:810 / 450" width="810" height="450"/></div></p><p class="slate-p" placeholder="Type / for widgets"></p>

<p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Paymob for Oscommerce plugin</strong></p><p class="slate-p" 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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124918832.jpg" alt="" style="aspect-ratio:860 / 450" width="860" height="450"/></div><p class="slate-p" 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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707124963424.jpg" alt="" style="aspect-ratio:810 / 400" width="810" height="400"/></div><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125038346.jpg" alt="" style="aspect-ratio:660 / 200" width="660" height="200"/></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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125094986.jpg" alt="" style="aspect-ratio:560 / 450" width="560" height="450"/></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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125130109.jpg" alt="" style="aspect-ratio:760 / 500" width="760" height="500"/></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" 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><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125187179.jpg" alt="" style="aspect-ratio:760 / 600" width="760" height="600"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125215927.jpg" alt="" style="aspect-ratio:910 / 400" width="910" height="400"/></div><p class="slate-p" placeholder="Type / for widgets"></p>

<p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Paymob for Laravel Bagisto E-Commerce</strong></p><p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Installation Steps</strong></p><p class="slate-p" placeholder="Type / for widgets"><strong 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-64-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="language-bash keep-markup drop-tokens"><div class="slate-code_line"></div><div class="slate-code_line">composer require paymob/laravel-bagisto1.x</div><div class="slate-code_line"></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-65-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="language-bash keep-markup drop-tokens"><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><div class="slate-code_line"></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-66-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="language-php keep-markup drop-tokens"><div class="slate-code_line"></div><div class="slate-code_line">protected $except = [&apos;paymob/callback&apos;,];</div><div class="slate-code_line"></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-67-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="language-bash keep-markup drop-tokens"><div class="slate-code_line"></div><div class="slate-code_line">php artisan config:cache</div><div class="slate-code_line"></div></code></pre><p class="slate-p" placeholder="Type / for widgets"><strong 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-68-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="language-bash keep-markup drop-tokens"><div class="slate-code_line"></div><div class="slate-code_line">composer require paymob/laravel-bagisto2.x</div><div class="slate-code_line"></div></code></pre><p class="slate-p" placeholder="Type / for widgets">2. the, 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-69-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="language-bash keep-markup drop-tokens"><div class="slate-code_line"></div><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><div class="slate-code_line"></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-70-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="language-php keep-markup drop-tokens"><div class="slate-code_line"></div><div class="slate-code_line">protected $except = [&apos;paymob/callback&apos;,];</div><div class="slate-code_line"></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-71-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="language-bash keep-markup drop-tokens"><div class="slate-code_line"></div><div class="slate-code_line">php artisan config:cache</div><div class="slate-code_line"></div></code></pre><p class="slate-p" placeholder="Type / for widgets"><strong class="slate-bold">Merchant Configuration</strong></p><p class="slate-p" placeholder="Type / for widgets"><strong 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 class="slate-bold">integration IDs</strong>.</div></li></ol><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125745500.jpg" alt="" style="aspect-ratio:1010 / 600" width="1010" height="600"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125765143.jpg" alt="" style="aspect-ratio:860 / 250" width="860" height="250"/></div><p class="slate-p" placeholder="Type / for widgets"><strong 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 class="slate-bold">separated</strong> by <strong class="slate-bold">comma ,</strong>. These IDs will be shown in the Paymob payment page.</div></li></ol><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125862934.jpg" alt="" style="aspect-ratio:960 / 500" width="960" height="500"/></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:center"> <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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125934985.jpg" alt="" style="aspect-ratio:810 / 450" width="810" height="450"/></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 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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707125968776.jpg" alt="" style="aspect-ratio:860 / 650" width="860" height="650"/></div><p class="slate-p" placeholder="Type / for widgets"></p><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1707126033824.jpg" alt="" style="aspect-ratio:860 / 450" width="860" height="450"/></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-73-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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589091967.jpg" alt="" style="aspect-ratio:710 / 550" width="710" height="550"/></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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589261495.jpg" alt="" style="aspect-ratio:860 / 550" width="860" height="550"/></div><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589162715.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">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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589314466.jpg" alt="" style="aspect-ratio:610 / 750" width="610" height="750"/></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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589352858.jpg" alt="" style="aspect-ratio:760 / 100" width="760" height="100"/></div><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589383839.jpg" alt="" style="aspect-ratio:760 / 450" width="760" height="450"/></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:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589429002.jpg" alt="" style="aspect-ratio:710 / 800" width="710" height="800"/></div><div style="text-align:center"> <img src="https://theneo-prod-public.s3.us-east-1.amazonaws.com/images-1708589456300.jpg" alt="" style="aspect-ratio:910 / 450" width="910" height="450"/></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 " >The Frequently Asked Questions (FAQ) section is a comprehensive resource designed to address common inquiries about our services and features. Here, you will find detailed answers to questions regarding payment methods, transaction processes, technical requirements, and security measures. Whether you're a new user seeking guidance or an experienced merchant looking for specific information, this section aims to provide clarity and support. For any additional questions not covered here, please feel free to reach out to our customer support team at <span style="color:#4B85E8"><u class="slate-underline">support@paymob.com</u></span>.</p><div class="slate-hr"><hr contenteditable="false" class="slate-HrElement-hr"/></div><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p><p class="slate-p " ></p>

The Frequently Asked Questions (FAQ) section is a comprehensive resource designed to address common inquiries about our services and features. Here, you will find detailed answers to questions regarding payment methods, transaction processes, technical requirements, and security measures. Whether you're a new user seeking guidance or an experienced merchant looking for specific information, this section aims to provide clarity and support. For any additional questions not covered here, please feel free to reach out to our customer support team at 