2016 Year Round Up of Envisionaries

2015 was a crawling & 2016 was a full walking year for us! And, now in 2017, we envision us as a runner in this eCommerce World!

After passing through this journey of 2 established years, Envision Ecommerce would like to showcase you everything from new products & services launch, core eCommerce portal development and team expansion to moving office.

However, in the lead up to the New Year 2017 it is a good opportunity to reflect on the previous years’ journey and give you a deep insight into what Envision Ecommerce is planning for 2017 and beyond.

More Powerful Management

In 2016, Mr. Sunil Thakral joined Envision Ecommerce as a new CEO. With an overall experience of over 15+ years, he is the first generation seasoned entrepreneur with his core expertise into business strategy, finance and start-up consultancy. Under the supervision of this successful entrepreneur, a new wave of entrepreneurial spirit is unfolding Envision Ecommerce each day more powerfully.

Moving Office

Relocating office is one of the most daunting tasks due to the hassle of settling down everything in a new office regarding finance, design, refurbishment, staff, layout, etc. But, we’re happy to say that we made this experience as smooth as possible for our employees and clients and now we’re in a new home, which is bigger, better & has advanced IT infrastructure for superior Enterprise Application development and deployment. In short, now we’re in a new home, which is the best fit for our purpose, with superior transport links and plenty of room to grow.

envision-old-office

Our new office

envision-new-office

This move is a clear indication that Envision Ecommerce is one of the fastest growing Ecommerce Consultancy in Chandigarh-Mohali region. Another big achievement is that now we have a global presence with our sales offices in Canada and France to meet worldwide needs.

Revamping Website / Online Presence

Envision Ecommerce has been established for over 2 years, and in that time we’ve updated our website three times. To remarkably stay vigilant for our online presence, we’re constantly face-lifting our website and updating our online look, products and services to deliver outstanding customer service.

In this year 2017, we will be launching our website’s new look, which will have a highly-focused online presence gearing towards to suit our audience’s tendencies. We envision sustained and continuous growth for our eCommerce products and services including our Magento 2 extensions, Mobile eCommerce Solutions, Custom Enterprise Solutions and much more. We hope the new look will support our vision for smooth service offering.

Launch of New Product & Services

Launching our own Indian ecommerce portal in Diet and Nutrition sector, RobustDiet.com, was a true highlight for all of us at Envision Ecommerce. It allowed us to have ineffable experience in all aspects of Ecommerce, from procurement to technology, marketing, inventory, shipping, payment and deliveries.

It was wonderful to cater some major verticals like Health, Baby Products, Online Art Selling, Apps for Gyms and Educational Institutions. We’re also very pleased with the progress we’ve made in Mobile eCommerce area over the past years, with our new mobile apps like MageIonic, Ionic Gym app, Institute app, QuickNews App, RobustDiet app, BabyOodles App and much more.

envision-projects

Our innovative Magento 1, Magento 2 extensions (also live on Magento Marketplace), WooCommerce plugins and Web themes are continuing to be developed and as part of our Ecommerce Consultancy service, we have been helping our clients in growing and making profits from Ecommerce. Plus, we’re constantly growing as one of the best Ecommerce Consultancy in our region.

Corporate Social Responsibility

When it comes to our Corporate Social Responsibility, we pride ourselves on our charity and donation contributions and, though it can never be enough, so we’re continually supporting Bal Niketan orphanage in Chandigarh/Panchkula with our “Smile Sharing Initiatives” on each Diwali. Generally, we aim to bring some smile on the face of underprivileged Orphans with our contribution in terms of cash and kind.

envision-bal-niketan

Festival Celebrations and Events

As a family, we hold some special events and celebrations at every festival. Some of these are New Year’s Eve party, Lohri celebration, Republic Day celebration, 15 August celebration, Diwali celebration, a Christmas party, Envision’s foundation day festivity, employees’ birthday celebrations, the memorable farewell parties for employees leaving the office and much more.

envision-celebrations

Best & Fastest Growing Team in Our Region

Envision started its journey in April 2015 with a team of only 5 people and has welcomed several new experienced staff to our growing team.

envision-small-team

In just under 2 years of our inception in the eCommerce area, we’ve been able to scale up to a team of 50+ professionals, including 5 Magento Certified Professionals, in-house Google Analytics & Adwords Certified Professionals, developers proficient in Nodejs, Angularjs & Laravel, Graphic Designers and others. Apart from that, we have the best Ecommerce team in our region.

envision-ecommerce-premium-insights-linkedin

In this year, we will continue with our on-going recruitment program that suits the needs of our eCommerce business and as mentioned, hope our whimsical new office and facilities will support us in attracting the best candidates for the required roles.

Thank You’s

We would like to thank all those team members who have been with us since our start. Yes, we’re very thankful for all of you for your continued support, great efforts and services.

envision-team

Projects, Clients & Corporate Partners

We have served many clients that have approached us to work on their wide-ranging projects and we would like to thank them for showing trust on us, continuing to support and appoint us for their complex eCommerce projects. Their name list is long and they know who they are but just to indicate a few project names, including beArty, BabyOodles, Biotic Healthcare, Graduate America, Merconnect, TravelShades, Oliso and many others.

envision-clients

We continue to be involved in some type of corporate partnerships, and as of now, we have become partners with Magecloud, Veeqo, Amasty, Cart2Cart and Shopify.

envision-partners

2017 and the Road Ahead

Well, for this year 2017 and beyond, we are pre-planned to magnify our Mobile App Division with more brainy and challenge-accepting youth. Along with a new look website, we also envision to expand our reach to some more global destinations like Australia & New Zealand in order to cater more international clients. Despite our 2 established & successful years, all we can say that there is no time for Envision Ecommerce to rest on its laurels. We will be looking to grow our team, continue to launch innovative eCommerce products, carry on to enhance the service offered, stepping towards IoT (the Internet of Things) and hopefully emerge stronger throughout the years ahead.

How to use Google Analytics with Ionic Framework?

After an app has been downloaded on your phone, Apple and Google won’t support much in terms of analytics to analyze app performance and to keep track of user’s use cases.

Dan Wilson has introduced one of the most convenient plugins for Apache Cordova namely Google Analytics Plugin for an easy integration with Ionic.

However, if you are ensured that your project has added iOS and Android as platforms, then you can use Google Analytics with Ionic Framework with the following command line:

ionic platform add ios
ionic platform add android

If you want to build for iOS, remember that you will require a Mac along with installed Xcode.

Once you all set up with your project, you should install the analytics plugin into your particular project with the following the command line:

cordova plugin add https://github.com/danwilson/google-analytics-plugin.git

Google Analytics plugin is quite simple to use with Ionic Framework.  The initialization code will go in the $ionicPlatform.ready() function as given below:

var googleanalyticsApp = angular.module('googleanalytics', ['ionic'])

.run(function($ionicPlatform, $ionicPopup) {

$ionicPlatform.ready(function() {

if(typeof analytics !== 'undefined') {

analytics.startTrackerWithId("UA-XXXXXXXX-XX");

} else {

console.log("Google Analytics Unavailable");

}

});

});

Google analytics plugin will not support any other platforms than Android and iOS. So be sure that the analytics object should exist first in your project to get rid of errors.

Note: Don’t forget to replace or change the tracking id in the above snippet on your own.

googleanalyticsApp.controller('AwesomeController', function($scope) {

if(typeof analytics !== 'undefined') { analytics.trackView("Awesome Controller"); }

$scope.initEvent = function() {

if(typeof analytics !== 'undefined') { analytics.trackEvent("Category", "Action", "Label", 25); }

}

});

Now you are successfully installed with the Google Analytics plugin. Though it will not report or show any data until we tell it to do. Above we have a controller, once we called or ordered, it will immediately report as a view/screen. If you call the initEvent method set up in the controller, then it will report an event.  Events can be anything, for example gestures, button clicks, or whatever you want them to be.

The following methods are available for use with this Google analytics plugin as per Dan Wilson’s documentation:

analytics.startTrackerWithId('UA-XXXX-YY')

analytics.trackView('Screen Title')

analytics.trackEvent('Category', 'Action', 'Label', Value)

analytics.addTransaction('ID', 'Affiliation', Revenue, Tax, Shipping, 'Currency Code')

analytics.addTransactionItem('ID', 'Name', 'SKU', 'Category', Price, Quantity, 'Currency Code')

analytics.setUserId('my-user-id')

analytics.debugMode()

The API methods were copied directly from the plugin repository documentation.

How to Set Additional Options in Magento2 Cart Item?

Sometimes, setting up some additional options in cart item is required to showcase specific details along with some products in Magento 2 cart. There are many different ways to do so, but we’re going to explain a simple and easy approach to do it, i.e. Event observer pattern. Read on to learn how to set additional options in cart item in Magento2:

First off, you need to define an event in the events.xml file by means of the code mentioned below in a module.

Path to file: Envision/Demo/ect/event.xml

<?xml version="1.0"?>

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">

<event name="catalog_product_load_after">

<observer name="set_additional_options" instance="Envision\Demo\Observer    \SetAdditionalOptions"/>

</event>

</config>

After defining afore-shared code, you need to add following code in your observer file.

Path to file:  Envision/Demo/Observer/SetAdditionalOptions.php

<?php

namespace Envision\Demo\Observer;

use Magento\Framework\Event\ObserverInterface;

use Magento\Framework\App\RequestInterface;

class SetAdditionalOptions implements ObserverInterface

{

/**

* @var RequestInterface

*/

protected $_request;

/**

* @param RequestInterface $request

*/

public function __construct(

RequestInterface $request

) {

$this->_request = $request;

}

/**

* @param \Magento\Framework\Event\Observer $observer

*/

public function execute(\Magento\Framework\Event\Observer $observer)

{

// Check and set information according to your need

if ($this->_request->getFullActionName() == 'checkout_cart_add') { //checking when product is adding to cart

$product = $observer->getProduct();

$additionalOptions = [];

$additionalOptions[] = array(

'label' => "Some Label",

'value' => "Your Information",

);

$observer->getProduct()->addCustomOption('additional_options', serialize($additionalOptions));

}

}

}

If you still have any query regarding this “How to” or would like to add some suggestions to this solution, let us know your feedback or query at [email protected], and don’t forget to share this “How to” blog with your fellow Magento 2 users!

Launching the First Ever Magento Ionic App – MageIonic

In its quest to bring innovative products to market and always do something new, Envision Ecommerce is out with one more star addition to its never-ending product launch process, i.e. MageIonic – the first-ever Magento Ionic App to bring Magento 1 store live on mobile!

1

It is a white label, hybrid and ready-to-go mobile app solution for store owners to take their Magento 1 stores in the hands of millions of mobile users across the globe. Yes, you get your Magento 1 store into a mobile app via MageIonic and have a custom mobile presence for your store.

2

The best advantages of this ready-to-go mobile eCommerce app solution that you will have – quick custom app build exclusively for your Magento 1 store, room for customization, Hybrid technology integration and of course, faster performance for being hybrid mobile app. It is a wise and cost-effective solution to mobilize your Magento 1 store rather than developing an app from the scratch. The app is fully controlled by a Magento Connector that is provided with this app.

mageionic-magento-ionic-hybrid-app

The good news is that we offer MageIonic to Magento users at free of cost. There is also a premium option available to grab this app with additional features. We don’t sell the source code of this mobile app. However, if you need any customization in the app, it inure additional charges. Currently, MageIonic is live on Google Play store and Ionic Marketplace.

mageionic-magento-ionic-hybrid-app-2

We at Envision Ecommerce are very excited about this launch and eager to see MageIonic as an eCommerce game changer among other Mobile eCommerce platforms. To know more about its features and pricing, you can visit MageIonic. We welcome your feedback, thoughts and suggestions regarding this first-ever Magento Ionic App.

Magento New Zend Framework 1 Security Vulnerability Update

Recently, a serious vulnerability has become apparent in Magento’s new Zend framework 1 and email component. Each Magento 1 and Magento 2 based software and other PHP solutions make use of this component. This serious vulnerability can grant attackers the opportunity to attack remote code execution if your server is using Sendmail as your mail transport agent.

So don’t be a victim! To counteract your Magento store against this security breach, we strongly recommend you to immediately examine your mail sending settings. Be there with your system settings which are used to empower the “Reply to” address for emails directed from your Magento store:

Magento 1: System-> Configuration-> Advanced-> System-> Mail Sending Settings-> Set Return-Path

Magento 2: Stores-> Configuration-> Advanced-> System-> Mail Sending Settings-> Set Return-Path

First off, you need to examine the value set for “Set Return-Path”. If this value is set to “Yes”, and your server makes use of Sendmail, your Magento store is vulnerable to this security breach. There is no need for any worry for Enterprise Cloud Edition customers as they’re not at any major risk for their existing configurations.

We at Envision Ecommerce recommend you to switch the value of your “Set Return-Path” to “No” until any security patch comes into existence against this vulnerability from Magento’s side, irrespective of whatever transport agent used. We hope that Magento will provide security patches against this vulnerability over the subsequent several weeks.

In case if you need help, you can contact us for a security analysis. We’d be glad to help you through the analysis process to let you know about your Magento store’s vulnerability against this security breach.

2017’s Relevant SEO Audit Checklists!

There have been a number of suppositions on technical SEO in 2016 which was known as “SEO Makeup”. But after crawling and indexing, technical SEO audit is the next important step for your website to increase its ranking in Google’s search engine results. So here in this post, we are focusing only on the fundamental steps about technical SEO checklist that you should not miss in 2017.

Below we have covered total 9 Technical SEO Checklists for 2017 in which some of them are evergreens, and some of them are pretty new that will make your website aesthetically and technically perfect and appealing!

1) Check your web pages for Indexing: Search Indexing is mainly used to know about how many of our website’s pages are indexed by search engine. In fact, we can also check the same by using SEO Auditor or by directly entering site:domain.com in the search engine.

2) Prevent indexing of Pages with no SEO value: Each website has one or more pages with no SEO value, for example, privacy policy, term & condition, etc. In that case, indexing of the same nothing but a hopeless case. So prevent indexing those pages that you want to keep out of search engines.

3) Eliminate Duplicate Content & Pages: According to the technical expert, duplicacy of content and pages are more dangerous for search engine optimization. So you should always check your website for the same & remove immediately if you find any.

4) Make sure you have Fresh Sitemap: Website owners already know the importance of “Sitemap”. The Sitemap will help search engine to know about the pages, structure and load the new contents faster of your website. But make sure your XML sitemap should be updated all the time when you added new text/content to your website.

5) Remove 404 Errors from Indexing: You can temporarily or permanently remove 404 errors in your search console property from Google search results with Remove URLs tool.

For Temporary Removal, Use the following steps:

• Firstly, open Remove URLs page.
• Secondly, click on Temporarily hide.
• Thirdly, enter the relative path of the directory, image, or page as per the requirements. After that, click Continue.
• Fourthly, you have to choose any one of the following options on the form:
• Temporarily hide page from search results and remove from cache
• Remove page from cache only
• Temporarily hide directory
• Lastly, click on the Submit Request to temporarily block a Search Console property page from Google Search.

For Permanent Removal:

To remove images, pages, directories or a URL from Google search permanently you must ensure that your web server returns either a 404 (Not Found) or 410 (Gone) HTTP status code. Non-HTML files (like PDFs) should be totally detached from your server. If you want to indicate that any of your website pages should not be indexed, then use Noindex Meta Tag.

6) HTTPs Is Compulsory: If you are using an HTTP website then you should migrate your website to HTTPs to increase the level of security towards the personal and other sensitive data like login credentials. In December 2016, the security team of Google Chrome has announced that the browser will start labeling Http connections as non-secure by the beginning of 2017. So it is compulsory for you to use HTTPs to make your website even more secure. In fact, Google will also give a slight boost to your HTTPs website’s ranking. For more information, click http://demo.envisionecommerce.com/migrate-your-http-sites-to-https-as-google-is-going-to-mark-it-unsecured/

7) Check Internal or Broken links: The first and foremost step in on-page SEO is Internal links. So always check your site for broken links. If you find any broken link on your site, repair it immediately because it can hurt your site’s ranking indirectly.

8) Test & Improve your Website Landing Speed: It goes without saying that site landing speed is playing a vital role in ranking. If your site’s speed is too slow then it will effect on your site ranking. So, you should always test your site’s loading issues by using Google Page Speed Tool.

9) Make Mobile-Friendly Website: Today’s Google mainly emphasizes on indexing mobile friendly pages in comparison to the desktop version. So make sure to keep your website mobile friendly for highest rank because it will control the overall ranking of your website. You can test your site pages for mobile friendliness by using Google Mobile-Friendly test tool. With this tool, you can also track or check mobile ranking time to time.

If you are facing any issue in the SEO optimization of your website. You can take help from the professional team of Digital Marketing Experts of Envision Ecommerce.

Hope you find it useful!
Have a wonderful day!

How to Fetch Data from Magento2 Tables in .phtml files?

Today we’re going to cover fetching of data from Magento 2 tables. We can use the following codes for fetching such data via object manager. Here is how to complete this fetching process successfully:

$this->_resources = \Magento\Framework\App\ObjectManager::getInstance()->get('Magento\Framework\App\ResourceConnection');

$connection= $this->_resources->getConnection();

$themeTable = $this->_resources->getTableName('converge_token');

$sql = "select * from " . $themeTable . “where customer_id='$customerId'";

$result = $connection->fetchAll($sql);

If you follow the code mentioned above, you will be able to easily fetch data from Magento 2 tables. Keep looking out for our upcoming “How to” blog posts on Magento 2. If you have any issue or query regarding this “How to” blog, feel free to let us know via http://demo.envisionecommerce.com//

Envision Launches Multiple Magento 2 Extensions At Once

Envision Ecommerce is focused on gaining momentum towards the launching process of Magento 2 extensions (this year) more strongly than last year. That’s why as per January 5th we are pleased to introduce a bundle of four new Magento 2 extensions. These extensions include:

  • Quick Comment on Checkout
  • Advance Product Sale Countdown
  • Quick Product Question and Answers
  • Advance Auto Suggest Search

Quick Comment on Checkout extension is specially designed for customers so that they can quickly leave comments at the point of checkout. This functionality was not a part of Magento 2 by default. This is the reason we bring such functionality for Magento 2 website admin via this extension. Not only it is easy-to-use and easy-to-install, but also works smoothly with Magento 2 order management workflow.

Key Features of Quick Comment on Checkout Extension:

  • Customers can quickly do order comment during checkout.
  • Allows store admin to view order comments on the order detail page in the admin panel.
  • Allows end users to view order comments on order detail page.
  • And much more…

Advance Product Sale Countdown extension is launched to help store owners to set a price countdown timer for specific products. It provides store owners a chance to attract more visitors towards their products and boost sales.

Key Features of Advance Product Sale Countdown:

  • It works like an eye-catching solution for customers as store owners can easily display a self-timer set for some specific product prices.
  • Store owners can display this countdown (in the form of days/hours/minutes) feature on both product catalog and product detail pages.
  • It allows store owners to display special deals or offers on product prices with end times.
  • It is compatible with multi-store configurations.
  • And much more…

Advance Auto Suggest Search extension is specially designed for the ease of customers to easily find out what they’re looking for. It allows customers to search products by typing relevant text in the search box. The search box then displays most relevant search suggestions along with savvy autocomplete functionality. Thus, it allows customers to buy a desired product right from those search suggestions.

Some Key Features of Advance Auto Suggest Search Extension:

  • It is a time-saving formula for customers as they can quickly get relevant product search suggestions to make a purchase for the desired product.
  • It is easy to customize this extension for its autocomplete search functionality.
  • Store owners can easily set an autocomplete search delay and optimize server loads.
  • It also allows customers to view search results on the basis of product price, name and relevance.
  • And much more…

Quick Product Question and Answers extension is useful for customers to ask questions about a product before buying it. It enables store owners to answer those questions though the store admin panel. Technically, it is a Magento 2 extension that originates a two-way communication between possible customers and store owners. It gives store owners an opportunity to convert those questioners into buyers by honestly answering to their questions.

Key Features of Quick Product Question and Answers:

  • It allows customers to view or read previous customers’ questions and admin’s answers regarding the same product they’re going to buy.
  • It allows store owners and customers to receive email alerts regarding questions and answers.
  • It facilitates a two-way communication between store owners and customers regarding a particular product.
  • And much more…

All these extensions are already under Magento Review and will be available on Magento Market place soon. Launching more eCommerce products geared towards customer & store admin benefits is our major motive for this year. To know more about our upcoming eCommerce products, stay connected with us!

How to Check Condition before Product Add to Cart?

Sometimes it is beneficial to restrict the usage of ‘Add to Cart’ button on your Magento 2 based website. Yes, you heard that absolutely right. It would be beneficial if you alternatively display a generic message, Login button, subscription box, sign up form, etc., to your users, when they click on ‘Add to Cart’ button on your Magento 2 site. It will force your users to read or complete the displayed condition and then they can add a product to cart.

But, it is quite difficult to check that condition before product added to cart. That’s why we have come up with another “How to” blog on Magento 2. Read on to learn how to check condition before product added to cart:

Here we will use controller_action_predispatch_checkout_cart_add observer. Now, you can follow the steps as mentioned below:

Step 1:

Generate events.xml file in app/code/NameSpace/ModuleName/etc/frontend location and add the code mentioned below:

<?xml version="1.0"?>

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xs  d">

<event name="controller_action_predispatch_checkout_cart_add"><observer name="yourcustomname" instance="NameSpace\ModuleName\Observer\RestrictAddToCart" /></event>

</config>

Step 2:

Next step is to create a class where you can check condition and restrict ‘Add To Cart’.

Make RestrictAddToCart.php file at NameSpace\ModuleName\Observer\ location

<?php

namespace NameSpace\ModuleName\Observer;

use Magento\Framework\Event\ObserverInterface;

class RestrictAddToCart implements ObserverInterface

{

/**

* @var \Magento\Framework\Message\ManagerInterface

*/

protected $_messageManager;

/**

* @param \Magento\Framework\Message\ManagerInterface $messageManager

*/

public function __construct(

\Magento\Framework\Message\ManagerInterface $messageManager

)

{

$this->_messageManager = $messageManager;

}

/**

* add to cart event handler.

*

* @param \Magento\Framework\Event\Observer $observer

*

* @return $this

*/

public function execute(\Magento\Framework\Event\Observer $observer)

{

if (/* your condition */) {

$this->_messageManager->addError(__('your custom message'));

//set false if you not want to add product to cart

$observer->getRequest()->setParam('product', false);

return $this;

}

return $this;

}

}

Step 3:

And that’s it! You can clean or flush your magento2 cache. And, this ‘how to’ will work for your users on your Magento 2 based website. Now, when your users will click on ‘Add to Cart’ button, it will first check the condition (which is implemented for users) and then carry on according to that condition.

Hope it helps you. If you still need a helping hand, Envision Ecommerce’s team of certified Magento developers are here to help you. Contact us today for any Magento 2 related query.