In this age of the digital world, awareness has become a prerequisite for every individual and all the industries are growing so rapidly that we never know what becomes trendy like how. The one such industry which has grown manifolds and thanks to the 4G Internet is the eCommerce industry. For those who are not aware of it, the eCommerce industry is one of the fastest growing industries all over the world. And the biggest gift given by this industry is the trend of online shopping ruling the world. Individuals from every corner of this globe are indulged in this process and saving their time and energy. According to Statista, e-retail revenues are projected to grow to 4.88 trillion US dollars in 2021.
However, rapid growth also brought huge competition between different eCommerce merchants. The increase in eCommerce businesses led to the competition heat up between these merchants. This made them responsible to keep pace with some new eCommerce trends especially those involving technical advances to shape consumer behavior.
Here are the 5 tips and tricks to ensure fast growth in eCommerce business:
1. Enhance video content and marketing:
Video marketing is one of the best and most popular ways of content marketing nowadays. As consumers love watching videos nowadays, it’s an easy and fun way to actively engage customers on your eCommerce website resulting in the upliftment of sales and revenues.
To overcome the competition, it’s the most beneficial way to improve your eCommerce growth and take it up to new heights of success. By embedding the videos from social media like youtube or adding video-based design elements, sellers can easily enhance their home page or product page which can attract more customers towards your store.
2. Serve Omnichannel consumers:
In today’s interconnected digital era, customers are searching for their favorite product on more than one online channel or Marketplace. According to Statista, Amazon accounted for 56.1 percent of the segment’s traffic, eBay accounted for 19.5% traffic, Walmart 3.8% and Etsy accounted for 3.5% of traffic. These numbers are clearly the resemblance of the crucial need to serve omnichannel consumers by marketing the products and services on all the available channels or Marketplaces.
Today, it’s easier than before to promote your brand or product online but before that, sellers need to turn their ideas into an eCommerce business. Just be sure to market your website on different platforms like social media, renowned marketplaces like Amazon, eBay, Etsy, Walmart as well as on small retail stores too. Never ever leave an opportunity to promote your brand store in any possible way. And no matter which channel you are selling, always sell genuine and reliable products to build customer’s trust in your brand and eCommerce store too. It will not only help you to increase customer traffic but also differentiate your eCommerce store with others.
3. Mark ways towards success with AI Chatbots:
If you want to give tough competition to other sellers, you can try your hands on the 24/7 assistance feature given by AI empowered chatbots. Customers love immediate response for their queries and chatbots are the perfect solution for this. Automated chatbots can resolve any kind of query of numerous customers at the same time. However, they can’t think outside the box, recognize misspelled words or evaluate incomplete queries as their creativity is limited by the code that created them.
But, thanks to these technological advancements as they have made these chatbots smart and sophisticated too. They are SSL compatible and multilingual too which helps you attain customer satisfaction in regional areas too. Therefore, it will increase the consumer traffic on your website leading to a lump sum amount of sales and revenues.
4. Voice search is a new boon:
It usually happens when customers are unable to write the correct spelling of their desired product and are unable to find it on the website. This leads to a decrease in the conversion rate of the website as the qualified leads also turn into non-qualified ones. Voice search is the new trend in these online stores as it helped many who were unable to write the correct spelling on the search tab. They can just simply speak the name of their product and it will be presented on their mobile screens.
According to Statista, 35 percent of users stated that they would consider purchasing food via their voice assistant in the future. Some latest gadgets for voice search like Google Play, Alexa by Amazon, Amazon Echo, etc. are some of the best innovations for eCommerce platforms. Many online store owners have already adopted the voice search functionality for their online eCommerce business. The advancement of voice search is an outgrowing opportunity when it comes to enhancing your SEO and this could also be enhanced by improving your product description on the website.
5. Safe and secure payment method:
When it comes to checkout, customers believe in a safe and secure checkout and payment method as there are many people who leave the cart abandoned due to the lack of trust which can end up losing potential customers. The final stage of online shopping should be smooth and simple as many people get frustrated due to the complex checkout process and payment gateways.
According to Statista, 69.23 percent of digital shopping carts and baskets were abandoned in the year 2017 and the purchase was not completed. Many times, it is due to the lack of trust in payment gateways on the checkout. So, if you want to improve the conversion rate of your website and want to be an extra edge over other competitors, be sure to provide a simple checkout process and secured payment options. You can apply PrestaShop one page checkout addon on your eCommerce store.
Final Verdict:
As the eCommerce industry continues to evolve, the most important responsibility is to provide a positive consumer shopping experience. Sellers should remain aware of the latest eCommerce trends which include omnichannel marketing, chatbots, video content and marketing, and a simplified checkout and payment process, and it will definitely help you to stand out from your eCommerce competitors.
Competition is at its peak and we have to overcome this. To remain an extra edge over others, KnowBand offers Marketplace integrators that enable sellers to integrate their eCommerce store to some renowned marketplaces like Etsy, eBay, Walmart, Google Shopping and Newegg. You can now list the products and the descriptions at a few button clicks. Thus, it becomes easier to update the details in bulk. Moreover, the attribute mapping becomes a cake-walk with the automated approach. So, integrate your eCommerce store and earn a huge chunk of profits.
If you are a PrestaShop website owner & module installation is hectic for you. Here’s is the simple & easy way to do the installation using your PrestaShop FTP details. Read the article for complete information.
Step 1: Get PrestaShop Mobile App Builder
Purchase PrestaShop Mobile App Builder module from KnowBand store. You would get a zipped file containing the source code of the module. Unzip the file. You would get a file named “kbmobileapp”.
This folder contains the complete source code of the PrestaShop Mobile App Builder module as shown in the snapshot below:
Step 2: Move Source Code into Website Directory
Copy “kbmobileapp” folder into your store “modules” directory on the path – Root Directory/modules/.
Step 3: Install the Module
Now, the Prestashop mobile app builder addon is ready to be installed on your store and you can find that in Store Admin -> Modules and Services. It would be shown as below –
Step 4: Configure Module
Clicking on the “Install” button would display a confirmation pop-up. Tap “Proceed with the installation” & your module is installed successfully. Click configure & start using the backend of PrestaShop Mobile App Builder.
Thus, using your FTP details, you can install the module on your PrestaShop website with facile. Now, you can start using PrestaShop Mobile App Maker module. Hope this document proves helpful to you.
So, What’s Next?
You have purchased the PrestaShop Mobile App Builder module & install the same on your website with the above-discussed process. Now, share the app requirements & specifications with our pre-requisites form & we would build & provide your apps in 1-2 days.
Proved helpful? There is another way as well to install the module. Have a look at the same:
This tutorial is intended with KnowBand’s PrestaShop Mobile App Builder installation on your website. All the e-merchants having their website on PrestaShop v1.6 & v1.7.
Well, installation of KnowBand’s PrestaShop Mobile App Builder on your PrestaShop website is just a matter of a few simple steps. Using your website back office admin details, you can install the module in a few minutes. Move on with the steps listed below:
Step 1: Login Using Backend Details
Login to your PrestaShop website backend panel using your login details.
Step 2: Add Source Code on your Website
On the top-right corner, there is an option to “Add New Module”. Click & install the zipped source code of PrestaShop Mobile App Builder. You will get the required zip file once the module is purchased.
Step 3: Search for the Installed Module
Go to Modules & Services tab and search for KnowBand Mobile App Creator module.
Step 4: Configure the Module
Click “Configure” & next screen would be of KnowBand Mobile App Builder.
That’s it! You have successfully installed the PrestaShop Mobile App Builder plugin on your store & ready to configure the same. Hope, this tutorial proves helpful to you.
Done! What’s Next?
Once you have successfully installed the PrestaShop Mobile App Builder plugin on your website, we would share a pre-requisites form with you. This form would gather all the specifications & requirements of your app for a better understanding of our developers. That’s it! Now, sit back & relax. We would get back to you with your app.
Liked Article? You can opt for module installation using PrestaShop website FTP details. Here is the link to the same:
The day to day advancement of eCommerce is not hidden anymore. Shoppers are comfortable buying online by sitting in their comfort zone and saving time and energy both. However, many shoppers believe in-store pickup of the product from their nearby store.
The demand of in store pickups as well as in store returns of online purchases is increasing rapidly. Being an eCommerce store owner, you should fulfil this demand to increase your significance in between customers. The fulfilment of customer expectations will drive you to the immense success by increasing your sales and revenues. However, it’s matter of to concern to tell that half of the online retailers are not interested in offering these capabilities to their beloved customers. Online retailers should try implementing the BOPIS factor on their website i.e Buy Online, Pickup, In-store.
Implementing this strategy will work but in addition to this, there are various tactics you need to apply to make this work successfully. So, before you imply BOPIS, you have to follow some major key factors to successfully enhance your online store.
1. It begins with on-site promotion:
As we all know, the best buy product is a eye-catcher in between customers. The consideration phase is the time where a product catches an eye of the customer presenting and compelling to try some other alternative for the same. By integrating BOPIS offer early in the browse experience i.e before consideration phase, it would attract customers and will transform it into best buy wisely which could lead sellers to gain good conversion rates.
2. Post sale emailing:
Whenever a customer chooses BOPIS mode at the time of purchase, a post sale email should be sent to customers with all the standard order details. But they should also include the information anticipating the needs of the customers such as (i) what they need to bring to retrieve their order, (ii) links to the address on maps, (iii) special parking info, and (iv) where to go inside the store. You can also include a photo or others visuals of what customers should seek to reach your store conveniently.
3. Availability of parking:
Almost everyone own cars nowadays. It’s pretty obvious that customers must head towards your store in their cars. It’s the responsibility of the store retailers to provide a convenient parking place to the customers. Convenient parking appeals time driven customers. Instead of spending money on billboard advertising, try to dig out a suitable parking area in a dense urban city.
4. Maintaining discipline in the store:
Who like chaos? Obviously no one. The physical store owner knows the importance of discipline in the store. Consumers had to stand in queue for hours to wait for their turn. The long queues are the result of distorted management of the store. BOPIS encourages for creating dedicated experiences for in-store pickup. The retailers can quickly retrieve the orders without diverting (and frustrating) sales associates. This helps in shortening of the queues and decreased the chaos in the store too.
5. Experimenting and Improving is the key to success:
The most obvious reason because of which the store do not imply in store pickup is the cost. It’s expensive to overhaul back-end logistics, retrofit stores, and train employees. A less obvious problem is the speed at which BOPIS is evolving. Many retailers struggle to find the best fit for them and their customers.
However, as this generation relies on innovation and advancement, you should keep experimenting and improve your store. Innovative companies are never afraid of experiments- emphasising their strengths to encourage in-store pickup shopping.
While in-store pickups do not burden sales associates, it basically increases the value of in-store visits. Customers can easily walk out just by taking their order without talking to the retailers or they can easily leave the product if they are not satisfied with it.
6. Innovative companies are advancing — emphasising the strengths of in-store shopping:
The companies who are constantly experimenting with their business strategies and are bringing out innovation in them are constantly stepping towards success. Sellers should try to provide some offers to lure more and more consumers towards your website. For example, sellers should give some cool offers and discounts to the consumers who opted for in store pickup. And if this strategy prove worthwhile, you can increase the use of this strategy for immense success.
Online returns is a boon in increasing sale nowadays. Returning in-store allowed sellers to change the product according to their size, fit or missteps of a well-intentioned gift giver.
Over to you:
In short, there are many ways to leverage in-store visits. As consumer expectations rise and the challenges from Amazon mount, look for more experimenting from retailers.
KnowBand offers store locator and pickup for different CMS platforms like PrestaShop, Magento, Magento 2 and OpenCart. The eCommerce store admin can allow the customers to find the store availability. The customers can find the nearest store and also pick up the product. The store pickup extension allows the admin to provide a pickup option to the customers. The e-merchant can show the store details on the Google map. The customers can also have the driving directions.
The Google Maps Store Locator plugin is highly customisable the admin can show the distance, contact number and store timing also. The in-store pickup module offers a user-friendly interface. The admin can easily configure this plugin on their eCommerce website without any hassle. Store pickup plugin offers multi-lingual compatibility too which enabled consumers who are comfortable with their regional languages only.
After reading this blog we will be able to display price in all currencies in the product page of OpenCart 3.x
Problem Statement
By default, OpenCart 3.x display price of the product into the currency set as default or chosen by the end user. And to display the price in all available currencies there will be few changes in the default or core files of OpenCart. (In case you do not want to change the core files then it can be done either through VqMod or OcMod.)
Requirement
We would need to modify the below-mentioned files to show the price of the product in all available currencies in the product page.
Procedure to solve the issue-
Follow the below-mentioned steps –
Open product.php from Catalog/Controller/Product and search for
This document is all about the Xdebug installation & configure it with Netbeans in Windows.
How to debug through Xdebug in a project?
To debug through Xdebug you have to set up the project in Netbeans. Setup the Blog system project in NetBeans. After setting up the project in NetBeans select the project for which you want to debug. Now, go to the File menu in the top menu bar.
Then click on Project properties.
After clicking on this, a popup will open where you have to select the Run Configuration tab.
After clicking on this, a popup will open where you have to select the Run Configuration tab. Then you can see the Advanced button there. Click on this and select the “Do not Open Web Browser” option and click on OK.
Now click on debugger to start debugging. Please see in screenshot. And before that you have to open the project in browser :
For example: https://localhost:8080/blogs/blogs.php?XDEBUG_SESSION_START=netbeans-xdebug
Note: The Highlighted part in the URL above is the xdebug session id. You have to pass it on the page which you want to debug.
You can see the Xdebug in running state in below the NetBeans notification bar in the snapshot below:
Then you have to add a breakpoint in the code file. The code will stop at that point and you can check the values. You can trace the code by clicking on F7 in NetBeans.
You can check the value of dynamic variables by hovering the variables. You can also add the variable in watch list.
Until you will not complete or reach the last line for the code which you are debugging, in the browser, it will stop. It just showed loading. After completing the debugging or closing the debugging session it will come to page ((in browser) which you are opening.
Watch the complete tutorial in the following video:
Looks helpful? Also, read the other part of the article for complete & detailed information:
2. After logging you will need to select the offer list from the “My Inventory” tab as shown in the image given below:
3. In the offer list page, you will need to search the SKU by using “Offer SKU” field and check the checkboxes corresponding to those SKU which you want to delete as shown in the image below.
4. At the bottom of the page, you will find a button to delete the product as shown in the image below.
5. On clicking that button, a popup will be appeared on the screen which will show the list of SKUs that you have selected to delete and the button to delete those SKUs. This is shown in the image below:
2.0 Using Inventory Feed
You can delete the products in bulk from the Go Sport marketplace using inventory feed. You can download the sample inventory feed from the link given below:
In this feed, you need to fill the data in the following fields:
SKUs: Enter the SKU which you want to delete
update-delete: Enter “DELETE” in this column. After creating the feed, you will need to upload the feed on the Go Sport merchant account. The steps are given below:
2. After logging in, you will need to select the “Import From File” option from the “My Inventory” tab.
3. On the Import file page, you will need to upload the feed as shown in the image:
4. You can track the status of the uploaded feed using Track Offer Import Option as shown in the image given above. On clicking on the Track Offer Import option, a new page will be opened where you can check the status of the uploaded feed. If the feed is imported successfully then you can also check the processing status of the feed as shown in the image below:
Summary
After reading this document you (seller) can easily delete your products from the Go Sport marketplace.
A smooth and mobile-friendly user interface is the core of successful eCommerce websites. To create a fully mobile responsive layout system for the mobile and tablet users, Google Accelerated Mobile Pages(AMP) plugin has taken place into the market. The Google AMP pages are lite and optimized version of your site pages providing a quick responsive UI to the device users. OpenCart Accelerated Mobile Pages Extension by Knowband is one such tool to add Google AMP functionality to your online shop to capture mobile users through smartphones and tablets. Opencart AMP pages improve the web browsing experience by decreasing page load times. Faster mobile browsing is the only way where new customers will dive in and get motivated to purchase order.
More than 60% of your customers are mobile-based so it becomes important to create the AMP pages of store home page, category pages, product pages and CMS pages with the help of OpenCart Accelerated Mobile Pages Module. OpenCart AMP focuses on light content that increases the overall page speed and reduces the bounce rates. The reduced page load time contributes to the growth of traffic and SEO ranking.
1.1 Striking Features
OpenCart Accelerated Mobile Pages plugin offers additional features to the OpenCart site owners. Let us explore one by one.
1. OpenCart Accelerated Mobile Pages Extension adds optimized AMP pages to your website which are instantly loaded on mobile and tablet devices.
2. With the help of the Google Accelerated Mobile Pages(AMP) plugin, you can add Accelerated Mobile Page functionality to the home page, category pages, product pages, and CMS pages.
3. Knowband’s Accelerated Mobile Pages Extension for OpenCart provides an option to customize the home page, category pages, product pages, and CMS pages settings form the back-office.
4. You can upload a desired business logo for the AMP pages. Moreover, you can set the width and height of the site logo.
5. OpenCart AMP extension gives an option to display the bestsellers, new arrivals, and featured products on the home page. The e-merchant can set the number of featured products to be shown in a particular section and can be displayed in random order.
6. OpenCart Accelerated Mobile Pages Module provides an option to add social media sharing on the AMP mobile pages. The store admin can add extra icons apart from the ones provided with the Accelerated Mobile Pages Extension for OpenCart.
7. By using the Google Accelerated Mobile Pages Module, the OpenCart admin can automatically generate AMP sitemap with the help of a CRON job. They just have to click the Update Sitemap button.
8. Knowband’s OpenCart Accelerated Mobile Pages Addon supports Google Analytics allowing admin to enter the Analytics client Id for tracking the AMP performance.
9. Google Accelerated Mobile Pages Module for OpenCart supports multiple languages.
10. With the help of OpenCart Accelerated Mobile Pages Extension, the admin can set color and background color for AMP website and other different blocks of AMP.
11. To add more information to the AMP, admin can display YouTube, Vimeo and DailyMotion videos on the homepage of mobile pages.
12. Google Accelerated Mobile Pages(AMP) module allows lets you feature Instagram and Twitter feeds on the homepage.
13. The look and feel of cookie consent bar can also be changed from the back-office of Accelerated Mobile Pages Extension for OpenCart.
14. Store merchants can display advertisement on all the Mobile Pages by including Google Adsense from the admin interface of this OpenCart extension.
15. Store merchants can also implement Facebook pixel functionality on the mobile pages which helps you track the AMP website visitors.
16. OpenCart AMP module allows you to update AMP SEO URL on a single click.
2.0 Installation Guide
Before starting the installation process, you have to buy the OpenCart Accelerated Mobile Pages Extension from the Knowband store. Once purchased, you will receive the following files on your registered email.
Source code file of OpenCart AMP Module in zipped file format.
User Manual of OpenCart AMP Module.
Now in order to install this OpenCart AMP extension for your website, follow the given steps:
1. Unzip the zip file. You will get the folders as shown in the image below
2. Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
So, OpenCart Accelerated Mobile Pages plugin is now successfully installed and is ready to use at your store. Go to the admin menu and click on the extensions and thereby click on configure button next to Knowband AMP Pages.
3.0 Admin Interface
Just after successful installation of Google Accelerated Mobile Pages(AMP) plugin on your website, you can configure the AMP settings as per your requirements. Navigate the settings in the given order: Admin Panel > Extensions > Knowband AMP Pages.
The simple to understand admin interface of OpenCart Accelerated Mobile Pages Module is divided into nine sections namely:
Each of these sections has been discussed in detail below.
3.1 General Settings
The general settings of Google Accelerated Mobile Pages(AMP) plugin consist of the following configuration options:
Enable/Disable: The whole functionality of OpenCart Accelerated Mobile Pages Module can be enabled or disabled just by selecting Yes or No.
Force AMP on Mobile Devices: This option enables or disables Google AMP functionality for mobile devices only.
Website Logo: The website logo shown on the AMP mobile pages can be changed by uploading a new image file.
Logo Width: This option sets the width for the logo image in pixels.
Logo Height: This option sets the height for the logo image in pixels.
Enable GDPR Cookie Consent Bar: This option enables or disables GDPR cookie consent bar for all the AMP mobile pages of the website.
Cookie Consent Message: This option allows you to set a cookie consent message shown on the consent bar. You can set this text in both English and French language.
Cookie Policy: This option lets you set the URL for Coolie policy. When the user clicks the cookie policy text they are redirected to this specified page automatically.
Products per Page: This option specifies the count of product listings on the category pages of the site.
Enable/Disable Homepage AMP: This option enables or disables Google AMP on the Homepage of the website.
Enable/Disable Listing Page AMP: This option enables or disables Google AMP on listing pages like category page, search page, etc.
Enable/Disable Product Page AMP: This option enables or disables Google AMP on product pages of the website.
Enable/Disable CMS Page AMP: This option enables or disables Google AMP on different CMS pages of the site.
Custom CSS: You can include custom CSS code to improve the front-end functionality of AMP mobile pages.
By clicking on the “Refresh” button shown in the General Settings of Knowband AMP module, the default URL is automatically updated to AMP SEO URL.
3.2 Home Page Settings
You can configure the AMP settings for the site’s Homepage. These settings are not applied to the other pages like category page, product page, etc. The various settings include:
Display Custom text: Using this option, you can set a desired text on the product page. This extra text can be enabled or disabled as per needs.
Custom Text: You can specify the desired text you want to show on the Homepage. This custom text can be set in both English and French language.
Display Position: You can set a specific location where you want to show this custom text. You can show at the top or bottom of the page.
a) Featured Products Settings
Enable Featured Products: This option lets you to enable or disable the featured products shown on the product page.
Display Featured Products in Carousel: You can enable this option to display the featured products in carousel view. If disabled, the products will be shown in the standard format.
Random Display: This option if enabled shows random featured products. Every time the customer will see random products in the featured category. If this option is disabled, the products will be the same every time.
Number of Featured Products: You can fix the number of products shown in the featured products section of the Homepage.
Display Banner: Enable or disable the banner shown on the featured products section of the homepage.
Upload Banner: This option lets you upload or select the image file you want to show as a banner for featured products.
b) Best Selling Products Settings
Enable Best Selling Products: This option lets you enable or disable the best selling products shown on the product page.
Display Best Selling Products in Carousel: You can enable this option to display the best selling products in carousel view. If disabled, the products will be shown in the standard format.
Random Display: This option is enabled shows random best selling products. Every time the customer will see random products in the best selling category. If this option is disabled, the products will be the same every time.
Number of Best Seller Products: You can fix the number of products shown in the best selling products section of the Homepage.
Display Banner: Enable or disable the banner shown in the best selling products section of the homepage.
Upload Banner: This option lets you upload or select the image file you want to show as a banner for best selling products.
c) New Arrival Products Settings
Enable New Arrival Products: This option lets you enable or disable the new arrival products shown on the product page.
Display New Arrival Products in Carousel: You can enable this option to display the new arrival products in carousel view. If disabled, the products will be shown in the standard format.
Random Display: This option if enabled shows random new arrival products. Every time the customer will see random products in the new arrival category. If this option is disabled, the products will be the same every time.
Number of Best Seller Products: You can fix the number of products shown in the new arrival section of the Homepage.
Display Banner: Enable or disable the banner shown in the new arrival products section of the homepage.
Upload Banner: This option lets you upload or select the image file you want to show as a banner for new arrival products.
d) YouTube Video
Display Youtube Video: This option lets you show or hide the Youtube video on the Homepage.
Youtube Video ID: With this option, you can set the Youtube video ID corresponding to the specific youtube video.
Enable Youtube Header Text: You can show or hide the header text for the youtube video.
YouTube Header Text: The youtube header text can be changed using this option. You can specify a custom text you want to show as header text for a video. This text can be set for English or French language.
Autoplay: If this option is enabled, the video will automatically play as the homepage loads. But if this option is disabled, the user has to click the play button in order to view the youtube video.
Display Controls: If this option is enabled, the youtube control bar is shown for the youtube video. Else if disabled, the youtube controls are not displayed.
Display Position: You can set the position for the youtube video. This position can be either set to top or bottom.
e) Vimeo Video
Display Vimeo Video: This option lets you show or hide the Vimeo video on the Homepage.
Vimeo Video ID: With this option, you can set the Vimeo video ID corresponding to the specific Vimeo video.
Enable Video Header Text: You can show or hide the header text for the Vimeo video.
Vimeo Header Text: The Vimeo header text can be changed using this option. You can specify a custom text you want to show as header text for a video. This text can be set for English or French language.
Autoplay: If this option is enabled, the video will automatically play as the homepage loads. But if this option is disabled, the user has to click the play button in order to view the Vimeo video.
Display Position: You can set the position for the Vimeo video. This position can be either set to top or bottom.
f) Dailymotion Video
Display Dailymotion Video: This option lets you show or hide the Dailymotion video on the Homepage.
Dailymotion Video ID: With this option, you can set the Dailymotion video ID corresponding to the specific Dailymotion video.
Enable Dailymotion Header Text: You can show or hide the header text for the Dailymotion video.
Dailymotion Header Text: The Dailymotion header text can be changed using this option. You can specify a custom text you want to show as header text for the video. This text can be set for English or French language.
Autoplay: If this option is enabled, the video will automatically play as the homepage loads. But if this option is disabled, the user has to click the play button in order to view the Dailymotion video.
Enable End Screen: Show or hide the end screen at the end of the video. If enabled, it will show other recommended videos on the video end.
Enable Video Sharing: Show or hide the share option for the Dailymotion video.
Change Highlight Color: Enable or disable video highlight colors.
Highlight Colors in the Control: Pick up the desired color which will be shown on the video bottom bar and side menu bar panel.
Display Dailymotion Logo: You can show or hide the Dailymotion logo on the video.
Display Position: You can set the position for the Dailymotion video. This position can be either set to top or bottom.
g) Instagram Feed
Display Instagram Feed: You can show or hide the Instagram feed on the homepage of the website.
Feed ID: This option allows you to set the Instagram feed ID which will be shown on the Homepage of the website. To set multiple feed IDs, separate each feed ID followed by a comma.
Enable Instagram Header Text: You can enable or disable the header text shown for the Instagram feed.
Instagram Header Text: This option lets you specify the header text for the Instagram post or feed.
Include Instagram Caption: This option shows/hide the Instagram caption for the specific photo or video.
h) Twitter Feed
Display Twitter Feed: You can show or hide the twitter feed on the Homepage of the website.
Tweet ID: This option sets the Tweet ID which has to be displayed on the Homepage.
Enable Twitter Header Text: You can enable or disable the Twitter Header Text shown over the tweet.
Twitter Header Text: You can specify the header text for Twitter feeds.
Disable Twitter Cards: If you set Yes for this option, the content is displayed in a compact form. Else if you set this option to No, the detailed twitter feed is displayed on the Homepage.
3.3 Category Page Settings
Under this section of Google Accelerated Mobile Pages(AMP) plugin, you can perform AMP settings for the category pages of the site. The various settings include:
Display Custom Text: You can enable or disable this text shown on the category pages of the website.
Custom Text: Using this option, you can set a desired text for the category pages. This text can be specified in English or French language.
Display Position: You can set the position for this custom text on the category page. The text position can be set to Top or Bottom of page.
3.4 Product Page Settings
Under this section of OpenCart Accelerated Mobile Pages Module, you can perform AMP settings for the product pages of the site. The various settings include:
Display Custom Text: You can enable or disable this text shown on the product pages of the website.
Custom Text: Using this option, you can set a desired text for the product pages. This text can be specified in English or French language.
Display Position: You can set the position for this custom text on the product page. The text position can be set to Top or Bottom of page.
Display Product Review: You can show or hide product reviews on the AMP product pages.
Display Related Products: You can enable or disable related products on the AMP product pages.
3.5 Look and Feel Settings
You can modify the look and feel settings for the AMP pages of your site. The settings can be done for each of the page element. You can make general settings, settings for product page, product listings, category page, and cookie consent bar.
a) General Setting
Background Color: This option sets the background color for all the AMP pages.
Font Color: This option sets the font color for the text shown on AMP pages.
Header Background Color: This option sets the background color for the site header.
Header Font Color: This option sets the font color for the text shown in the header section.
Header Icon Color: This option sets the icon color for the icons shown in the header section of the site.
Footer Background Color: This option sets the background color of the footer section of the AMP website.
Footer Font Color: This option sets the font color for the text shown in the footer section.
Footer Lower Bar Background Color: This sets the background color for the lower footer bar.
Left Menu Slider Background Color: This option sets the background color for the left menu slider.
Left Menu Header Background Color: This option sets the background color for the left menu header part.
Left Menu Slider Font Color: This option sets the font color for the text shown in the left menu slider.
Left Menu Sidebar Icon Color: This option sets the color for the icons shown in left menu sidebar.
Header Left Background Color: This option sets the background color for the left header section.
b) Product Listing Setting
Product Title Color: This option sets the color for the product title text.
Product Title Font Size: This option sets the font size of the product title.
Add to cart button color: This color specifies the background color of the Add to Cart button.
Add to cart button Font color: This sets the font color for the text shown on Add to Cart button.
Add to Cart Font Size: This option sets the size for the text shown on Add to Cart button.
c) Category Setting
Category Heading Font Color: This option sets the color for the text shown as a category heading.
Category Heading Font Size: This option sets the font size for the text shown as a category heading.
d) Product Setting
Product Title Font Color: This option sets the color for the product title text.
Product Title Font Size: This option sets the font size for the product title text.
Add to cart button color: This option specifies the background color of the Add to Cart button.
Add to cart button Font color: This option shows the font color for the text shown on Add to cart button.
Add to cart button Font size: This option shows the font color for the text shown on Add to cart button.
e) Cookie Consent Bar
Cookie Consent Background Color: This option sets the background color for the cookie consent bar.
Consent Message Font Color: This option sets the font color for the text shown as consent message.
Background Color of Accept Button: This option specifies the background color for the Accept Button shown on cookie consent bar.
Font Color of Accept Button: This sets the font color for the text shown on Accept Button.
3.6 Social Media
Under the social media settings of Google AMP module, you have an option to add business contact information like address, email ID and contact number. You can also add social channels links to your AMP mobile pages so that customers can direct follow up with their queries or doubts on social media like Facebook, Twitter, LinkedIn, Pinterest, etc. Social channels are one way to keep your users updated about your online business. Admin can perform the following configurations:
Display Shop Address in Menu Slide: Show or hide business address in the left slider menu section.
Display Shop Email Address: Show or hide the email address of your business in the left slider menu section.
Email Address: Set the email address of your business using this option.
Display Shop Contact Number: Show or hide the contact number for your business or shop.
Contact Number: Set the contact number for your online shop.
Display Facebook Icon: Show or hide the Facebook icon in the left menu slider of the website.
Facebook URL: Set Facebook page URL using this option.
Display Twitter Icon: Show or hide the Twitter icon in the left menu slider of the website.
Twitter URL: Set Twitter page URL using this option.
Display Google+ Icon: Show or hide the Google+ icon in the left menu slider of the website.
Google+ URL: Set Google+ page URL using this option.
Display Linkedin Icon: Show or hide the LinkedIn icon in the left menu slider of the website.
Linkedin URL: Set the LinkedIn page URL using this option.
Display Tumblr Icon: Show or hide the Tumblr icon in the left menu slider of the website.
Tumblr URL: Set Tumblr page URL using this option.
Display Pinterest Icon: Show or hide the Pinterest icon in the left menu slider of the website.
Pinterest URL: Set Pinterest page URL using this option.
3.7 Extra Icon
If they want to add more social media icon then they can add here with ease.
Enable Extra Icons: Enable or Disable extra icons in the left slider menu.
Icon Class: Set the icon class using this option.
Icon URL: This option sets a URL corresponding to the icon.
An option to “Add More or Remove” is also provided so that you easily add new icons or delete the existing icons.
3.8 Tracking
The various tracking services offered by this OpenCart Accelerated Mobile Pages Extension allows you to track the performance of AMP pages. The three track services provided are:
Enable Google Analytics: If you want to track the performance of the accelerated mobile pages of your site, this feature allows you to enable or disable Google Analytics functionality. Analytics Client Id: You can enter your Google analytics client ID to configure.
Enable Google Adsense: Activate or Deactivate the Google Adsense functionality from here. Adsense ID: Enter the Adsense ID here. AMP ad type: Enter the supported AMP ad type. This way the admin can specify an identifier for the ad network. The type attribute selects the template to use for the ad tag. Display Google Adsense on Homepage: Enable the option in order to display Google adsense on the Homepage. Display Position on Homepage: Select the position for showing Google adsense on the homepage. Display Google Adsense on the Product page: Enable the option to show Adsense on the Product page. Display Position on the Product page: Select the position for displaying Google adsense on the product page. Display Google Adsense on Category page: Enable the option to show Adsense on a category page. Display Position on Category page: Select the position for showing Google adsense on category. Display Google Adsense on CMS page: Enable the option to show Adsense on the CMS page. Display Position on CMS page: Select the position for showing Google adsense on CMS. Enable Facebook Pixel: Enable or disable the option from here for implementing Facebook pixel tool to track site visitors. Facebook Pixel ID: Enter the Facebook Pixel ID here.
3.9 Sitemap
In this section, the store admin can generate the AMP Sitemap by clicking the button.
As you will hit an enter or click on the “Click Here” button, the sitemap will be automatically updated and will display a “Success” message on the screen.
CRON INSTRUCTIONS
Add the corn to your store via control panel/putty to generate/update the sitemap. Please find the instructions to setup crons below:
After enabling the OpenCart Accelerated Mobile Pages(AMP) Module by Knowband the store admin can enable the settings for the home page, category pages, product pages, and CMS pages. As per the settings enabled by the admin, AMP will look as shown below:
Home Page
Various featured products, new arrivals products, and best seller products can be shown on the Homepage of the website.
You can display YouTube video, Dailymotion video, Vimeo video, Instagram feed, and Twitter feed on the Homepage.
Product Page
Category Page
Cookie Consent Bar
Left Menu Slider
This way the OpenCart Accelerated Mobile Pages Extension converts the general website pages into accelerated mobile pages without any complicated process. The online merchant can implement the OpenCart Accelerated Mobile Pages module easily without any hassle and improve page load time easily without any hassle. The OpenCart Accelerated Mobile Pages Module provides separate settings for the homepage, product pages, category pages and CMS pages which makes configuration easy for the store admin. Admin can take a step ahead to reduce the bounce rate of the website by offering mobile responsive website pages.
