---
title: Magento Manual Installation Setup
slug: magento-manual-installation-setup
docTags: 
createdAt: 2021-01-10T13:51:31.000Z
---

# Magento v2.1.7 LatitudePay Payment Extension

You can integrate LatitudePay Payment Gateway with your Magento Store to accept payments from customers.

:::BlockQuote
**Note:&#x20;**&#x43;urrency Supported - MYR (Malaysian Ringgit) & SGD (Singapore Dollar)
:::

## Prerequisites

Sign up on LatitudePay Merchant Account & get the below API keys from LatitudePay Dashboard

- Signup as a LatitudePay Merchant
- Get Merchant API-Keys (public key and private key) from [Merchant console](https://merchant.my.latitudepay.com/)&#x20;
- Follow this link for details: [Prerequisites](https://docs.sg.latitudepay.com/integration-prerequisite)

## Integration Steps

1. Download & Install Extension
2. Configure Magento Store with Backend settings
3. Front View

### Download Extension

::::Tabs
:::Tab{title="Download production"}
- Download the source code zip v2.1.7 [Latitude Pay GitHub](https://github.com/octifi/magento-plugin/blob/main/Octifi.zip).
:::
::::

# Step 1: Install Extension

- Download the latest Source code zip file from the LatitudePay [GitHub](https://github.com/octifi/magento-plugin/blob/main/Octifi.zip) (Use the download button).
- Extract the `Octifi.zip`.
- Place the Octifi folder into `app/code/Octifi/` folder under the Magento root path.

::Image[]{src="https://api.archbee.com/api/presign/uMLzTav_HIzdTyGRmLuEG/xVUQg7Bq4hJgTB-NvKglH_Screenshot%202021-01-21%20at%2011.15.07%20AM.png" size="58" position="center" showCaption="false"}

- &#x20;If you're performing an update, replace/overwrite the existing code folder.

:::hint{type="success"}
## Check your Magento Mode

Run "php bin/magento deploy\:mode\:show" to find your mode
:::

- If your Magento mode is **"production"&#x20;**&#x50;lease run the below commands
  i)   `php bin/magento cache:clean`
  ii)  `php bin/magento cache:flush`
  iii) `php bin/magento indexer:reindex`
  iv) `php bin/magento setup:upgrade`
  v)  `php bin/magento setup:static-content:deploy`



- If your Magento mode is **"default" (or) "developer"** Please run the below commands
  i)   `php bin/magento cache:clean`
  ii)  `php bin/magento cache:flush`
  iii) `php bin/magento indexer:reindex`
  iv) `php bin/magento setup:upgrade`
  v)  `php bin/magento setup:static-content:deploy -f`

### Step 2: Configure Magento Store

- Log in to your Magento Store Backend
- Choose Stores on the Admin sidebar to the left. Now go to Settings > Configuration.

::Image[]{src="https://api.archbee.com/api/presign/uMLzTav_HIzdTyGRmLuEG/u2kvB-kzcv_VN2SN7DNT7_Screenshot%202021-01-11%20at%2010.44.04%20PM.png" size="86" position="center" showCaption="false"}

- On the Configuration page, click on Sales on the left and choose Payment Methods.



![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/L1ESILCS5cOlMKu6P20mk_untitled.png)





On the Payment Methods page, navigate to LatitudePay Payment Section.&#x20;
a) *Enabled* >> select Yes to enable LatitudePay Payment Method  &#x20;
b) Country >> Select either Singapore or Malaysia
b) *Title* >> This title will show under the payment methods section on the checkout page of Magento&#x20;
c) Public API Key >> Enter Your \<Public Key> received from LatitudePay dashboard  &#x20;
d) *Private API Key* >> Enter Your \<Private Key> received from LatitudePay dashboard  &#x20;
e) *Merchant Name* >> This will be shown on the Payment Form of LatitudePay  &#x20;
f) *Payment Action*

- if you want to enable the Auth & automatic Capture as a payment action please Select "**Authorise & Capture".**
- If you want to enable Authorise as a payment action please Select **"Authorization". The payment is put on hold and will be captured when the order is marked as shipped.&#x20;**

***This is explained in more detail in the section below named "Authorization and Capture".***

****
g) Payment Type&#x20;

- If you want the plugin as a modal popup please select **"Hosted Modal Popup".**
- If you want the plugin as a redirect type. please select  **"Redirect to Gateway"**


h) *New Order Status* >> Select **Processing.&#x20;**&#x54;his selected status will generate after successful payment on LatitudePay. &#x20;

- Click Save Config.
- Refresh Magento Cache.

### Step 3: Front View

- It will show on the checkout page under the Payment Methods section
- Select “Pay By LatitudePay” Gateway: It will show like



![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/9irzjyx2KUZ32aeF9FPJf_screenshot-2021-11-16-at-62758-pm.png)



- Click on the “Place Order” Button: It will redirect you to the payment page



![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/iREi1n1YRLbgaLSbO1t-k_screenshot-2021-11-16-at-62904-pm.png)



- Please do sign up for LatitudePay Customer Account, add card details.



![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/L-jrJi8TFeCRXCpsBePtR_screen-shot-2022-10-11-at-61527-pm.png)





1. Download the android app & login with customer credentails.

&#x20;     2\. Press QR icon in the home screen and scan the QR code.

&#x20;     3\. In the app screen you can see your purchase detail and total amount

&#x20;     4\. Press "BUY NOW"



- After Making a successful Payment, It will redirect to the success Page.



![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/boGg1otI1Xj1p94oNnNNC_screenshot-2021-11-16-at-63101-pm.png)





- In the backend, the order view will look like this:

::Image[]{src="https://api.archbee.com/api/presign/uMLzTav_HIzdTyGRmLuEG/lPnb9eCV3i5Y1iHokoSg9_Screenshot%202021-01-12%20at%205.41.03%20PM.png" size="88" position="center" showCaption="false"}

- This is the procedure to place an order with LatitudePay Payment Method In Magento 2.1.0   &#x20;

## Authorization & Capture

### Introduction

1. Some merchants prefer that when the order is placed, the payment should be captured automatically.&#x20;
2. However, some merchants preferred to put the payment on hold and captured at some later point (for example when the order is shipped).&#x20;

Hence we have two options for merchants

### 1. Authorization and Capture&#x20;

On the LatitudePay Payment Section if you choose Authorisation and Capture then the payment is capture automatically when the order is placed.

### 2. Authorization only

The payment is placed on hold when the order is placed by the customer. The payment is captured via two mechanisms:

1. Goto order -> create invoice --> Do shipment --> It will be captured automatically. i.e. *Once the order is marked as shipped its automatiically captured.*



![](https://api.archbee.com/api/optimize/uMLzTav_HIzdTyGRmLuEG/fiPEwil-0XQ12_bVcy0x5_screenshot-2021-11-16-at-63334-pm.png)



2\. There is a manual button to capture the payment at any point. Click the capture button to capture the payment

# Cancellations and Refunds

The cancellations should be done manually using the merchant console

Production: merchant.octifi.com

Staging: merchant.latitudepay.me

Please reach out to our support team for credentials for both environments.

