# Welcome to MageComp

Magento | Shopify | WordPress | Mobile App Development | Digital Marketing

*<mark style="color:green;">The purpose of this documentation is to guide the customers about how to</mark>*  development and eCommerce solutions. MageComp offers a wide range of Magento extensions, custom development, and migration services that help businesses enhance their online stores. We provide extensions for both Magento 1 and Magento 2, covering areas like payment integrations, shipping, order management, and SEO enhancements.

In addition to M2 modules, we offer web design, digital marketing, and Shopify services, making it a comprehensive solution provider for eCommerce businesses. Our team aims to simplify complex eCommerce processes and improve online shopping experiences, with a focus on quality support and customer satisfaction.

### We offer these Magento services

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td></td><td><a href="https://magecomp.com/services/hyva-theme-development/"><mark style="color:orange;">Hyvä Theme Development</mark></a></td><td></td><td></td></tr><tr><td></td><td><a href="https://magecomp.com/services/hire-magento-programmer/"><mark style="color:orange;">Hire Magento Programmer</mark></a></td><td></td><td></td></tr><tr><td></td><td><a href="https://magecomp.com/services/magento-upgrade-services/"><mark style="color:orange;">Magento Version Upgrade</mark></a></td><td></td><td></td></tr><tr><td></td><td><mark style="color:orange;">Magento Migration</mark></td><td></td><td></td></tr><tr><td><p></p><p><mark style="color:orange;">Magento Customization</mark></p></td><td></td><td></td><td></td></tr><tr><td></td><td><mark style="color:orange;">Magento Support Service</mark></td><td></td><td></td></tr><tr><td></td><td><mark style="color:orange;">Migrate to Magento (any CMS)</mark></td><td></td><td></td></tr><tr><td><p></p><p><mark style="color:orange;">Custom M2 Extension Development</mark></p></td><td></td><td></td><td></td></tr><tr><td></td><td><mark style="color:orange;">3rd Party Extension Integration</mark></td><td></td><td></td></tr></tbody></table>


# Installation User Guides by MageComp

<figure><img src="/files/ddwI1nVWmRhQLmCqWBRQ" alt=""><figcaption></figcaption></figure>

The installation user guide describes the step by step procedure to install the extension. Once you have purchased an extension, the next step is to install it to your Magento store. MageComp has come up with an installation user guide that will help you install the extension efficiently when you purchase it from our official website [**MageComp.com**](http://magecomp.com/). This guide will be helpful to you to install the extension and what to do if something goes wrong.


# Installation Guide for Magento 1.x Extensions

* Go to My downloadable products. The file that you download normally is a zip or tgz file.
* It’s required to disable cache in the administration panel of your site. Go to System/Cache Management. Choose all caches and take action “Disable” then submit. Also disable the Compilation if it is ON. So, make sure that Caching and Compilation is disabled before installing the extension, you can enable it again after the
* Use FTP client (such as Filezilla, WinSCP, cuteFtp) to upload or copy all folders in the zip package to your Magneto site root folder. This will not overwrite any existing files, just add new files to the folder
* You will need to install the extension in your custom theme if you are using. Just make sure about these files to be uploaded in custom
* app/design/frontend/default/default to app/design/frontend/YourThemeFolder/PackageFolder
* skin/design/frontend/default/default to skin/design/frontend/YourThemeFolder/PackageFolder
* After uploading is done, enable the Cache and if you keep Compilation On then re-run the
* Navigate to System/Configuration, if you can see the extension tab, it is installed properly.
* Now if you get Access denied error when click on the extension tab, you need to log out admin panel and log in again.
* Go to front-end and try to process, make sure that everything is
* If you need professional help regarding [**Magento Extension Installation,**](https://magecomp.com/magento-professional-installation.html) Feel free to contact us any time.


# Installation Guide for Magento 2.x Extensions

* Go to My downloadable products. The file that you download normally is a zip file.
* Use FTP client (such as Filezilla, WinSCP, cuteFtp) to upload or copy all folders in the zip package to your Magneto site root folder. This will not overwrite any existing files, just add new files to the folder structure.
* Open Command line in folder root of Magento and run following command respectively:
  * php bin/magento setup:upgrade
  * php bin/magento setup:static-content:deploy -f
  * php bin/magento indexer:reindex
  * php bin/magento cache:flush
* Navigate to Stores/Configuration, if you can see the extension tab, it is installed properly.
* If you need professional help regarding [**Magento Extension Installation,**](https://magecomp.com/magento-professional-installation.html) Feel free to contact us any time.


# Extension Installation Guide for Magento Marketplace Extension

#### Step – 1: Get your Marketplace Access API key <a href="#step-1-get-your-marketplace-access-api-key" id="step-1-get-your-marketplace-access-api-key"></a>

* First go to [**Marketplace Customer Login**](https://account.magento.com/applications/customer/login/) page.
* Now login to your Marketplace Account by entering email id and password and if you don’t have account yet simply click on [**Register**](https://account.magento.com/applications/customer/create/) button to create new account.

<figure><img src="/files/skjks1MNHEathrhPnecw" alt=""><figcaption></figcaption></figure>

* Now, click on the top- right corner menu and select “My Profile”
* And then select “Access Keys” link located under “My Products” tab.

<figure><img src="/files/EQTOQiQbj9YAIVCR1XSk" alt=""><figcaption></figcaption></figure>

* Here, you will have Access Key to your purchase products.

<figure><img src="/files/LSk7DjQT13qBbHJ5uEis" alt=""><figcaption></figcaption></figure>

#### Step – 2: Find Technical Details of Extension Package <a href="#step-2-find-technical-details-of-extension-package" id="step-2-find-technical-details-of-extension-package"></a>

* Again click on the top- right corner menu and select “My Profile”
* And then select “My Purchases” link located under “My Products” tab

<figure><img src="/files/LI5gERrvDUjqcEMEREef" alt=""><figcaption></figcaption></figure>

* Now, at the bottom of extension “Download” button you will find arrow key to see technical details of specific extension, simply copy details to safe place.

<figure><img src="/files/jdKfOkelJrpnlXpmNasq" alt=""><figcaption></figcaption></figure>

#### Step – 3 : Run Commands in Console <a href="#step-3-run-commands-in-console" id="step-3-run-commands-in-console"></a>

* First make sure that composer is installed on your Magento Sever, if you haven’t installed composer yet then simply type “Composer install” command in your console to install composer on your server.
* Now, run command below command followed by your extension name and version of extension that you want to install on your server.

**Composer require \<extension name>:\<version>**

<figure><img src="/files/G8TgIeTgnUG2htYs6XI0" alt=""><figcaption></figcaption></figure>

* Now, it will ask you to enter your **public API key as username** and **private API key as password** of your marketplace account.

<figure><img src="/files/8EG755yS8tTRtzx8J6mG" alt=""><figcaption></figcaption></figure>

* Once you enter required details, simply hit enter and it will start installing extension.

<figure><img src="/files/Ep9F5dAQTMmHpBKvERKF" alt=""><figcaption></figcaption></figure>

#### **Step – 4 :**  **Emergency Console Commands** <a href="#strongnbsp-step-4-strong-nbspstrongemergency-console-commandsstrong" id="strongnbsp-step-4-strong-nbspstrongemergency-console-commandsstrong"></a>

**To disable extension in emergency case:**

php bin/magento module:disable MODULE\_NAME  => Module: Disable

**To enable Extension after disable:**

php bin/magento module:enable MODULE\_NAME => Module: Enable

**To uninstall extension from Magento server:**

php bin/magento module:uninstall MODULE\_NAME => Module: Uninstall

**To know the current status of Extension:**

php bin/magento module:status => Module: Status

#### **Step – 5 : Support** <a href="#strongstep-5-supportstrong" id="strongstep-5-supportstrong"></a>

Only the extension related issues will be resolved under the support.

Below services are NOT covered with the given support:

1. Compatibility check between Magento and other extensions
2. Extension modification or customization
3. Third-party developer consultations

For more information please drop us an email at [**support@magecomp.com**](mailto:mailtosupport@magecomp.com) if you have any questions or problems or need our support.

Our support staff will get back with you as soon as possible within 24 hours.


# Composer Installation

**Add to Cart Product**

<figure><img src="/files/UrUPwlFzxgEgaIZTaBul" alt=""><figcaption></figcaption></figure>

Place order

<figure><img src="/files/dKYqnortS4IdPrdJsizI" alt=""><figcaption></figcaption></figure>

Goto Composer Packages

{% file src="/files/Pb19wdiJPutUeypeQRUv" %}

Add our repository to your composer configuration

<figure><img src="/files/y6o7iZyfSd8MMHfPQSO0" alt=""><figcaption></figcaption></figure>

Run repository command to your Magento root

<figure><img src="/files/MtSiM3K3dFvKvSZY5azZ" alt=""><figcaption></figcaption></figure>

Next, install the package with the command

<figure><img src="/files/NrNXzGOAX80Yylrn0AFd" alt=""><figcaption></figcaption></figure>

Now run composer copy above command to your Magento root

<figure><img src="/files/Yfyv5x3XP0BmWlD6gvex" alt=""><figcaption></figcaption></figure>

When prompted, enter your Authentication details

<figure><img src="/files/HXUz1NCgbtG0Ke0DEHip" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/gDPIxDVrEVPeVNBAt20M" alt=""><figcaption></figcaption></figure>


# Hyvä Addon Installation Guide

Follow the steps below for Hyvä installation:

**Step 1: Install the main package of the extension.**

**Step 2: Contact our support team for the Hyvä package.**

Raise a support ticket at – <https://magecomp.freshdesk.com/>

**Step 3: Replace & Merge the main package with the Hyvä package.**

* **If you have installed the main package manually, then extract the zip files from the below path**

{{Magento Root Path}} /app/code/Magecomp/{{Your Extension}}/

* **If you have installed the main package with composer, then extract the zip files from the below path**

{{Magento Root Path}} /vendor/magecomp/{{Your Extension}}/

**Step 4: Execute the following commands to restore styles.**

**NOTE - npm must be installed in your system.**

```
php bin/magento hyva:config:generate -f
```

**For Hyvä version 1.3.20 and older versions**

```
npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ ci
npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ run build-prod
```

**For Hyvä version 1.4.0 and higher versions**

```
npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ ci
npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ run build
```


# Magento 2 Customer Account Links Manager Extension

<figure><img src="/files/YnLaeCrfr4gPlGgCpZdn" alt=""><figcaption></figcaption></figure>

Magento 2 Customer Account Links Manager Extension lets you manage the frontend customer dashboard sidebar by removing unnecessary links.

## [Buy Now](https://magecomp.com/magento-2-customer-account-links-manager.html)


# Configuration

<figure><img src="/files/XmV2ZcA7Cuybjso8CxQb" alt=""><figcaption></figcaption></figure>

Here you can find the various settings for the extension

* **Customer Account Links Manager:** Enable or disable extension from here.
* **List type:** Select your preferred list type either Inclusive or Exclusive.

**Inclusive List:** If you select inclusive list type then an extension will only display those links which are selected by you from the multi-select box.

**Exclusive List:** If you select exclusive list type then an extension will display links that are not selected by you.

<figure><img src="/files/FITeoSaGevCG6yO4YKsx" alt=""><figcaption></figcaption></figure>

* **Select Links:** Make a selection of links that you want to display under the hood of the customer account section depending on your list type.


# Frontend Customer Account Section

Once you have made the selection of links and list type that you want to display in the store frontend, the extension will automatically hide unnecessary links from the frontend customer account dashboard.

**Frontend display for Inclusive list at customer dashboard**

<figure><img src="/files/ExwvprtTrSCfguuQzIei" alt=""><figcaption></figcaption></figure>

**Frontend display for Exclusive list at customer dashboard**

<figure><img src="/files/E7V2my4Yjkjy3CvWGXQD" alt=""><figcaption></figcaption></figure>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sBY4HT3n7>


# Magento 2 Distance Based Shipping Extension

<figure><img src="/files/vnZ5kQUJOwzctwcqvBu4" alt=""><figcaption></figcaption></figure>

Magento 2 Distance based Shipping Extension by MageComp allows the store owner to charge shipping based on distance from their warehouse to customer’s location.

## [Buy Now](https://magecomp.com/magento-2-distance-based-shipping.html)


# Configuration

Once you have successfully installed the extension, go to **Sales -> Shipping methods** to configure the extension for use. Here you can find various settings for the extension.

<figure><img src="/files/2KGu7UCTttl35hlp1RLq" alt=""><figcaption></figcaption></figure>

* **Enabled:** Option to enable or disable extension.
* **Shipping Title:** Set the distance shipping method title to display in store frontend.
* **Shipping Method Name:** Set distance shipping method name from here.
* **Displayed Error Message:** Set custom message to display for unavailability of distance shipping method.
* **Ship to Applicable Countries:** Enable distance based shipping method for all countries or specific countries as per need.
* **Ship to Specific Countries:** If you want to enable distance shipping method for specific countries you need to make a selection of countries from here.
* **Sort Order:** Enter sort order to display distance shipping on top.

**NOTE:** The extension is not compatible with Multishipping.


# To use Distance Based Shipping Extension

To use Distance Based Shipping Extension, you need to sign up an account with [Google Cloud Console.](mailto:https://console.cloud.google.com/)

Create a New Project => Select Billing Account and Organization => Click on Create

<figure><img src="/files/6o2ifMH4SgR24Ttn1UoC" alt=""><figcaption></figcaption></figure>

Once you see the new project Dashboard as shown below screenshot. Next step is we need to enable the APIs required to use this extension.

From the left Menu => APIs and Services => Library

Here are the 4 APIs you need to enable.

* Maps JavaScript API
* Distance Matrix API
* Geolocation API
* Places API

<figure><img src="/files/h1KBB63PCH9l7klAYI3Y" alt=""><figcaption></figcaption></figure>

Next We need to create credentials to generate the Google API which we need to configure in the extension backend. Click on APIs & services => Credentials

<figure><img src="/files/SZ8aMqJxcivUCodU1F8a" alt=""><figcaption></figcaption></figure>

Create Credentials => API key

You will see one popup showing API key, that’s the key you need to configure in the extension configuration.

Further, If you want to restrict the key, you can select the option from popup itself. You will see below screen and you can restrict it based on a domain like below.

This is just for the security (Its optional step)

<figure><img src="/files/fKsz5MqsG9DbT1uJyBZi" alt=""><figcaption></figcaption></figure>


# Distance Shipping Calculation Settings

<figure><img src="/files/K081y0rf9jOvW8FMapA4" alt=""><figcaption></figcaption></figure>

* **Google Map API Key:** Add your Google Map API key here.
* **Distance Unit:** Select your preferred distance measurement unit according to your business needs.
* **Shipping Cost:** The extension comes with a dynamic shipping cost field that allows store admin to define multiple shipping distance unit ranges and respective shipping charges.
* **Minimum Order Amount:** Option to set a minimum order amount to enable distance shipping method.
* **Maximum Order Amount:** Option to set maximum order amount to disable distance shipping method.
* **Maximum Distance Amount:** You can set a maximum distance unit after which distance shipping will automatically get disabled.


# Warehouse Manager

The extension comes with backend **Warehouse Manager** grid using which store admin can add multiple warehouses and your customers will select their nearby warehouse for calculating distance shipping.

<figure><img src="/files/fGig91cMlDWkCmi86UjR" alt=""><figcaption></figcaption></figure>


# Add or Update Warehouse Information

On click of “Add Warehouse” Button, you can add your new warehouse information to backend warehouse manager grid.

<figure><img src="/files/XDcesX9eXMmqowfa3RST" alt=""><figcaption></figcaption></figure>

* **Status:** Option to enable or disable the warehouse.
* **Address:** Add your warehouse address here.

Lastly, save your warehouse information once you are done.


# Distance Shipping in Frontend

Once you have saved all the configurations from the backend, your customer will able to select the distance shipping method in store frontend. After adding “Deliver to” address, the extension will automatically calculate shipping price based on distance from the warehouse to the destination and add it to the cart total summery.

<figure><img src="/files/vib5Gs6MqpqFx1XuO4or" alt=""><figcaption></figcaption></figure>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/20561050/2sBY4Jy42b>


# Magento 2 WhatsApp Contact Extension \[PRO]

<figure><img src="/files/WxuxT0KFrIdmDmfceMxb" alt=""><figcaption></figcaption></figure>

Magento 2 WhatsApp Contact Pro Extension that allows let your customers get WhatsApp support from department operators for a better resolution to their queries.

## [Buy Now](https://magecomp.com/magento-2-whatsapp-contact-pro.html)


# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration** to configure the extension for use. Here you can find the following settings:

<figure><img src="/files/fXhpnb16ecOtBvGvVjdr" alt=""><figcaption></figcaption></figure>

* **WhatsApp Contact Pro:** Option to enable or disable the extension.
* **Enable Only in Mobile:** Set YES to enable contact button only in mobile phones.
* **Support Type:** Enable single or multiple WhatsApp operators from here.
* **WhatsApp Number:** Set your WhatsApp Number if you have selected single operator.
* **Default WhatsApp Message:** Set default WhatsApp Push message for operator.
* **Notification Message:** Set message that you want to display in frontend WhatsApp popup notification message.
* **Operator Help Message:** Set default WhatsApp Operator help message to display in the frontend.
* **Operator Image:** Option to set frontend WhatsApp Operator image.


# Frontend Settings

<figure><img src="/files/4yFoZv5inGt3pLgjZFBy" alt=""><figcaption></figcaption></figure>

* **Button Color:** Select button color for the WhatsApp Contact button.
* **Icon Color:** Select WhatsApp icon color for the contact button.
* **Position:** From here you can change position of the WhatsApp contact button.
* **Bottom Position:** Option to change bottom margin position for WhatsApp Icon.
* **Button Animation Effect:** Select WhatsApp Icon animation effect.


# Backend Operators Grid

Once you have successfully configured the extension, you can now manage your WhatsApp Operators using backend grid if you have enabled the WhatsApp Operator.

<figure><img src="/files/F8IYECqj9r5ODFsK6RTQ" alt=""><figcaption></figcaption></figure>

**Add or Update Store Information:**

Using this backend grid, you are free to add or update WhatsApp Operator information at any time using Edit link available under action.

<figure><img src="/files/pSMb32sr3CWoJlOaG1mw" alt=""><figcaption></figcaption></figure>

* **Status:** Option to enable or disable WhatsApp Operator.
* **Website Id:** Select the website for WhatsApp Operator.
* **Customer group:** Select the customer group for the WhatsApp Operator.
* **Department Name:** Option to assign Department to WhatsApp Operator.
* **Operator Name:** Set WhatsApp Operator name from here.
* **WhatsApp Number:** Set Operator WhatsApp Number.
* **Default Message:** Option to set default WhatsApp push message for the Operator.
* **Image:** From here you can assign Profile Picture for WhatsApp Operator.


# In Frontend

Once you have properly configured the extension and operators, you can see WhatsApp Contact Pro button and Popup enabled in frontend.

* **Single WhatsApp Operator:**

<figure><img src="/files/tTlJzJ80aBZUn9yFTNbp" alt=""><figcaption></figcaption></figure>

* **Multiple WhatsApp Operators**:

<figure><img src="/files/GAC01ZXmejsqdoUaJUfG" alt=""><figcaption></figcaption></figure>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sBXwtooTy>


# Magento 2 Store Locator Google Maps Extension

<figure><img src="/files/8dNUEd1JrPsLzSSCT2dM" alt=""><figcaption></figcaption></figure>

Magento 2 Store Locator Extension by MageComp allows the admin to display the list of their stores and let customers locate a nearby store and find the information directly on Google Map.

## [Buy Now](https://magecomp.com/magento-2-store-locator.html)


# Configuration

Once you have successfully installed the extension, go to **Store -> Configuration** to configure the extension for use. Here you can find various settings for the extension.

<figure><img src="/files/nLRTfO3fYZvjhjwCqDNh" alt=""><figcaption></figcaption></figure>

* **Enabled:** Option to enable or disable extension.

**Store Locator Page Settings:**

* **Meta Title:** Set your SEO meta title for frontend store locator page.
* **Meta Keywords:** You can set SEO Keywords if you needed for your frontend store locator page.
* **Meta Description:** Option to set SEO meta description for your frontend locator page.
* **Page URL:** You can customize the store locator page URL from here.


# Configuration - Map Settings

<figure><img src="/files/yONs5HtJmtqShv4WLK1A" alt=""><figcaption></figcaption></figure>

* **Select Layout:** From here you can choose the frontend store locator page layout.
* **Google Map API Key:** Add your Google Map API key here.
* **Zoom:** You can set the default zooming level for frontend store locator page URL.
* **Latitude:** Option to set default latitude for map.
* **Longitude:** Option to set default longitude for map.
* **Radius:** Option to set default Map radius.
* **Map Style:** From here you can style your Map with an available different layout.
* **Pin Icon:** Option to change frontend store locator page pin icon if needed.
* **Distance Unit:** You can change the store distance unit in km or meters according to your business need.
* **Ask for Location:** You can ask your users to share location for saving time and server accurate store data.


# Configuration - Radius Settings

<figure><img src="/files/nZ4fC4xLRY1wg05H72vu" alt=""><figcaption></figcaption></figure>

## S**troke Settings:**

* **Width:** Option to set radius stroke width.
* **Color:** Option to set radius stroke color.
* **Opacity:** From here you can set frontend Map stroke width.

## **Fill Settings:**

* **Color:** Option to set radius fill color.
* **Opacity:** From here you can set frontend Map stroke fill opacity.


# Configuration - Individual Store Settings

<figure><img src="/files/tCUcQwhs9jhh2AyP6j1P" alt=""><figcaption></figcaption></figure>

* **Zoom on Store details:** From here you can set default store zoom level.
* **Other Stores:** Option to enable or disable other store lists in frontend.
* **Stores Slider:** Option to enable or disable store slider in the frontend.


# Backend Store Manager Grid

The extension comes with backend **Store Manager** grid using which store admin can add multiple stores and its information. On frontend whenever your customers will select their nearby location respective nearby store will be located.

<figure><img src="/files/Ez11ogyfyMECwQm0ObAm" alt=""><figcaption></figcaption></figure>


# Add or Update Store Information

On click of “**Add Store**” Button, you can add your new store information to backend store manager grid.

<figure><img src="/files/TqQuzYmUQv5B5IW3IoqJ" alt=""><figcaption></figcaption></figure>

* **Status:** Option to enable or disable the warehouse.
* **Name:** Set your Frontend Store Name.
* **Address:** Add your store address here.
* **City:** Set your store City.
* **Country:** Set your store country.
* **State:** Set your store State.
* **Postcode:** Set your store postcode.
* **Email:** Add your store email address here.
* **Phone:** Add your Store phone number here.
* **Image:** Add your Store Image to display in separate store locator page.
* **Latitude:** Option to set default latitude for map.
* **Longitude:** Option to set default longitude for map.
* **Distance:** Option to set distance from the default store
* **Store Views:** Select store view.


# Frontend Store Locator

Once you have saved all the configurations from the backend, your customer will able to locate their nearby store by searching for a paricualr location also the extension will display a list of store along with the distance from the user’s location.

<figure><img src="/files/c8FgFOJFO0tweFnvGe1v" alt=""><figcaption></figcaption></figure>


# Store Direction using Google Map

Once your customer locates their nearby store, the extension allows the user to get a direction to that particular store using Google Map.

<figure><img src="/files/xQnIVb5ozY6Kp52cDiwt" alt=""><figcaption></figcaption></figure>


# Frontend Google's Ask for location

If you have enabled the “Ask for Location” Feature from the backend configuration, the extension will ask users to share their location on Page load instead of manually locating their nearby store by entering the address or area. This feature is useful to save time and efforts of your customer and quickly locates their nearby store.

<figure><img src="/files/GYpEf5Wfg45oq9huRgwM" alt=""><figcaption></figcaption></figure>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sAY4rDjnD>


# Magento 2 Product Attachments & File Upload Extension

<figure><img src="/files/3DxBNG16DMgf0ElbY2ro" alt=""><figcaption></figcaption></figure>

With Magento 2 Product Attachments Extension allows the store owner to upload file or URL attachment for product to display on the store frontend. Upload up to 10 files of any format and use catchy icons to capture customers’ attention with Magento 2 Product Attachments Module.

## [Buy Now](https://magecomp.com/magento-2-product-attachments.html)


# Configuration

Once the extension is installed successfully, go to Stores>Configuration to configure the extension for use.

<figure><img src="/files/pFBnZkJpniRAoSzI5E7e" alt=""><figcaption></figcaption></figure>

* **Product Attachment:** Enable or Disable the extension from here
* **File Extensions:** Add extensions of the file you want to attach with the product.
* **Customer Groups:** Select the customer group from here.
* **Frontend Tab Title:** Add the title for the product attachments tab displayed in the frontend.

Now go to the product edit page in the backend and move to the **Design** tab.

<figure><img src="/files/Ccsa4BzZXQeoNFsAvFg8" alt=""><figcaption></figcaption></figure>

* **Layout:** The admin will have to select the no layout updates option here.

Now move to the **File Downloads** tab in the product edit page.

<figure><img src="/files/FQ5xmSeUPAOb1J6R3kl9" alt=""><figcaption></figcaption></figure>

Admin can upload up to 10 files to attach with the product from here.


# Frontend display of Product Attachments

**Frontend display of Product Attachments**

<figure><img src="/files/KNshGXqMDZDsebrwpVd8" alt=""><figcaption></figcaption></figure>

If anything goes wrong, please contact us at <support@magecomp.com>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sA3s1psex>


# Magento 2 Cancel Order by Customer Extension

<figure><img src="/files/0zLYSFRqocxZL51nw9WJ" alt=""><figcaption></figcaption></figure>

With the enhanced Cancel Order by Customer Extension for Magento 2, customers and guests can cancel complete orders or individual order items directly from the frontend, while admins can manage approvals, auto-cancellations, SMS/WhatsApp notifications, and cancellation requests from a centralized admin grid.

## [Buy Now](https://magecomp.com/magento-2-cancel-order.html)


# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration -> MageComp -> Cancel Order** to configure the extension for use.

#### General Settings

<figure><img src="/files/KCrlkSCiWvK1a4P1f56C" alt=""><figcaption></figcaption></figure>

* **Cancel Order -** Enable or disable the extension from here.
* **Customer Groups -** Select the customer groups for whom you want to enable the order and item cancellation pop-up.
* **Order Statuses -** Enable order and item cancellation ability based on order status.
* **Cancel Order Valid Till (Days) -** Enter the number of days for which the order and item cancellation functionality can be used.

#### Cancel Order Popup Settings

<figure><img src="/files/NzWUJhclChdq20V9fneW" alt=""><figcaption></figcaption></figure>

* **Cancellation Popup -** Enable frontend cancellation popup from here.
* **Cancel Order Title -** From here, you can set the frontend order cancellation popup title that you want to display.
* **Cancel Item Title -** From here, you can set the frontend item cancellation popup title that you want to display.
* **Order Cancellation Reasons -** The extension comes with the option to add multiple order and item cancellation reasons to display in the store frontend popup as a dropdown.
* **Cancellation Popup Note -** Enter confirmation message for successful cancel request submission.

#### Cancel Order Approval Settings

<figure><img src="/files/qWar66maxUdT2yYzWmgu" alt=""><figcaption></figcaption></figure>

* **Admin Approval Required -** Set auto cancellation or manual approval for the cancellation request by the customer.
* **Order Rejection Reasons -** Add multiple order and item cancellation rejection reasons to display in the admin approval option as a dropdown.
* **Cancellation Pending Message -** Set message shown to customer when a cancellation request is pending from the admin for approval.
* **Cancellation Approved Message -** Set message shown to customer when a cancellation request is approved by the admin.
* **Cancellation Rejected Message -** Set message shown to customer when a cancellation request is rejected by the admin.

#### Auto Cancel Order Settings

The extension also supports auto-cancellation of orders based on certain conditions.

<figure><img src="/files/GpzYzWlwfnWB57I0uzhI" alt=""><figcaption></figcaption></figure>

* **Auto Cancel Order -** Enable automatic cancellation of orders.
* **Auto Order Statuses -** Select the order status to enable auto-cancellation of orders.
* **Payment and Duration -** Set payment methods and duration to enable auto-cancellation of orders.
* **Auto Cancel Start Date -** Set date and time to enable auto cancellation of orders.

#### Email Configuration Settings

<figure><img src="/files/1hkSiFWehLtxKMiuA6qa" alt=""><figcaption></figcaption></figure>

* **Send Emails to -** Enter the admin email ID to which you want to receive an order and item cancellation email.
* **Email Sender -** Select the Email sender using which you want to send the order and item cancellation email.
* **Email Template for Customer (Pending) -** Select the Email template that you want to use for sending the order and item cancellation approval pending email to the customer.
* **Email Template for Customer (Approved) -** Select the Email template that you want to use for sending the order and item cancellation approved email to the customer.
* **Email Template for Customer (Rejected) -** Select the Email template that you want to use for sending the order and item cancellation rejected email to the customer.
* **Email Template for Admin (New Request) -** Select the Email template you want to use for sending a new order and item cancellation request email to the admin.
* **Email Template for Customer (Auto Approved) -** Select the Email template that you want to use for sending the order and item cancellation automatically approved email to the customer.
* **Email Template for Admin (Auto Approved) -** Select the Email template that you want to use for sending the order and item cancellation automatically approved email to the admin.

#### SMS Gateway Settings

**MSG91 Configuration**

<figure><img src="/files/pRwIuHRfqlCrTyyQae50" alt=""><figcaption></figcaption></figure>

* **Cancel Order SMS Notification -** Enable it to send order and item cancellation notifications to customers via SMS.&#x20;
* **SMS Gateway -** Select the Msg91 SMS Gateway from the dropdown.
* **Msg91 Sender ID -** Enter the sender ID or Name provided by Msg91.
* **Msg91 Authentication Key -** Enter the authentication key of MSG91.
* **Send Message API -** Select the API for sending messages as a DLT Template or a Campaign Template.
* **Route -** Select the route from the dropdown, whether you need to send it as promotional or transactional.
* **API URL -** Enter API URL for Msg91.
* **DLT Dev Mode -** Admin can activate the DLT dev mode from here.

**Twilio Configuration**

<figure><img src="/files/jwtSP97sQqvW6GuZHdWa" alt=""><figcaption></figcaption></figure>

* **Cancel Order SMS Notification -** Enable it to send order and item cancellation notifications to customers via SMS.&#x20;
* **SMS Gateway -** Select the Twilio SMS Gateway from the dropdown.
* **NOTE:** To use Twilio SMS Gateway, you need to run the ‘**composer require twilio/sdk‘** command in the terminal.
* **Twilio Account SID -** You need to enter the Account SID from Twilio.
* **Twilio Auth Token -** Enter the Auth Token from Twilio.
* **Twilio Mobile Number -** Enter the mobile number that you have purchased from Twilio.

#### WhatsApp Configuration Settings

<figure><img src="/files/hRGEoWmYjst9TYYw6zIN" alt=""><figcaption></figcaption></figure>

* **WhatsApp Configuration -** Enable it to send order and item cancellation notifications to customers via WhatsApp.&#x20;
* **WhatsApp Gateway -** Select WhatsApp API as the gateway.
* **Client ID -** Add the client ID of WhatsApp API.
* **Instance ID -** Add the instance ID of WhatsApp API.
* **API URL -** Enter the API URL for WhatsApp API.

#### Country Flag Settings

<figure><img src="/files/aeNNfbVJOUnvkuUcBcbo" alt=""><figcaption></figcaption></figure>

* **Country Flag -** Enable country flag for mobile number from here.
* **Country Digit -** Add the country and allowed digits for validation. Admin can add countries according to the requirement and delete them easily.

#### Cancel Order Notification Templates

<figure><img src="/files/hfHQG1K00bhjn7L1GEfx" alt=""><figcaption></figcaption></figure>

* **Notification -** Enable SMS/WhatsApp notifications for order and item cancellation from here.
* **Notification Type -** Select the type of notification from here.
* **Order Auto Cancel Success Text -** Set custom text using variables for sending an order automatically cancelled notification to the customer.
* **Order Cancel Pending Text -** Set custom text using variables for sending an order cancellation pending approval notification to the customer.
* **Order Cancel Approved Text -** Set custom text using variables for sending an order cancellation approved notification to the customer.

<figure><img src="/files/zksu7JtSJN0s2q5pFF7z" alt=""><figcaption></figcaption></figure>

* **Order Cancel Rejected Text -** Set custom text using variables for sending an order cancellation rejected notification to the customer.
* **Item Auto Cancel Success Text -** Set custom text using variables for sending an item automatically cancelled notification to the customer.
* **Item Cancel Pending Text -** Set custom text using variables for sending an item cancellation pending approval notification to the customer.
* **Item Cancel Approved Text -** Set custom text using variables for sending an item cancellation approved notification to the customer.

<figure><img src="/files/phmYTkrrgAHvJRfM1UPg" alt=""><figcaption></figcaption></figure>

* **Item Cancel Rejected Text -** Set custom text using variables for sending an item cancellation rejected notification to the customer.
* **DLT Template ID -** Enter DLT Template ID. This is only for Msg91 SMS API users.
* **Campaign Name -** Enter Campaign Name. This is only for Msg91 SMS API users.


# Frontend Order Cancellation Popup

Once the customer logs in to their account and navigates to **“My Orders”**, they can find an option to cancel the complete order as shown below.

<figure><img src="/files/qdJaIFzGMGZJtmag0auH" alt=""><figcaption></figcaption></figure>

On clicking **View Order**, the customer can also find the option to cancel the complete order or cancel a specific item.&#x20;

<figure><img src="/files/VuN2XiiS8MhMrP0Vu2uF" alt=""><figcaption></figcaption></figure>

The extension comes with an order or item cancellation pop-up that triggers on the click of the ‘Cancel Order’ or ‘Cancel Item’ link on the front end. If you enable the pop-up, the extension will ask customers to choose the reason why they want to cancel the order or item, their mobile number, and additional comments; otherwise, the extension will directly cancel the order.

**Cancel Order Popup**

<figure><img src="/files/5s0SLijFFhlOr21cSdXR" alt=""><figcaption></figcaption></figure>

**Cancel Item Popup**

<figure><img src="/files/YQyHRybJ8NmIlN02Oi2P" alt=""><figcaption></figcaption></figure>

Once the customer fills in all the required order or item cancellation details, the extension will display a successful cancellation message, as shown below.

<figure><img src="/files/ElLWLKcHuchsL8itrzAr" alt=""><figcaption></figcaption></figure>

And this canceled order or item will automatically be listed in the backend canceled order grid.

Customers can view the refund of the canceled order from their My Account in the storefront.

<figure><img src="/files/uglcCbGW3B5lstjamyLY" alt=""><figcaption></figcaption></figure>


# Backend Canceled Orders List

The extension comes with a backend grid that automatically lists all canceled orders along with customer-specified reasons, date & time, product details, order status, cancellation status & type.

For that, navigate to **MageComp -> Canceled Orders** List from the admin panel.

<figure><img src="/files/eKeaOK2UG8xQ6EuuqOn2" alt=""><figcaption></figcaption></figure>

On clicking the **Edit**, the admin can approve or reject the cancellation request. For rejection, it asks the admin to select a reason.

<figure><img src="/files/LBNEoecjBHKlpFuHiIGy" alt=""><figcaption></figcaption></figure>

On clicking the **View Order**, the admin will be redirected to the backend order view, where the admin can view the same information for a specific order.

<figure><img src="/files/a4gnjO4WkXdDic9F9mpC" alt=""><figcaption></figcaption></figure>

If the order is in a processing state at the time of cancellation, the extension will automatically generate the credit memo.

<figure><img src="/files/JHvpPVCrSdmWZoZLiYtf" alt=""><figcaption></figcaption></figure>


# Email Notification

Admin is notified via email, along with the reason/comment, when a new cancellation request has been submitted by the customer.

<figure><img src="/files/2hNtcaOnlvKfRq8ZbliW" alt=""><figcaption></figcaption></figure>

Customers are notified via email when the order or item is automatically cancelled.

<figure><img src="/files/vGa3DWZBSwspGW642lTY" alt=""><figcaption></figcaption></figure>

Customers are notified via email when the order or item cancellation request is automatically approved.

<figure><img src="/files/Uqmli1TFGbFCspktaUPk" alt=""><figcaption></figcaption></figure>

Customers are notified via email when the order or item cancellation request is pending approval from the admin.

<figure><img src="/files/4vwQmA4Sufc0o2aB3qJY" alt=""><figcaption></figcaption></figure>

Customers are notified via email when the order or item cancellation request is approved by the admin.

<figure><img src="/files/LAzvxFwGTfFE524kvaAw" alt=""><figcaption></figcaption></figure>

Customers are notified via email along with the reason when the order or item cancellation request is rejected by the admin.

<figure><img src="/files/uREEUIedDGaiPecb2QcC" alt=""><figcaption></figcaption></figure>


# SMS and WhatsApp Notification

Customers are also notified via SMS and WhatsApp for their order or item cancellation requests.

**SMS**

<figure><img src="/files/YKTbgCFjxfbJUhmxXIZe" alt=""><figcaption></figcaption></figure>

**WhatsApp**

<figure><img src="/files/HBnJpKCrn3bvpFlfVdtO" alt=""><figcaption></figcaption></figure>

If anything goes wrong, please contact us at <support@magecomp.com>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sBXwjvYjk>


# Magento 2 Advanced Extra Fee Extension

<figure><img src="/files/vAzDcmO0Z7LrEbfSkdG5" alt=""><figcaption></figcaption></figure>

Magento 2 Advanced Extra Fee by MageComp allows you to charge your customer by offering extra paid services & your customer can buy services if needed while checkout.

## [Buy Now](https://magecomp.com/magento-2-advanced-extra-fee.html)


# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration** to configure the extension for use.

<figure><img src="/files/flekYdobwCyE0vuOdv5l" alt=""><figcaption></figcaption></figure>

* **Advanced Extra Fee –** Enable the Extension from here.


# Checkout Step Options

<figure><img src="/files/lSxrqvoT43KEgk25EqV0" alt=""><figcaption></figcaption></figure>

Once you have configured the extension, now setup checkout addons to display in store frontend.

* **Step Title:** Option to set a custom checkout step title to display in store frontend.
* **Required Selection:** Set “Yes” if you want your customer to make a compulsory selection from checkout addons.
* **Checkout Addons:** From here, you can add one or more checkout addons to display in frontend checkout step.
* **Accept Customer Comment:** Choose “Yes” to display customer comment box in store frontend.


# Tax Settings

<figure><img src="/files/vHrCfpQHCImYyD2SqlZ7" alt=""><figcaption></figcaption></figure>

* **Calculate Tax On Advance Extra Fee –** Enable it to add tax on extra fees.
* **Tax Class –** Select the tax class to calculate tax on extra fees.


# Custom Checkout Step in Frontend

Once you have configured the extension from the backend and added different checkout Addons, the extension will add a custom checkout step in frontend let your customer choose their required addons. You are free to customize and add your custom checkout addons and can charge the customer for buying extra service. Here are some example of custom checkout addons.

* **Custom Checkout Step for Delivery Options**&#x20;

<figure><img src="/files/8qc8wUBHu2t8Pxkgb0xV" alt=""><figcaption></figcaption></figure>

* **Custom Checkout Step for Gift Options**&#x20;

<figure><img src="/files/EutHgk9Ltnm5hl9ezIgk" alt=""><figcaption></figcaption></figure>

* **Custom Checkout Step for Insurance Options**&#x20;

<figure><img src="/files/BQ0maEVAvoMObHkLCXGH" alt=""><figcaption></figcaption></figure>

* **Custom Checkout Step for Support Options**&#x20;

<figure><img src="/files/v5wCVetMcLKgkDxotTOJ" alt=""><figcaption></figcaption></figure>

Tax included at checkout order summary for extra addons

<figure><img src="/files/NnuMLeHvGpBm0mvj3I00" alt=""><figcaption></figcaption></figure>


# Selected Addons in Backend View

Once your customer has placed an order from the store frontend, the admin will able to see customer selected checkout addon in backend sales order grid view.

<figure><img src="/files/cVfUzeoE4iodi93Fx9h2" alt=""><figcaption></figcaption></figure>

Moreover, admin can see selected checkout addon in all Magento generate order summary bifurcation.

<figure><img src="/files/sh4rayr2G7OAtSYBOB8h" alt=""><figcaption></figcaption></figure>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sBY4HT3hq>


# Magento 2 Checkout Success Page / Thank You Page Extension

<figure><img src="/files/7NgkOb8UhoIaEedENZNK" alt=""><figcaption></figcaption></figure>

Transform Magento 2’s default Order Complete page to a branded, high-converting experience for customers by using the Checkout Success Page Extension in Magento 2. Take advantage of the Thank You page by offering promotional banners, social media links, promotional coupon codes, CMS blocks, newsletter sign-ups, product recommendations, etc., to entice customers to buy again or purchase additional products after checkout.

## [Buy Now](https://magecomp.com/magento-2-checkout-success-page.html)


# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration -> MageComp -> Checkout Success** to configure the extension for use.

#### Template Settings

<figure><img src="/files/GjQXKHJBLkrwXoZ8QnCx" alt=""><figcaption></figcaption></figure>

* **Select Template -** Choose a thank you page template from pre-defined templates.
* **Template Preview -** Shows the wireframe preview of the template based on the selection.

#### Title Section

<figure><img src="/files/JvgglcTxPVRrcPkaNRS5" alt=""><figcaption></figcaption></figure>

* **Banner Type -** Set the thank you page banner type as solid color or upload banner image.
* **Banner Background Color -** Set the background color of the banner if the banner type is selected as solid color.
* **Upload Banner Image -** Upload the background image of the banner if the banner type is selected as banner image.
* **Success Icon -** Enable it to show the success icon in the thank you page banner.
* **Upload Success Icon -** Upload the success icon image.
* **Title -** Set the title text of the thank you page banner.
* **Description -** Enable it to add description below the title in the thank you page banner.
* **Description Text -** Set the description text of the thank you page banner.
* **Content Text Color -** Set the color for title and description in the thank you page banner.
* **Order Button Background Color -** Set the background color of the order ID button in the thank you page banner.
* **Order Button Text Color -** Set the text color of the order ID button in the thank you page banner.
* **Print Order Button -** Enable the option to print the order from here.

#### Order Information Section

<figure><img src="/files/cTwqNv0MAehLRtAMJLsP" alt=""><figcaption></figcaption></figure>

* **Order Information Section -** Enable to show order details in tabular format on the thank you page.
* **Address Information -** Enable to show shipping, billing, and payment details on the thank you page.

#### Social Share Section

<figure><img src="/files/LDxZ0TtKxajM8bZAjvR5" alt=""><figcaption></figcaption></figure>

* **Social Share -** Enable to show social share buttons on the thank you page.
* **Title -** Set the title of the social share section.
* **Facebook URL -** Enter your Facebook profile URL.
* **Twitter URL -** Enter your Twitter profile URL.
* **Instagram URL -** Enter your Instagram profile URL.
* **YouTube URL -** Enter your YouTube profile URL.

#### Newsletter Subscription Section

<figure><img src="/files/8nXN1KEU0QlEunsU0mjL" alt=""><figcaption></figcaption></figure>

* **Newsletter Subscription -** Enable to show newsletter signup form in the thank you page.

#### Coupon Code Section

<figure><img src="/files/K8lwSrQsr3T97NQtSJxr" alt=""><figcaption></figcaption></figure>

* **Coupon Code -** Enable the coupon code section in the thank you page.
* **Coupon Banner -** Upload coupon code section banner from here.
* **Title -** Set the title of the coupon code section.
* **Description Text -** Set the description text of the coupon code section.
* **Coupon Code -** Add the coupon code that you created in cart rice rules.
* **Coupon Button Background Color -** Set the background color of the coupon code section.
* **Coupon Button Text Color -** Set the text color of the coupon code section.
* **Coupon Code Based On -** Enable coupon code in the thank you page for all customers or on the basis of order subtotal or order quantity.
* **Target Subtotal -** Set the amount for coupon code eligibility if the coupon code is based on subtotal.
* **Target Quantity -** Set the quantity for coupon code eligibility if the coupon code is based on quantity.
* **Customer Groups -** Select customer groups to provide the coupon code.

**NOTE -** You must create a coupon code in Marketing > Promotions > Cart Price Rules to use it here.

#### CMS Block Section

<figure><img src="/files/wC7uVS9vmYijqh9FFhBG" alt=""><figcaption></figcaption></figure>

* **CMS Block -** Enable it to add CMS blocks in the thank you page.
* **CMS Blocks -** Choose respective CMS blocks to display announcements, marketing campaigns, offers, or discounts in the thank you page.

**NOTE -** You must create CMS blocks in Content > Elements > Blocks to use it here.

Learn - [**How to Create New CMS Block in Magento 2?**](https://magecomp.com/blog/create-new-cms-block-in-magento-2/)


# Frontend Checkout Success Page

Once you have configured the extension from the backend, the extension will display an attractive thank-you banner. It also displays all order-related details in an easily understandable tabular format, like an order receipt that contains ordered item details, shipping & billing address, and selected shipping & payment method information. Based on your configuration, it will display various sections like newsletter, social media, and coupon code. Grab the customer's attention using CMS blocks to display announcements, sales, and marketing campaigns.

<figure><img src="/files/fzmUbM74RqCsScHMvHU9" alt=""><figcaption></figcaption></figure>

If anything goes wrong, please contact us at <support@magecomp.com>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/27014005/2sBXwpQCNW>


# Magento 2 Edge Express Payment Gateway

<figure><img src="/files/RKTd16JR0O4VtgfwTx2q" alt=""><figcaption></figcaption></figure>

Edge Express Payment Gateway Extension for Magento 2 by MageComp integrates OpenEdge's hosted payment checkout to perform seamless in-store transactions with its lighter API.

## [Buy Now](https://magecomp.com/magento-2-edge-express-payment-gateway.html)


# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration -> Sales -> Payment Methods -> Secure Edgeexpress Standard Payment** to configure the extension for use.

<figure><img src="/files/1YVw0BHAXcjekIHzF40B" alt=""><figcaption></figcaption></figure>

* **Enabled:** Option to enable or disable extension.
* **Title:** Set title to display in store frontend.
* **Merchant ID:** Enter the merchant ID provided by Edge Express to accept payment in Kwanzas.
* **Terminal ID:** Enter the terminal ID provided to you.
* **Authentication Key:** Enter your Edge Express authentication key here.
* **Staging/Test Mode:** Enable or disable debugging mode if needed.
* **New Order Status:** Using this option, you can assign an order status to a new order.
* **Payment from Applicable Countries:** Make a choice that you want to accept payment from all countries or specific countries.
* **Payment from Specific Countries:** If you have enabled the Edge Express Extension for specific countries, kindly select the countries for which you want to enable Edge Express.
* **Sort Order:** You can assign a sort order to display Edge Express at the top of all Payment methods.


# Edge Express in Frontend

Once you have enabled and configured it properly from the backend. Your customer will see Edge Express Payment Option while checking out under the hood of the Payment methods. If the customer selects Edge Express as the payment option, the extension will redirect the store customer to the Payment Gateway provider and set the order status as per the backend configuration.

<figure><img src="/files/sCU0RVNQZUQCElahNHVl" alt=""><figcaption></figcaption></figure>


# In Backend Order View

Once an order is placed by your customers, the admin will be able to see the Edge Express payment method in the backend order view.

<figure><img src="/files/zbWihBF5D30xnllDJI3u" alt=""><figcaption></figcaption></figure>

* if something goes wrong, please contact us at <support@magecomp.com>


# FAQs

**What if I get “Access denied” error after installation of the extension?**

Whenever you get Access denied error while clicking on the extension tab after installation, log out admin panel and re-login.


# Magento 2 SMS Notification Extension \[PRO]

<figure><img src="/files/scxSYgrnOmZuCaWcSIp0" alt=""><figcaption></figcaption></figure>

Magento 2 SMS Notification Extension by MageComp notifies store customers & admin regarding different status activities as well as you can send Bulk SMS to your customers.

## [Buy Now](https://magecomp.com/magento-2-sms-notification-pro.html)


# Configuration

**Note:**\
**If you don’t want all SMS addons to be installed, you can go for any one SMS addon installation.**

For example,

Magecomp\_Mobileloginmsg91

* **SMS Addons are already added to our standard extension package.**
* **One SMS Addon is required to get a dropdown in SMS API configuration.**

**1. Configuration**

<figure><img src="/files/4b7njGipHOyjGVf4Afea" alt=""><figcaption></figcaption></figure>

**SMS Notification:** Enable the extension to apply in your store.

**2. SMS Gateway**

**SMS Gateway:** For selecting your desired SMS gateway group.\
**Msg91 Sender ID:** For adding and setting up the sender ID.\
**Msg91 Authentication Key:** Add the key of authentication here.

**SMS Gateway Providers**

<figure><img src="/files/kWsrcqrbcTIJu5nN4jf4" alt=""><figcaption></figcaption></figure>

**3. General Configuration**

<figure><img src="/files/GQfexvtWqU1FjKct4DxI" alt=""><figcaption></figcaption></figure>

**OTP Type:** For setting your desired OTP type from here.\
**OTP Length:** For setting your desired OTP length from here.\
**Button Style Class:** For adding the multiple CSS class for the button style accordingly.\
**Import Phonebook:** Easily import your phonebook by uploading the CSV file with the name and Mobile number fields.

**3. Country Flag Settings**

<figure><img src="/files/5AOP2Lhi7e7iPzGQwjPW" alt=""><figcaption></figcaption></figure>

**Country Flag:** Select YES option to enable the Country Flag feature.\
**Set Country Automatically:** For automatically setting the country flag based on the IP address.\
**Country Digit:** Set the validation for allowed mobile number digits based on country.

<figure><img src="/files/JdPplIbvKVQaWaDf0fE8" alt=""><figcaption></figcaption></figure>

**Note:** To set the Default SMS Country, the “Set Country Automatically” field must be set to No.


# User SMS Templates

Once you are done with the API configurations, you are ready to use the SMS notification pro for your various store activities. For that purpose, enlarge the “User Templates” tab. In this tab, you will find various user template notification settings.

<figure><img src="/files/oHlpqyNNmIDl7rxnI5TV" alt=""><figcaption></figcaption></figure>

**OTP at Registration**\
**Confirmation:** Select YES option to enable the OTP at Registration feature for customer registration.\
**Confirmation Text:** One can add their desired message for sending to customers for OTP confirmation.

**Registration Notification**\
**Notification:** Select yes for sending the registration notification to your customers.\
**Notification Text:** One can add their desired message which will be sent when the customers are registered successfully.

<figure><img src="/files/fWrhojXgjUxqQ7cfTdHj" alt=""><figcaption></figcaption></figure>

**OTP at my account**\
**Confirmation:** Select yes and then the customers can easily change their mobile number by getting the OTP.\
**Confirmation Text:** One can add their desired message which will be sent when the customers request to change the mobile number.

<figure><img src="/files/uO4PN3dfNlqT6AopEmAU" alt=""><figcaption></figcaption></figure>

**OTP at Checkout**\
**Confirmation:** Select yes for letting your customers verify at checkout via OTP verification which is generally based on the payment methods and customer groups.\
**Confirmation Text:** One can add their desired message for OTP confirmation sent to customers during checkout.\
**Payment Methods:** Select your desired payment method for which you want to set OTP verification.\
**Customer Groups:** Select your desired customer groups for which you want to set OTP verification.

<figure><img src="/files/atmaoZmpDhFAtSlhzw77" alt=""><figcaption></figcaption></figure>

**Place Order Notification**\
**Notification:** Select yes for sending the SMS notification of order placed to your customers when the order is placed.\
**Notification Text:** Add your desired notification message for sending to customers when the order is placed.

**Invoice Notification**
\
**Notification:** Select yes for sending the SMS notification of invoice to your customers when the invoice is generated.
\
**Notification Text:** Add your desired notification message for sending to customers when the invoice is generated.

<figure><img src="/files/oLhnLuObZkjhd6M3uN1b" alt=""><figcaption></figcaption></figure>

**Shipment Notification**\
**Notification**: Select yes for sending the SMS notification to your customers when the order is shipped\
**Notification Text:** Add your desired notification message for sending to customers when the order is shipped.

**Manual Shipment Tracking Information**
\
**Notification:** Select yes for sending the SMS notification to your customers for shipment tracking information notification.
\
**NOTE:** You must Add Tracking Number on Shipment View Page. For that, go to Sales > Orders > Edit Order > Ship > Shipping Information.

**Tracking URL:** Add tracking URL.

<figure><img src="/files/DxqMIGhwun3qCZ9NChC9" alt=""><figcaption></figcaption></figure>

**Credit Memo Notification**
\
**Notification:** Select yes for sending the SMS notification to your customers when the credit memo is issued.
\
**Notification Text:** Add your desired notification message for sending to customers when the credit memo is issued.

**Cancel Order Notification**\
**Notification:** Select yes for sending the SMS notification to your customers when the order is canceled.\
**Notification Text:** Add your desired notification message for sending to customers when the order is canceled.

<figure><img src="/files/ZSH3b1oNR8WEAggfSeis" alt=""><figcaption></figcaption></figure>

**Hold Order Notification**
\
**Notification:** Select yes for sending the SMS notification to your customers when the order is on hold.
\
**Notification Text:** Add your desired notification message for sending to customers when the order is on hold.

**Contact Notification**\
**Notification:** Select yes for sending the SMS notification to your customers when the contact inquiry is successfully sent.\
**Notification Text:** Add your desired notification message for sending to customers when the contact inquiry is successfully sent.

<figure><img src="/files/sZASbImtwHk0HUSN4Zo4" alt=""><figcaption></figcaption></figure>

**Review Reminder Type:** One can select the review reminder type for customers from here.\
**Review Reminder Frequency:** Easily set your desired number of days for sending the review reminder to customers.\
**Email Template:** One can select the Email template for sending the review reminder to the customer\
**Email Sender:** One can select the sender of the email from here..\
**SMS Notification Text:** Add your customized text message to send to your customers for review reminder notification.

Once you saved all the User templates, various store activities notification SMS will be sent to the customers.


# Admin SMS Templates

The extension facilitates to send notification text to admin as well for various order activities. For that purpose, enlarge the “Admin Templates” tab. In this tab, you will find various admin template notification settings.

<figure><img src="/files/ZXSosfRlCO3O5UsvnrLl" alt=""><figcaption></figcaption></figure>

**Admin Mobile Number:** From here you can add admin mobile number with the country to send the SMS notification to the admin also has a facility of adding multiple mobile numbers by separating it with coma.

**Registration Notification**\
**Notification:** Select yes for sending the SMS notification to your admin when any customer registers.\
**Notification Text:** Add your desired notification message for sending to admin when any customer registers.

<figure><img src="/files/hnTMJETHqfNbSszAcTFo" alt=""><figcaption></figcaption></figure>

**Place Order Notification**\
**Notification:** Select yes for sending the SMS notification to your admin when any new order is placed.\
**Notification Text:** Add your desired notification message for sending to admin when any new order is placed.

**Invoice Notification**\
**Notification:** Select yes for sending the SMS notification to your admin when any invoice is generated.\
**Notification Text:** Add your desired notification message for sending to admin when any invoice is generated.

<figure><img src="/files/CxTuzB8muwsQnNMhU2RP" alt=""><figcaption></figcaption></figure>

**Shipment Notification**\
**Notification:** Select yes for sending the SMS notification to your admin when any shipment is created.\
**Notification Text:** Add your desired notification message for sending to admin when any shipment is created.

**Credit Memo Notification**\
**Notification:** Select yes for sending the SMS notification to your admin when any credit memo is issued.\
**Notification Text:** Add your desired notification message for sending to admin when any credit memo is issued.

<figure><img src="/files/9HzAs5ECpoJMJDdNWHqp" alt=""><figcaption></figcaption></figure>

**Contact Notification**\
**Notification:** Select yes for sending the SMS notification to your admin when any customer fills up the contact form.\
**Notification Text:** Add your desired notification message for sending to admin when any new order is placed

You can use various objects & variables inside Notification text. For more information, you can refer guide that provided inside the package. Once you saved the Admin Templates, various store activities notification SMS will be sent to the admin.


# Mobile Number Verification

**Customer Create Account**

After mobile verification, customers get a notification on their mobile phone for each ordering activity from order placement to cancellation

<figure><img src="/files/vEePcRaSwfWb96T4SUO7" alt=""><figcaption></figcaption></figure>

**Order Placement**

Verify the mobile number using OTP  before placing an order for logged in as well as guest customers

<figure><img src="/files/Of93ITczxHAxp8RPXhxK" alt=""><figcaption></figcaption></figure>


# Update Mobile Number from My Account

**Verify Mobile Number Section**

After mobile verification, customers get a notification on their mobile phone for each ordering activity from order placement to cancellation

<figure><img src="/files/aD8UY8vzoOJV9Oycujxu" alt=""><figcaption></figcaption></figure>

Verify mobile number using OTP

<figure><img src="/files/Oe3cciDxcHM0t2zFupCg" alt=""><figcaption></figcaption></figure>

Mobile Number Verification success message

<figure><img src="/files/ssuVR4ARaIE9BfeNH6DT" alt=""><figcaption></figcaption></figure>

**Address Book Section**

The mobile number field with country flag is added to the Add New Address

<figure><img src="/files/28QZrAatNWkGXEcOlkqo" alt=""><figcaption></figcaption></figure>


# OTP verification in frontend

Once SMS notification is configured, the extension requires the user to verify the mobile number before placing an order for the first time. Enter mobile number and click Send OTP to get OTP on the entered mobile number.

<figure><img src="/files/wxJcmqwkDOx5uke9EQV5" alt=""><figcaption></figcaption></figure>

After successful completion of verification, the mobile number will be saved to a customer account. And the customer can proceed further to continue the checkout process.

<figure><img src="/files/WVFdFLeHH1mgGvO1e1G4" alt=""><figcaption></figcaption></figure>


# Mobile Number Validation

Mobile Number Validation at Customer Create Account

<figure><img src="/files/oXwqp4GBo69OCIFAD6Of" alt=""><figcaption></figcaption></figure>

Mobile Number Validation at Checkout Page

**Note –** If the mobile number in the checkout page does not match the validation set in the Country Flag Settings, it will show an error message but still allow you to proceed further.

<figure><img src="/files/fxwyY3UhtTSZKfVFXuau" alt=""><figcaption></figcaption></figure>

**Note –** When a customer proceeds to payment from checkout, it will show the mobile number field without a country flag in the billing address. Check the image below

<figure><img src="/files/IhCGpIXBQbqARgQ2Vq4h" alt=""><figcaption></figcaption></figure>

Mobile Number Validation at Verify Mobile Number

<figure><img src="/files/yGjJrILJmRc6JTYP1b2z" alt=""><figcaption></figcaption></figure>

Mobile Number Validation at Add New Address

<figure><img src="/files/zbVPFCXXjkBjZY6Vt4qP" alt=""><figcaption></figcaption></figure>

Mobile Number Validation at Edit Address

<figure><img src="/files/bSmZAO0jL1mhgIxu8AcR" alt=""><figcaption></figcaption></figure>


# Send Bulk SMS to customers

For sending bulk SMS to your customers just add the phone numbers and the Text to send in the Send Bulk SMS option

<figure><img src="/files/1RbYNKQYqEsEXotONa6T" alt=""><figcaption></figcaption></figure>


# Send shipment tracking information

The Extension also provides the functionality of sending the Shipment Tracking information just by adding the Mobile number of the customer in the send customize shipment SMS option and clicking on **Send Tracking Information** button on the top right corner.

<figure><img src="/files/kEN5aetTaEXJyyr83J8C" alt=""><figcaption></figcaption></figure>


# SMS Phonebook

Through this Extension, you can add multiple customer contact in your phonebook just by clicking **Add New Phone** located at the top right corner of the phonebook option.

<figure><img src="/files/bxiknhPDe36w8O6XDX2Q" alt=""><figcaption></figcaption></figure>

In order to Add or edit the phone book entry go to **Phonebook Information**->**Entry Setting** and **Entry Information**. After providing the phonebook entry click Save Entry on the top right corner.

<figure><img src="/files/WuSqcVxci0X0tgoPtsKb" alt=""><figcaption></figcaption></figure>

* **Name:** Enter the name using which you want to save the mobile number.
* **Mobile:** Enter the mobile number here.

Lastly, click on Save Entry button to save phonebook entry.


# Block Number

Admin can block desired mobile numbers to restrict login. For that, move to MageComp > Blocked Numbers.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXchdKffc5zWJSnY-c3o8d6hLO9Kg38EzG4P2ZMmtmpC4fgRC8mcWXJdtLiQcx1ucmCBB1Z_GbGtqmSqQWtiKj5VmOopvg1Vq2f1JHYOlclohPP7qkZpWgAF3dITqQbvW6fasBfrekk2hlavlx8sIQ?key=qaZTMINRHOkmpTJaIdeUo5fX" alt=""><figcaption></figcaption></figure>

Add a new number to block or view the list of blocked numbers from the backend admin grid.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfEO_rQgF5brxn6lx8sOqI2HhjAoQDLbVEIdfGSDl0VKsxxxklQx422W1znU0UBtUkoxlPjtrJfBzMMahveJ0S8OkVlR9ltOmoZwBkC_9FQoxqJ8oEi0WSTZ_4TsB6qQ5miyrfmicauS-bX4fVNTkQ?key=qaZTMINRHOkmpTJaIdeUo5fX" alt=""><figcaption></figcaption></figure>

Add a mobile number and save to block the number for login.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc9iITXkvCqZn4XVixmGI-Gg6BAhhU3cbkGDYX0maROKnBek2OiQF6Fjyp5UGBylJKv-XTN5D0XUPl4qjrQVmD_2A1eq7FKPTxAqv6U1dG0mOZc0zKt7PxPUDQPOFh7VTFfRzAU0OOjRX5utO0XBmg?key=qaZTMINRHOkmpTJaIdeUo5fX" alt=""><figcaption></figcaption></figure>

If anything goes wrong, please contact us at <support@magecomp.com>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sB3BBpX2C>


# Magento 2 404 Notifier Extension

<figure><img src="/files/Vl6yo4ak0L9pgXKwOtfk" alt=""><figcaption></figcaption></figure>

Magento 2 404 Notifier helps you get Email notification for every 404 page attempt by users.

## [Buy Now](https://magecomp.com/magento-2-404-notifier.html)


# Configuration

Once you have successfully installed the extension, go to **Stores → Configuration** to configure the extension for use. Here you can find various settings for the extension.

<figure><img src="/files/jWoPQc7GQuGAMu5pwZ04" alt=""><figcaption></figcaption></figure>

* **404 Notifier:** Enable or disable 404 Notifier extension from here.
* **Send Emails To:** Enter Email ID of the admin on which you want to receive mails for 404 page notifications.
* **Email Sender:** Select Email sender from the drop down.
* **Email Template:** Select template for 404 notification Email.


# 404 Notifier in Frontend

Once you have successfully configured 404 Notifier. Try typing wrong URL or get 404 URL on your website.

<figure><img src="/files/OIRvlHE6PwoHG69D08i6" alt=""><figcaption></figcaption></figure>

* Once any 404 page is typed or searched, immediately admin get notification on registered Email ID.

<figure><img src="/files/jq28c8k2x24Vu1mDBwVp" alt=""><figcaption></figcaption></figure>


# 404 Notifications in backend

Apart from Email notification to admin, every 404 attempts get recorded in backend in a separate grid as well. Go to MageComp 404 Notifier à 404 Notifications, here you can find a separate grid of 404 notifications along with the details like URL, client IP and date and time of 404 attempt.

<figure><img src="/files/h9r77LS3S4td6mLCukMx" alt=""><figcaption></figcaption></figure>

* If something goes wrong, please contact us at <support@magecomp.com>


# FAQs

**What if I get “Access denied” error after installation of the extension?**

Whenever you get Access denied error while clicking on the extension tab after installation, log out admin panel and re-login.


# Magento 2 Discount Percentage Extension

<figure><img src="/files/NgxFJxVDaDgPhUhUaNV1" alt=""><figcaption></figcaption></figure>

Discount Percentage Extension for Magento 2 by MageComp calculates and displays discount percentage on the product page if the product contains a special price.

## [Buy Now](https://magecomp.com/magento-2-discount-percentage.html)


# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration** to configure the extension for use.

<figure><img src="/files/CaBVE50WeFOogFFIc32O" alt=""><figcaption></figcaption></figure>

* **Discount Percentage:** Option to enable or disable discount percentage in frontend.

**NOTE –** The extension is compatible with all Magento products except Bundled Products.


# Discount Percentage in Frontend

Once you have enabled the extension from the backend, the extension will display discount percentage on the frontend product page. The extension will automatically fetch the product’s special price and calculates discount percentage accordingly.

<figure><img src="/files/OEbnAuA9fbnU7cWozQay" alt=""><figcaption></figcaption></figure>

Discount Percentage supported for Grouped Products

<figure><img src="/files/Sy8KjGWkfzBN4lmCNBp0" alt=""><figcaption></figcaption></figure>

Discount Percentage supported for Configurable Products with Dropdown option

<figure><img src="/files/Ommxm7Tw2B8TvMFmhx5t" alt=""><figcaption></figcaption></figure>

Discount Percentage supported for Configurable Products with Swatch option

<figure><img src="/files/ATqYdl0CEjOh1dbaSVVt" alt=""><figcaption></figcaption></figure>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sBXwjwtjq>


# Magento 2 Assign Order to Customer Extension

<figure><img src="/files/d0IjoevBgiemWzetKkJr" alt=""><figcaption></figcaption></figure>

Assign Order to Customer Extension for Magneto 2 by MageComp allows the customer to retrieve access to their guest checkout orders by entering order ID in their account section.

## [Buy Now](https://magecomp.com/magento-2-assign-order-to-customer.html)


# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration** to configure the extension for use.

<figure><img src="/files/Avht9MRtKUvt9yZWdcZ4" alt=""><figcaption></figcaption></figure>

* **Assign Order to Customer:** Enable or disable extension from here.


# Assign Order Tab in Frontend

In Frontend, your customer will able to find a separate tab under the hood of their account section to assign their guest order to the customer itself.

<figure><img src="/files/Wp1H8hZkILrBslWaJYA1" alt=""><figcaption></figcaption></figure>

Once the customer enters their guest order id in the box and clicks on the assign order button, the extension will show success message to the customers.

<figure><img src="/files/bteA24NEk4or1l2gxwGu" alt=""><figcaption></figcaption></figure>

If the order ID entered by the customer will not match the order email, the extension will show an error at the top for the same.

<figure><img src="/files/FYxs5GZk0N1urOFJfqzh" alt=""><figcaption></figcaption></figure>

If the customer enters the wrong guest order ID in the box, the extension will also show an error for the same.

<figure><img src="/files/mXXqfQRZ1PhXWIxy3MjP" alt=""><figcaption></figcaption></figure>


# Assigned Order in My Orders

Once the order is assigned to the customer, they can view all the order details and updates from their account section at any time.

<figure><img src="/files/mVza7rDYxZJmUi4zCcW0" alt=""><figcaption></figcaption></figure>


# Backend Assign Order Comments

In Backend order view, the admin can see customer assign status and attempts at the bottom of order details.

<figure><img src="/files/46bx5wnDGVUbbf8A20vV" alt=""><figcaption></figcaption></figure>


# REST API and GraphQL

Follow this GraphQL and REST API Document

<https://documenter.getpostman.com/view/3709944/2sB2j7eqDP>


# Magento 2 Product Images Order View Extension

<figure><img src="/files/1lSJSO7PzMVrLRwET31A" alt=""><figcaption></figcaption></figure>

Magneto 2 Product Images Order View Extension by MageComp allows the admin to view the product images in the order view page in the back-end.

## [Buy Now](https://magecomp.com/magento-2-product-images-order-view.html)


# Configuration

Once the extension is installed successfully, go to **Stores > Configuration** to configure the extension for use.

<figure><img src="/files/DlOs4OeuyDzg0wDggtqR" alt=""><figcaption></figcaption></figure>

**Product Images:** Enable or Disable the extension from here. Set it as enable to use the features of the extension.


# Product Images Display in the Back-end

When you enable the extension you will be able to view the product Images of all the orders in the order section page from the back-end.

<figure><img src="/files/V0DymBEOTVCMyVnZdTos" alt=""><figcaption></figcaption></figure>

* If anything goes wrong, please contact us at <support@magecomp.com>


# Magento 2 Newsletter Popup Extension

<figure><img src="/files/dW25OD0H3wXShnC6f803" alt=""><figcaption></figcaption></figure>

Magento 2 Newsletter Popup Extension from MageComp will help Magento store owners to grow their brand awareness, promote, and update their customers through Email marketing strategy. The extension helps you to grow your sales and increase the list of loyal customers.

## [Buy Now](https://magecomp.com/magento-2-newsletter-popup.html)


# Configuration

Once the extension is installed successfully, go to **Stores > Configuration** to configure the extension for use.

<figure><img src="/files/G5qDLjFPBzZAz7sxaWkL" alt=""><figcaption></figcaption></figure>

* **Newsletter Popup:** Enable or Disable the extension from here. Set it as enabled to use the features of the Magento 2 Newsletter Popup.
* **Delay Before Popup:** Admin will have to add the time in seconds they desire to display the popup on the frontend of the store.
* **Popup Title:** Add appropriate popup title for up to 45 characters according to your requirement here.
* **Popup Text:** Add appropriate popup text for up to 45 characters according to your requirement here.


# Frontend display of Newsletter Popup

Frontend display of newsletter on the desktop screen of your store.

<figure><img src="/files/xZCvqmZ4IVgLqOChQdHG" alt=""><figcaption></figcaption></figure>

Frontend display of newsletter on the mobile screen of your store.

<figure><img src="/files/NcUeAhQqYkVODbQ8gDEj" alt=""><figcaption></figcaption></figure>

Frontend display of newsletter on the tablet screen of your store.

<figure><img src="/files/Rq2cZTwTxA721ls8hRe9" alt=""><figcaption></figcaption></figure>

**If anything goes wrong, please contact us at** [**support@magecomp.com**](mailto:support@magecomp.com)


# Magento 2 Mobile OTP Login \[FREE] Extension

FREE Magento 2 Mobile OTP Login extension by MageComp helps your customers sign in speedily using their registered mobile number.

<figure><img src="/files/h8AN2AzwVMxwehg7hXa2" alt=""><figcaption></figcaption></figure>

FREE Mobile Login OTP extension for Magento 2 by MageComp helps customers sign in speedily using their registered mobile number. Login with mobile number feature makes sign-in procedure more convenient.

## [Buy Now](https://magecomp.com/magento-2-mobile-login-free.html)


# Configuration

Once the extension is installed successfully, go to **Stores > Configuration** to configure the extension for use.

<figure><img src="/files/C3s60XiSx5JOCJna72yS" alt=""><figcaption></figcaption></figure>

**Enable:** Enable or Disable the extension from here. Set it as enabled to use the features of the Magento 2 Mobile Login FREE.

**Customer Login With:** Admin can choose their preferred customer login via the extension.


# Frontend display of Mobile Login

Customers can login using their mobile number from the frontend of your store.

<figure><img src="/files/elGJcNVxFXbpLwZ1dqVQ" alt=""><figcaption></figcaption></figure>

Customers can easily login with the help of their mobile number and email id from the frontend of your store.

<figure><img src="/files/WdbJeFwAlliVLcaarZ8Y" alt=""><figcaption></figcaption></figure>

Display of mobile number field in the account information on the frontend of your store.

<figure><img src="/files/mTtjRGcNhMiRQjW6IxFn" alt=""><figcaption></figcaption></figure>

**If anything goes wrong, please contact us at** [**support@magecomp.com**](mailto:support@magecomp.com)




---

[Next Page](/llms-full.txt/1)