--- title: Magento Direct Install from Marketplace slug: magento-direct-install-from-marketplace docTags: createdAt: 2023-08-09T12:12:51.322Z --- ## Introduction We are delighted to announce the LatitudePay Asia Magento Extension availability on the [Adobe Commerce Marketplace](https://commercemarketplace.adobe.com/). This integration empowers your online store with the capability to offer LatitudePay Asia as a secure and convenient payment option. Elevate your customer's shopping experience by offering a streamlined transaction process. :::BlockQuote **Note: **Currency Supported - SGD (Singapore Dollar) and MYR (Malaysian Ringgit). ::: ## Prerequisites To get started with integrating the LatitudePay Asia extension into your Magento store, you need to sign up for a LatitudePay Merchant Account and obtain the API keys (public key and private key) from the Merchant console. Here's a step-by-step guide: :::BlockQuote Follow this link for details: [Prerequisites](https://docs.sg.latitudepay.com/integration-prerequisite) ::: 1. Sign up for a LatitudePay Merchant Account. Click [here](https://docs.sg.latitudepay.com/integration-prerequisite#k-Bck) for more detail. 2. Obtain the Prod API keys (public key and private key) from the [Merchant console.](https://merchant.sg.latitudepay.com) ## Integration Steps Here are two simple ways to find the LatitudePay Asia Magento Extension: 1\. [Free Magento Add to Cart Extension](https://commercemarketplace.adobe.com/latitudepayasia-magento-payment-gateway-extension.html): Click on the provided link to install the LatitudePay Asia Magento extension. 2\. [Adobe Commerce Marketplace Search](https://commercemarketplace.adobe.com/catalogsearch/result/?q=latitudepay%20asia): Alternatively, search for the LatitudePay Asia extension directly within the Adobe Commerce Marketplace. ### Steps to do Add to Cart and complete the order from Adobe Commerce Marketplace 1. Login/Signup to the [Adobe Commerce Marketplace](https://commercemarketplace.adobe.com/). ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/p_QK7DsIah33hAardpNmJ_image.png" size="90" width="3024" height="1548" position="center" caption="Login/Signup screen" showCaption="true"} 2\. Navigate to the extension [Latitudepay Asia detail page](https://commercemarketplace.adobe.com/latitudepayasia-magento-payment-gateway-extension.html). ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/V8jhQv91DG9bjE6NwBKM1_image.png" size="80" width="2994" height="1548" position="center" caption="Search Result" showCaption="true"} ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/wBRxWPae4c9_1i_dwGiaj_image.png" size="80" width="2993" height="1548" position="center" caption="Extension Detail page" showCaption="true"} 3\. Select the store Magento version before clicking the "Add to Cart" option. ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/sa8yV8xl1pLLVyUpVjXov_image.png" size="90" width="2993" height="1548" position="center" caption="Select store version" showCaption="true"} 4\. Click the 'Add to Cart' option, as it is a FREE extension and will not incur any charges for the merchant. ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/WOAL-yUDLvBMHwhfft47b_image.png" size="90" width="2993" height="1548" position="center" caption="Add to cart " showCaption="true"} 5\. Proceed to the Checkout page and fill in the required details. ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/92wx98b_XmLwi8pmHJlXw_image.png" size="90" width="2993" height="1547" position="center" caption="Checkout page" showCaption="true"} 6\. Once the merchant submits the details on the checkout page, they will be redirected to the confirmation page, and the extension will be added to my order list. ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/OE3irFcX7rGx2xn8kaoWJ_success-page.png" size="90" width="2994" height="1548" position="center" caption="Confirmation page" showCaption="true"} ### Get the extension Access keys, Composer name and version from Adobe Commerce Marketplace 1. Navigate to 'My profile' ➔ 'Access keys', click on 'Create a new access key,' and a pop-up will appear where the merchant needs to add the name; after that, public and private keys will be generated. ***Note: These access keys will be used in the installation process of the extension in further steps.*** ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/8zDL-DjU6DdadpZhKbx7p_image.png "Navigate to access keys menu item") ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/gmV2ZAc1pAvOVC1__JPvK_qpdumm5ofydp0ldfm7lmy-profile-1.png "Click on Create a new access key") ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/QjNng6aqiQE63v1sm6dXn_image.png" size="50" width="754" height="577" position="center" caption="pop-up appeared" showCaption="true"} ::Image[ ]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/pU0UV3FX7Jj72gz8V4hVS_copy-access-keys.png" size="92" width="2994" height="1548" position="center" caption="Access keys created" showCaption="true"} 2\. Next, navigate to 'My profile' -> 'My purchases'. Here, you can find the Latitudepay Asia extension in the Commerce Marketplace and retrieve its Component name and version. ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/pmYyC09qf1p2V1Xj-jJzc_image.png" size="90" width="2993" height="1548" position="center" caption="My purchases" showCaption="true"} ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/88TU-udmtFo74ApGBPr_q_image.png "Component name and version") ### ### Add the extension’s name and version to your composer.json file via terminal - Navigate to your project directory (public\_html) and update your composer.json file by running the following command, `composer require latitudepayasia/magento-payment-gateway-extension:2.1.7` - Enter your authentication access keys which were created under 'My profile' -> 'Access keys'. Your **public key** is your **username**; your **private key** is your **password**. ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/AXnBzRCKNTjovtR2_PFLv_as4d5x01inuy3kaoamljqscreenshot-2023-08-14-at-34820-pm-1.png "Run the command and use access keys") - Wait for Composer to finish updating your project dependencies and make sure that there aren’t any errors. - To verify that the extension installed properly, run the following command: `php bin/magento module:status Octifi_Octifi` **Output:** :::BlockQuote public\_html$ php bin/magento module\:status Octifi\_Octifi Octifi\_Octifi : Module is enabled ::: If you find it disabled, then run the following command to enable it, `php bin/magento module:enable Octifi_Octifi` - Run the following command to register the extension `php bin/magento setup:upgrade` `php bin/magento setup:di:compile` - Check your Magento Mode, by running the following command, ` php bin/magento deploy:mode:show"` - If your Magento mode is **"production" **Please run the below commands Run the following command to clean the cache `php bin/magento cache:clean` `php bin/magento cache:flush` `php bin/magento indexer:reindex` `php bin/magento setup:static-content:deploy` - If your Magento mode is **"default" (or) "developer" **Please run the below commands Run the following command to clean the cache `php bin/magento cache:clean` `php bin/magento cache:flush` `php bin/magento indexer:reindex` `php bin/magento setup:static-content:deploy -f` ### Complete the extension configuration in the Magento store backend - Log in to your Magento Store Backend.  - Navigate to Stores > Settings > Configuration.  ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/rSqkWCXnuPDfkihb__Y4Y_image.png" size="90" width="2994" height="1548" position="center" caption="Store -> Configuration" showCaption="true"} - Click on Sales and choose Payment Methods. ::Image[]{src="https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/8FAnDjTJ96i8fVaDFlY4M_image.png" size="90" width="2993" height="1548" position="center" caption="Sales -> Payment Methods" showCaption="true"}   ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/Ue1HR4c9Vrv22zqKBmz_L_2xzh0nifo2fxxmsf1k7jimage-1.png "Latitude Pay Extension Settings") - In the LatitudePay Payment section, configure the following:  1\. **Enable **LatitudePay Payment Method.  2\. Select the applicable country **(Singapore or Malaysia)**.  3\. Specify the **payment title** displayed on the checkout page.  4\. Enter the **Public API Key** and **Private API Key** received from LatitudePay Portal.  5\. Provide the **Merchant Name** to be shown on the LatitudePay Payment Form.  6\. Choose the desired Payment Action **(Authorisation or Authorise & Capture)**. We recommend choosing the ***Authorize & Capture*** action. *If you choose **Authorisation**, then the payment is placed on hold as when the order is placed by the customer. The payment is captured via manual button to capture the payment at any point in the backend order detail page. Once the button is clicked, the amount will be captured.* *If you choose **Authorize & Capture,** then the payment is capture automatically when the order is placed.* 7\. Select the **Payment Type** (Redirect to Gateway).  8\. Set the New Order Status as **Processing**.  - Save the configuration and refresh the Magento cache.   ### Make the payment by LatitudePay Asia extension in the Magento front shop - On the checkout page, the LatitudePay payment option will be displayed under the Payment Methods section.  ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/y7lBHjhx0iY5ZNvBc2MEP_image.png "Checkout Page") - Customers can select "Pay By LatitudePay" Gateway.  - Clicking the "Place Order" button will redirect to the LatitudePay payment page and customer can select the plan and proceed to pay via card.   ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/Q4XCamUSedDdJqkCJ6RSW_.blob "Select plan and proceed") ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/cBTUq4WCaAHltJ-Kv84Vb_sj5z4530ancdlmew8xemake-payment-sg.png "Select card and complete the payment") - After a successful payment, the customer will be redirected to the success page.  ![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/EY6ufuOCOvIutn8sPLBv4_successpage2.png "Success Page") ### Installation and Activation of LatitudePay Extension from Marketplace for Existing Merchants, those who already did the manual installation from GitHub Enabling the LatitudePay extension from marketplace for existing merchants (those who did the manual installation from GitHub) within their established Magento setup involves a systematic process. Here are the steps mentioned below, - Navigate to the path '`app/code/`' under the '`public_html`' directory on the server. - Manually delete the '`Octifi`' folder related to the LatitudePay extension. - Connect to the terminal and initiate the installation process as per the instructions provided in this **documentation**, starting from the initial steps. - Once these steps are completed, the **LatitudePay extension** will be successfully installed and ready for **use within the existing Magento setup.** ### Refund and Cancellation Process   ::::Tabs :::Tab{title="SINGAPORE"} The cancellations and refunds for Latitude Pay transactions are handled manually through the merchant console. To access the merchant console, please visit [merchant.sg.latitudepay.com](https://merchant.sg.latitudepay.com/user/login) for SG production and [merchant.latitudepay.me](https://merchant.latitudepay.me/) for staging. For any inquiries or assistance, we encourage you to reach out to our dedicated support team. You can contact us through our [website](https://sg.latitudepay.com/) or by sending an email to [vendors@latitudepay.asia](mailto\:vendors@latitudepay.asia)  ::: :::Tab{title="MALAYSIA"} The cancellations and refunds for Latitude Pay transactions are handled manually through the merchant console. To access the merchant console, please visit [merchant.my.latitudepay.com](https://merchant.my.latitudepay.com/user/login) for MY production, and [merchant.latitudepay.me](https://merchant.latitudepay.me/) for staging. For any inquiries or assistance, we encourage you to reach out to our dedicated support team. You can contact us through our [website](https://my.latitudepay.com/) or by sending an email to [vendors@latitudepay.asia](mailto\:vendors@latitudepay.asia)  ::: ::::