Posts

Ultimate Magento 1 Developer Guide : How to get Country and Region Collection using rest API in Magento 1.x ?

Sooner or later you’ll run into a case where you need REST API for your online store and you found that Magento 1 does not support all Magento 1 REST API. What should you do now? How can you write REST API for your online store as per client need?

The Magento 1 REST API allows you to use various data entities such as customer, catalog and order information to third party applications. I’d like to share it with you a quick, simple, well written and easy solution which will explain how can you retrieve the data with the help of REST API.

When working with Magento 1 REST API, for some specific reasons a developer wants to access a list of countries with regions to display the countries list on the mobile app. We first needed to access a collection of countries in Magento 1, then we will get the region based on the country. Below is some sample code that we can use to access country names and codes in Magento.

Magento 1 collection of all countries

Magento 1 has a model which provides all the countries list and below is the code for getting the collection of all countries.

       public function getCountryCollection(){
            //get the all countries
            $countryCollection = Mage::getModel('directory/country_api')->items();
       }

Magento 1 collection of regions related to specific country

Magento 1 has a predefined model which takes countryId and return all the available region, below is the code for getting the available region based on the countryId.

      public function getRegionByCountryId(){
              // get region based on countries
              $regions = Mage::getModel('directory/region_api')->items($countryId);
      }

Get All countries Collection with their Region

Magento 1 has a predefined way to get countries and available region of the specified countries but does not provide the all countries list with the available region. I have used both above ways to create a single REST API and get all the countries along with the regions. Below is the complete code.

        
public function getCountriesWithRegions(){
         //get all countries
        $countryCollection = Mage::getModel('directory/country_api')->items();
	$countries = array();
	foreach($countryCollection as $country)
	{	
		// get region based on countries
		$regions = Mage::getModel('directory/region_api')->items($country['country_id']);
		$availableRegion = array();
		foreach ($regions as $region){
			$temData = array(
				'id' => $region['region_id'],
				'code' => $region['code'],
				'name' => $region['name']
			);
			array_push($availableRegion, $temData);
		}
			
		// creating array which contains country with available region
		$data = array(
			'id' => $country['country_id'],
			'two_letter_abbreviation' => $country['iso2_code'],
			'three_letter_abbreviation' => $country['iso3_code'],
			'full_name_english' => $country['name'],
			'available_regions' => $availableRegion
		);
			array_push($countries, $data);
	}
		
	// returning response
	return $countries;
}

Conclusion

This is the era of eCommerce with the Mobile app as peoples are spending time on their mobile. The user has various choices to purchase an item from the web that’s why your eCommerce website should remain competitive in your business. The mobile app is a new way, which turns your Magento 1 website into a fully functional eCommerce store with everything user needs.

On this tutorial, we have discussed how to get all the country list along with the region in Magento 1 which you can use to develop your Magento 1 Mobile App.

References

Further reading

Ultimate guide to edit and delete address in magento mobile app

Magento is based on open source platform for e-commerce which provides smooth shopping cart system with control over the look and functionality of the store. It is growing in the e-commerce market day by day. More traders are using this platform for their e-store. It provides a various feature for an e-commerce store, you can check its features in our previous blog. With the increase in the e-commerce stores, mobile-commerce has also become popular these days. Mobile visits account for one-third of e-commerce sites traffic. To have an e-commerce mobile app for electronic commerce store is like putting a  retail outlet in the customer’s pocket. Magento provides SEO, items management, and other tools. It enforce traders to have the mobile app for superb shopping experience for customers.  In this blog, I am going to discuss some important features i.e edit delete address Magento in the mobile app using REST API.

Edit Delete address Magento:

Here we will discuss the edit delete address Magento in a mobile app using REST API. Here we take an example of two address.

{
 "customer": 
   {
     "email": "[email protected]",
     "firstname": "test",
     "lastname": "test",
     "websiteId": 0,
        "addresses": [
           {
              "id": 1,
              "firstname": "test",
              "lastname": "test",
              "company": "test technology",
              "street": ["Test Street 9", "Tiny House 9"],
              "city": "City Nine",
              "region_id": 12,
              "region": "California",
              "postcode": "91790",
              "country_id": "US",
              "telephone": "1234567890"
           }, 
           {
             "id": 2,
             "firstname": "test",
             "lastname": "test",
             "company": "test technology",
             "street": ["Test Street 10", "Tiny House 10"],
             "city": "City Ten",
             "region_id": 12,
             "region": "California",
             "postcode": "91790",
             "country_id": "US",
             "telephone": "1234567890"
            }]
   }
}

Edit address in Magento:

Below is the API to create a customer. Then put the parameters for the address:

 PUT http://Base URL/rest/V1/customers/me

Now we can edit the address by using the address id. If we send the address id with change data then only that address will be changed that we want to edit. If we don’t send the address id then the new address will be generated.


{ "customer":
    {
       "email":"[email protected]",
       "firstname":"test",
       "lastname":"test",
       "websiteId": 0,
       "addresses": [
            {
                "id": 1,
                "firstname": "testedit",
                "lastname": "testedit",
                "company": "test technology edit",
                "street": [
                "Test Street 9",
                "Tiny House 9"
                ],
                "city": "City Nine edit",
                "region_id": 12,
                "region": "California",
                "postcode": "91790000",
                "country_id": "US",
                "telephone": "123456789000"
            },
            {
                "firstname": "test",
                "lastname": "test",
                "company": "test technology",
                "street": [
                "Test Street 10",
                "Tiny House 10"
                ],
                "city": "City Ten",
                "region_id": 12,
                "region": "California",
                "postcode": "91790",
                "country_id": "US",
                "telephone": "1234567890"
            }
        ]
    }

In the example we send the address id with the parameters then id with 1 will be edited.

Delete address in Magento:

Below is the API to create a customer. Then put the parameters for the address:

PUT http://Base URL/rest/V1/customers/me

Now we can delete the address by not sending the address in the parameter. For example, we want to delete the address with id 1. Then we will not send the id 1 in the addresses. Then that address will not be generated and that address will not come in the address list.

 { "customer":
    {
       "email":"[email protected]",
       "firstname":"test",
       "lastname":"test",
       "websiteId": 0,
       "addresses": [
            {
                "id":2
                "firstname": "test",
                "lastname": "test",
                "company": "test technology",
                "street": [
                "Test Street 10",
                "Tiny House 10"
                ],
                "city": "City Ten",
                "region_id": 12,
                "region": "California",
                "postcode": "91790",
                "country_id": "US",
                "telephone": "1234567890"
            }
        ]
    }

By this address id with 1 will be deleted.

These are the ways to edit and delete the address in the Magento app using the Mgento API.

Conclusion

As the implementation of Magento framework is increasing day by day for the e-commerce stores, demand for mobile commerce is also increasing with the same speed and popularity. So developing an e-commerce mobile app is becoming common and for any e-commerce store edit and delete address are very common and powerful property. Keeping these all things in mind I wrote this article to help the new developer for Magento. I hope this will help you… :-). Below is our sample app based on Magento REST API, you can refer it as an example which has shown the use of edit deletes address Magento using REST APIs.

magento-logo
MagentoShop
Looking for a native Magento mobile app builder (iOS/Android) for your Magento based online marketplace? Try the 30-day free trial of our Magento mobile app, go mobile commerce in a few hours and increase your sales exponentially. No Setup Fee, Pay as you go pack at just $69/month.

References

  • Magento: Magento Documentation for Developers
  • Magento API: Magento API Documentation for Developers. Get the Edit Delete address Magento API.

Further reading:

The Death Of Magento Performance: 13 Common Guidelines

The world is moving fast, and people’s attention span is decreasing. Even for online shopping people opt for it because they can save a lot of time and efforts in the process. So, speed and good Magento performance are central to the success of any eCommerce store. A 1-second delay in page response can result in a 7% reduction in conversions. The speed of your business website matters. Fast-loading websites perform better on every front: higher search ranking, excellent user experience, and better user engagement. Most importantly, quick-loading websites deliver higher conversions and higher revenue.

When we are talking about the Magento Performance site, it’s not just about the page load speed, but every function and process a customer has to go through from searching for products to the checkout process. Performance optimization is an integral part of Magento development and cannot be underestimated. Magento 2 has fixed many issues with the previous version, but there is still a lot you can do to improve the performance of your Magento 2 site.

Magento Performance: 13 Common Guidelines

There are many Magento Performance optimization techniques out here. In this post, I am going to share with you some simple tips to speed Magento 2 store.

Server Requirement & configuration optimization

As you may know, the server is the key factor for Magento Performance. If your picked server is not good enough you can’t have a good website. Hence, to have a good website, we suggest you replace it with a dedicated server. Moreover, when you choose a host, please keep these categories in mind.

Code and Database Optimization

Regularly Improve your database performance using query indexing and broad optimization scripts. Use your DB management system to optimize the database on the frequent basis. Let’s me show you little tips to optimize via MySQL configuration. You can try and get the following settings in my.cnf

  
query_cache_type = 1
query_cache_size = 32M
query_cache_limit=2M
php_value memory_limit 128M

Optimize Magento database by Cleaning log

If you are wondering when you need to optimize Magento database, you can check your site. In case you have around 200MB, it is time for cleaning.

Enable JS & CSS optimization

CSS and JS file help your front end look better. Yet, they are one of the core factors that slow down your site speed. Luckily you can cut influence in magento 2 by enabling JS & CSS optimization.

To enable JS & CSS optimization: Go to Stores -> “Configuration” in “Settings” Section -> “Developer” in “Advanced” Tab -> Section “JavaScript Settings” (Fields “Enable Javascript Bundling“, “Merge JavaScript Files“, “Minify JavaScript Files” change to “Yes”)

css optimization

Go to Stores -> “Configuration” in “Settings” Section -> “Developer” in “Advanced” Tab ->-> Section “CSS Settings” (Fields “Merge CSS Files“, “Minify CSS Files” change to “Yes“)

css optimization

Use CDN

Implementing a Content Delivery Network (CDN) with Magento is one of the easiest ways to instantly see decreased load times which enables serving your assets from a location geographically closest to your customers and hence reduces latency and increases download speed for those assets. To set up CDN, please go to STORES -> Configuration -> GENERAL -> Web -> Base URLs (Secure) then insert your HTTPS URLs in here and bring your customers fast loading speed.

Images Optimization

You shouldn’t use images that are much larger than necessary. If your site requires a small image, such as 50 x 50, there is no need to upload a much larger file to get the same result.

Enable Cache for Magento Performance

Caching improves load speed response time on your Magento Store. A cached page will be stored after one visit or pre-generated and stored. Magento Enterprise Edition offers full page caching as a default option for the category, product, and CMS pages. To Enable cache Go to Stores -> “Configuration” in “Settings” Section -> “Catalog” in “General” Tab -> Section “Storefront” -> Fields “Use Flat Catalog Category” and “Use Flat Catalog Product” change to “Yes”.

css optimization

Minify CSS, JavaScript, and HTML

Minifying removes all unnecessary characters from source code without changing its functionality. These unnecessary characters usually include white space characters, new line characters, and comments, which are used to add readability to the code but are not required for it to execute.

Enable Flat Categories and Products

One of the main problems that slow down Magento Performance 2 speed is the read speed of database; especially, in case your Magento 2 store has a large number of products. To enable flat-options: Go to Stores -> “Configuration” in “Settings” Section -> “Catalog” in “General” Tab -> Section “Storefront” -> Fields “Use Flat Catalog Category” and “Use Flat Catalog Product” change to “Yes”.

css optimization

 

Catalog Size

The larger your catalog, the greater the burden on your server(s) to load pages, especially when we’re talking about SKUs tipping over 100K. You can enable Flat Categories and Products to improve load speed.

Check Links

A broken link is a hyperlink to a webpage that doesn’t exist it’s a waste of your page’s load time.

Change to Production Mode

It is recommended to always upgrade your Magento system, your plugins, and other software your website depends on (to the latest version).

Change to Production Mode

Intended for deployment on a production system. Exceptions are not displayed to the user, exceptions are written to logs only, and static view files are served from `pub/static` only. New or updated files are not written to the file system.

php bin/magento deploy:mode:set production

Conclusion

In today’s world increasing page speed performance is getting more and more important for websites, especially for eCommerce stores, because users are becoming more demanding in terms of user experience. I have described how to speed up load times in Magento with recommending a number of solutions. If you are planning to increase Magento Performance and page speed on your website or mobile app then this article gives you the complete guide in less time and effort. You can also join the conversation if you have any other solution or idea which we can use to make it more attractive and easy. That’s all folks and feel free to contact us in case if you have any query.

References

Further reading

How to build custom Magento Rest API effortlessly in less than 2 hours : Part 1

Sooner or later you’ll run into a case where you need REST API for your online store and you found that Magento does not support all Magento REST API. What should you do now? How can you write REST API for your online store as per client need?

The Magento REST API allows you to use various data entities such as customer, catalog and order information to third party applications. I’d like to share it with you a quick, simple, well written and easy solution with will explains how you can write an extension for Magento REST API.

Magento REST API Features

  • Simplistic design approach
  • Testing and troubleshooting is easier
  • Better performance than ever
  • Ability to manage customers, addresses, orders, inventories and products using HTTP verbs such as GET, POST, PUT and DELETE.
  • Data requests and responses can be in XML or JSON format.

Custom Extension for REST API

Create new custom module on your Magento server with the following structure to create a custom module with REST support.

rest-api-structure

 

Here’s the list of files required for the desired setup, Here Ip is the package and Productapi are the module name. You can edit as per your need:

  • app/code/local/Ip/Productapi/etc/config.xml: It’s a module configuration file.
  • app/code/local/Ip/Productapi/etc/api2.xml: It’s a file which declares the APIs provided by our module.
  • app/code/local/Ip/Productapi/Helper/Data.php: It’s a file used by the Magento translation system.
  • app/code/local/Ip/Productapi/Model/Api.php: It’s a model file which implements the logic of our API methods.
  • app/code/local/Ip/Productapi/Model/Api2/Product/Productlist/Rest/Guest/V1.php: It’s a file to support Magento’s v1 REST API.

Magento REST API Step 1: Enabling Extention

The first thing to now do is create your module definition file in app/etc/modules (not in the above folder diagram). For my extension, this is call Productapi.xml

<?xml version="1.0"?>
<config>
  <modules>
    <Ip_Productapi>
      <active>true</active>
      <codePool>local</codePool>
      <version>0.1.0</version>
    </Ip_Productapi>
  </modules>
</config>

Magento REST API Step 2: Extensions Configuration

Now, we need to start setting up our extensions configuration.  We need two files for this in our extension’s etc folder; config.xml and api2.xml.

Config.xml:

Create the config.xml file and put in the Ip -> Productapi -> etc directory and paste the below code. Here we are configuring Helper and Model file for the REST API and no need to change in Magento core file.

<?xml version="1.0"?>
<config>
  <modules>
    <Ip_Productapi>
      <version>0.1.0</version>
    </Ip_Productapi>
  </modules>
  <global>
    <helpers>
      <productapi>
        <class>Ip_Productapi_Helper</class>
      </productapi>
    </helpers>
    <models>
       <ip_productapi>
             <class>Ip_Productapi_Model</class>
        </ip_productapi>
        <api2>
	      <rewrite>
	            <request>Ip_Productapi_Model_Api2_Request</request>
	       </rewrite>
	</api2>
    </models>
  </global>
</config> 

api.xml: 

Create api2.xml and put in the Ip -> Productapi -> etc > api2.xml and paste the below code:

<config>
    <api2>
        <resource_groups>
            <ip_productapi translate="title" module="ip_productapi">
                <title>Ip Products</title>
                <sort_order>10</sort_order>
            </ip_productapi>
        </resource_groups>
        <resources>        
        	<ip_productapi_list translate="title" module="ip_productapi">
                <group>ip_productapi</group>
                <model>ip_productapi/api2_product_productlist</model>
                <title>Product List</title>
                <sort_order>11</sort_order>
                <privileges>
                    <guest>
		         <retrieve>1</retrieve>
                    </guest>
                    <customer>
		          <retrieve>1</retrieve>
                    </customer>
                </privileges>
                <attributes translate="attribute1 attribute2 attribute3" module="ip_productapi">
                    <attribute1>attribute1</attribute1>
                    <attribute2>attribute2</attribute2>
                    <attribute3>attribute3</attribute3>                    
                </attributes>
                <routes>
                    <route_entity>
                        <route>/ip/V1/products</route>
                        <action_type>entity</action_type>
                    </route_entity>
		</routes>
                <versions>1</versions>
            </ip_productapi_list>
        </resources>
    </api2>
</config>

On the Model(under Resource), we are telling Magento the name of the models used in the API calls. privileges section say what our users(guest, customer) can do here.

On the attributes section, we are set up the attributes which we need on the REST API response. For the moment we are returning three attributes(attribute1, attribute2, attribute3).

The last section of api2.xml is the route. On the route section, we are telling the front controller name of the REST API. Magento API runs on the route and whenever gets API call it uses the route and pass request to the definition. That’s all from extension configuration and now all we need to do is write the API class to handle the REST request.

Magento REST API Step 3: Helper file

Next, we’ll need to create the Helper file to make sure the translation system of Magento works . It’s almost an empty file, but should be there as per the conventions!

<?php
/**
 * Copyright © 2015 Ipragmatech . All rights reserved.
 */
namespace Ipragmatech\Ipreview\Helper;
class Data extends \Magento\Framework\App\Helper\AbstractHelper
{
	public function __construct(\Magento\Framework\App\Helper\Context $context
	) {
		parent::__construct($context);
	}
}

Creating Magento REST API Model file

we need to create a model file to support the Magento V1 API. Let’s create a model file with the following contents. On this file, we will write our logic and return the response.

<?php
/**
 * Override for Magento's Catalog REST API
 */
class Ip_Productapi_Model_Api2_Product_Productlist_Rest_Guest_V1 extends Mage_Catalog_Model_Api2_Product_Rest 
{
	/**
	 * Return item GET
	 */
	protected function _retrieve()
	{
		// Write your code Here
	}	
}

Note

So that’s it as far as the file setup is concern for the custom API implementation. If you’re curious, enable the module from the back­-end and don’t forget to clear the cache. In the next Article, we’ll go ahead and know how to configure the application with the Admin role.

Conclusion

It’s important to remember that HTTP was conceived to communicate between systems, which share nothing but an understanding of the protocol. In general, the fewer assumptions beyond HTTP you make, the better: this allows the widest range of programs and devices to access your API.
If you are planning to add Magento REST API functionality on your website or mobile app then this article gives you the complete guide for creating Magento REST API structure in less time, effort and cost. You can also join the conversation if you have any other solution or idea which we can use to make it more attractive and easy. That’s all folks and feel free to contact us in case if you have any query.

References

For further reading

Tips to build magento2 mobile app using ionic framework

These days, the ways of developing an app have changed, as a result, it provides useful and user-centric apps to businesses and organizations for improving their business presence through a mobile app. These all changes are possible due to the presence of various cutting-edge tools, platforms, and frameworks. These all things have brought ease and convenience for developers and designers to create incredibly potential mobile apps.
The Ionic framework is one of the new entrances in the mobile app development platform. It has a front-end SDK built on AngularJS which is a top popular JavaScript library. Using this popular library Ionic application provides developers and companies a benefit of single development code across multiple mobile platforms. It has many other benefits like:

  1. It provides very beautiful UI. It has many default JS and CSS components which are clean, simple and functional.
  2. It focuses on native apps by running inside PhoneGap or Cordova to deploy an app natively.
  3. It has a most powerful CLI which helps developers to create, built, test and deploy apps onto any platform with just one command.

A few days back we get a chance to develop an app with the ionic framework and the most interesting part was to use Magento2 REST API to retrieve data from the server. Developing an app with the ionic framework and Magento2 Rest API was new to us but yes, it was an amazing thing to learn. We developed the app and it was a great experience to integrate the two amazing platforms in a mobile app. This article will help to learn how to build a Magento2 mobile app using the ionic framework.

Here are some important points to be noticed before starting the development on the front-end.

Magento2 Rest API Configurations: Test accessibility of the mobile API

This is the step which is followed by both the sides i.e. client side as well as server side. On the server side, we need to give permission for webservices and it is done by enabling Web API Security. For more information for server-side implementation please refer the link .

On the client side, you can make a direct call to some of the default Magento API like- product list, product details, product category etc. but for a customer-specific call like- customer authentication, cart, wishlist, checkout etc. needs to be called by passing authentication token in the header. To learn more about authentication token refer the blog.

Magento2 Server-side Configurations(CORS handling):  Setting of Headers in the .htaccess file.

This the most important step while making the call from javascript to Magento rest API.

CORS (Cross-Origin Resource Sharing) is a W3C spec that allows cross-domain communication from the browser. By building on top of the XMLHttpRequest object, CORS allows developers to work with the same idioms as same-domain requests. For CORS you need to add following headers at your server side .htaccess file:

      Access-Control-Allow-Origin: http://YourDomain.com
      Access-Control-Allow-Methods: POST, GET, OPTIONS, HEAD...and more
      Header always set Access-Control-Allow-Headers:DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type

Now, here is the detail explanation for developing a Magento2 mobile app using ionic framework

Steps to build Magento2 mobile app using ionic framework

1. Build Iconic project.

Now get ready to start your ionic app. Below are the steps to build an ionic app:

  1. The Ionic framework uses node.js as its utility, so to start first install the node.js utility:
     $ npm install -g ionic
  2.  Then, install the latest Cordova and Ionic command-line tools
    npm install -g cordova ionic
  3. Start a project by:
    ionic start <your app name> blank

Here starter blank means a project with no UI. It will create a blank project. Some of the other named templates starters

  • tabs (Default)
  • side menu
  • maps
  • salesforce
  • complex-list

The above command will create an ionic project with various files including www folder. This folder is the actual folder where your app further implementation resides. The index.html is your app file which runs your app and contains all the js and CSS file declaration.

For more details about ionic framework read its doc.

Now, rest things are to be done for front-end. Below a sample is described to show how to build a Magento2 mobile app using the ionic framework. In this sample, we will have the following functionality:

  1. User signup
  2. User Login
  3. Product Listing from Magento2 website.

Step 2. Create your UI

Create an .html file for Login e.g. login.html in your template folder. Define your view in this layout as your requirement. For more details about defining a layout, you can refer here. TEMPLATES is where your view files go. Your project does have a main index.html file in the WWW directory, but your app likely contains many template views that are added dynamically. Unlike your CSS and JS files, TEMPLATE files do not need to be mentioned in your index.html file.

Step 3. Update the app.js file for app’s states

Now define your app screens state in the app.js file. e.g:

     .config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider,$provide) {
         $ionicConfigProvider.navBar.alignTitle('center');
         $stateProvider

        .state('login', {
             url: "/login",
             templateUrl: "templates/login.html",
             controller:"LoginCtrl"
        });

Step 4. Define a controller for the state:

controllers.js contains your Angular controllers for the states that require them. Define the logic here to control the state of your app. For example- In our sample, we defined LoginCtrl which defines the method which is to be called when user clicks on submit button.

.controller('LoginCtrl', function($scope, $state) {
   $scope.login = function(data) {
    // do what you want to do
   }
};

Step 5. Define a service file:

services.js is not always included in the starters, but it contains the custom Angular services your app may use, such as the one that calls out to a 3rd party API to get the information your app uses. So, it the real file from where we call the API for authentication and product listing. For example:

.service('AuthService', function($q, $http) { // call your API here to get informations for the app uses. }

Step 6. update your index.html file

Now, this is the final step to play with your ionic files. Update your index.html file with all the js and CSS file you created in your app. For example:

      <!-- your app's js -->
      <script src="js/app.js"></script>
      <script src="js/controllers.js"></script>
      <script src="js/services.js"></script>
      </head>

Sample Code

To get a complete code click here.

Conclusion

Above we described the steps to develop a Magento2 mobile app using ionic framework. The process is not only easy and interesting  but also make the  user interface attractive. The Ionic framework entrance in the market has proved to be very helpful for both the developer as well as for the customer because it is focused mainly on the look and feel, and UI interaction of your app. Above is the small sample to demonstrate the basic steps to build a Magento2 mobile app using ionic framework. For more information, you can contact us through our website. Enjoy Coding… 🙂

References

Ionic framework : Ionic is a powerful HTML5 SDK that helps you build native-feeling mobile apps using web technologies like HTML, CSS, and Javascript.

Magento2 REST API : Magento is an open-source e-commerce platform. Its REST API is used for building an e-commerce mobile apps.

Further Reading

 

How to increase your store’s sales using Magento mobile app ?

In the age we are in, a mobile app is not optional, it is absolutely essential. In fact, a lot of your target visitors shop online using their mobile phones rather than sitting and stressing themselves out in front of a desktop computer. If you don’t have the Magento Mobile app, you are losing a larger share of your prospects to smart competitors that are doing so.

Mobile now accounts for 60% of eCommerce traffic. Knowing fully well that the first hurdle—having a mobile-friendly website—is absolutely essential, we can discuss, in details, the reason why you need a Magento mobile app.

The reason why you need a Magento mobile app ?

1. Rapidly Increment in mobile phone users :

With the advent of different mobile phone brands coupled with the improvement in technology, the number of mobile phone users, using their mobile phone for eCommerce shopping, are over 60%, with almost 10% increase from the year 2014. Another important reason is the convenience of mobile phone usage in accessing eCommerce stores. Day-in-day-out, people prefer using their handheld smartphones rather than sitting in front of their desktop computers. Targeting these 60% customers with an easy-to-use Magento mobile app is a big assurance to increasing sales.

2. Brings better experience to customers :

What a time saver is the Magento mobile app! Customers now enjoy the best experience. For example, the mobile app provides you an easy and faster process of accessing your eCommerce store with just a few clicks on the app. Just imagine: starting your desktop computer, typing the URL to access the store, going to different new pop-up pages, attending to customer queries, and other stuff; Isn’t that time-consuming?

But the good news is, with a mobile app, your customers can save a lot of time by tapping on the app, easy to scan through your store, choose desired products and quickly proceed to the checkout page. The main benefit is that you are not only saving your precious time, you save the time of your esteem customers too. How? Since your customized Magento would be made available to your customers in Android and iPhone versions, they can easy to access your store anytime, anywhere.

3. Push notifications :

How do you increase sales when customers are not abreast of current additions, discounts and other mouth-watering offers you have in your store? Your online store can experience a massive increase in sales, via the Magento mobile app, by sending push notifications to your esteem customers. Whether you are offering a discount program or introducing a new product, the push notifications from the Magento mobile app can help you to increase sales. The moment the notification drops on your customers’ phones, they are tempted to buy the new product, or enjoy the discount offered, which leads to increase in sales for you. It has been confirmed, according to research, that the click rate of push notifications is between 45% and 75%- a high rate.

Push notifications from the Magento mobile app also increase customer retention and engagement. Mobile app with such a powerful feature like “push notification” will improve your sale by 50%

4. Payment gateway :

With the Magento mobile app, you are offered several payment gateways, both the ones that come with Magento, and other payment options you consider suitable for you and your customers. With that, you are never going to miss out on any sale due to payment issues.

Conclusion :

Technology has afforded many individuals the opportunity of owning a mobile phone. As this trend increases, the way people shop online- the means of accessing eCommerce stores- has also increased. To this change, you need the Magento mobile app to reduce your stress and increase your sales by at least 50%. 

Want to see what mobile app development can do for your e-commerce business or startup? There are various native e-commerce mobile apps available in the market for example MagentoShopSimiCart etc.

Magento-product-image-min
MagentoShop
Looking for a native Magento mobile app builder (iOS/Android) for your Magento based online marketplace? Try the 30-day free trial of our Magento mobile app, go mobile commerce in a few hours and increase your sales exponentially. No Setup Fee, Pay as you go pack at just $69/month.
simicart
SimiCart
Looking for a native Magento mobile app builder (iOS/Android) for your Magento based online marketplace? Try the 30-day free trial of our Magento mobile app, go mobile commerce in a few hours and increase your sales exponentially. No Setup Fee, Pay as you go pack at just $69/month.

Top 10 best magento extensions to increase sales of online store

Building eCommerce platform can be a challenging task for any online store as one don’t know which feature or design shall work for the end customers. We wish our life would have been easy if We would have the list of required best magento extensions which were essential for a hotel booking platform.

So in this article, We are have listed our proven extensions/features which should be the must for any eCommerce platform. Below is the best Magento extensions for increase sale and conversion rate of the online store.

Top 10 best Magento extensions to increase sales

1. Magento One Step Checkout :

Magento One Step Checkout Extension makes checkout steps appear together on a single page. It will reduce your customer abandonment and increase conversion. Below is the list of one step checkout extension:

auctionOne Step Checkout By MageStore
Do you know that the average abandoned cart rate is over 66%? Many customers abandon online shopping at the checkout page due to a complicated process. One Step Checkout extension! All checkout information such as billing address, shipping and payment method will be displayed together for customers to fill in/ correct information any step. You will be amazed at the significant increase in your store’s conversion rate after installing our Magento One Step Checkout extension! Price : $299

auctionOne Step Checkout by apptha
One step checkout extension facilitates the customers’ checkout method by filling up the personal information, payment methods in a single page and completes the purchase in seconds. Magento One Page checkout has user friendly interface. This extension provides an Ajax update feature for different shipping and payment methods for different country and different region. Price : $99

2. Online Price bargain extension

This extension allows customer for bargaining & offer the best price for the product before buying so it increases the conversion rate of sales. Below is the list of Price bargain plugins:

auctionTH Online Price Bargaining Extension for Magento
We all love to bargain whenever we go shopping in local retail markets and purchase our order at the lowest price we could get. Online Price Bargaining Extension allows you to offer the same comfort and shopping experience to your customers while shopping online on your store. Price : $59

auctionPrice quote request by iPragmatech
The Price Bargain Extension for Magento allows your customers to do online negotiation. This plugin will help you when your store sells items that don’t have fixed prices. The customers make an online query and the store owner can reply to them with the best available price. This way, the store owner can easily create lifetime customers! Price : $349

3. Google analytics Magento extension

Google Analytics is a free Google service which allows the webmasters and website administrators to monitor their websites’ traffic and conversion ratio. Below is the list of Google analytics  extensions :

4. Magento Multivendor plugin

Multivendor plugin allows multiple vendors to sell their products and manage orders on your Magento store, thus increasing potential sales conversions for the store owner. Below is the list of multivendor extensions:

5. Payment Gateway Plugin

A payment gateway, in essence, is an eCommerce service that processes, verifies and accepts or declines credit card transactions on a merchant’s behalf through secure Internet connections. Below is the list of Payment gateway plugin available for Magento:

6. Magento Live Chat

“Many online consumers want help from a live person while they are shopping online; in fact, 44% of online consumers say that having questions answered by a live person while in the middle of an online purchase is one of the most important features a Web site can offer.” . There are so many live chat plugins available for Magento , some of are:

7. Easy FAQ extension

Answering customer queries are the main purpose of an FAQ page but it can be so much more than you realise. FAQ will help to build relationships with customers. These are the FAQ plugin available for Magento:

8. Magento cache plugins

In today’s world of eCommerce, site speed and performance of your online store is of top importance. Magento cache plugins help to improve the performance of your eCommerce website. These are the cache plugin available for Magento:

9. Magento blog extension

Blogging is a great way to build your audience and generate more traffic and sales for your business. Every eCommerce website must have blogging feature if they want to increase the traffic on his store. These are the list of magneto blogs plugins:

10. Magento Mobile app:

As per the recent study, most of the users prefer to have a mobile app for online shopping.  These are the list of Magento mobile app extension available for Magento:

Conclusion

Driving traffic and conversion rate is one of the major concerns for an eCommerce website especially when it is relatively new So that the potential customers end up buying products. So by using these top 10 best Magento extensions we can be driving traffic, increase sale and conversion rate for our eCommerce store.

9 Reasons Why You Need Magento Mobile App For Online Store?

eCommerce is the buying and selling of products over an electronic network. There are many ecommerce platforms like Magento, WooCommerce, PrestaShop and many more available which provides ready to go solution for clients. Though there are many platforms but Magento is most famous and vastly used by online stores. In this article we examined 9 reasons that explain why you need magento mobile app for online store.

Magento based on open source platform which provides smooth shopping cart system with control over the look and functionality of the store. It provides SEO, items management and other tools which enforce trader to have mobile app for superb shopping experience for customers.  Here is the list of features which explain the benefits of Magento and reasons why you need magento mobile app for online store.

Key reasons why you need magento mobile app for your online store:

1. MobileCommerce- Magento provides one admin panel for multiple devices. It gives seamless integration to product catalog, CMS and store configurations and wide range of checkout capabilities. It reduces maintenance costs and eases to updates sites with user friendly section.

2. Catalog Management- Magento create different price points for different customer groups, such as wholesalers and retailers. Magento manages simple, configurable (e.g. size, color, etc.), bundled and grouped products.

3. Product Browsing- Magento gives the multiple images per product with different size,color and brands with image zoom capability.

4. Search Engine Optimization- SEO of magento is 100% search engine friendly. It provides Google Site Map and Google content API for shopping.

5. Web Services API – Built in support for SOAP v1, SOAP v2, XMLRPC, REST with 3-legged OAuth 1.0a with XML and JSON data format for Data Request and Response.

6. CheckOut,Payment and Shipping- Magento provides the functionality of one-page checkout with additional feature of guest checkout or checkout with account to use address book. Magento gives the facility of shipping to multiple addresses in one order. Magento provides the integration with multiple PayPal gateways with free shipping.

7. Customer Service- A good customer service is provided by the Magento with order tracking from account and order history with status updates.

8. Internationalization support- With international support for localization, multiple currencies and tax rates provided by Magento. Also support for accented characters and right to left text and configurable list of allowed countries for certain features.

9. Analytics and Reporting- Magento is integrated with Google Analytics. It gives the Sales report, Tax report, Tags report, Total sales invoice and Total sale refunded.

Conclusion 

In above article we explained benefits to use Magento mobile app for online store. Magento is covering more than 60% of eCommerce market. Those looking for a robust and powerful eCommerce solution need not to look beyond Magento. From start-up businesses to large-scale enterprises, Magento can cater to all for the most stringent of their eCommerce needs. There are ready to go solution like  MagentoShop – Shopping App , Magento Manager and Magento Mobile Store etc available in market which launch magento based mobile store in quick time.

References