Instagram is undoubtedly one of the fastest ways to reach a huge number of specific users and have them familiarize with a brand. Opencart Instagram Shop Gallery Extension by Knowband lets your customers shop what they see in your Instagram Account. You can showcase your Opencart Shoppable Instagram Feed on to your eCommerce website. More and more businesses want to advertise on Instagram because of its incredible audience. As technology evolves toward a visual-centric approach, users wanting to obtain as much information as possible but in less time are shifting from editorial to mainly visual content. You can give your customers a visual approach for them to view the products on your eCommerce store as Opencart Shoppable Instagram Feed and buy tagged products as if they are shopping on Instagram.
2.0 Features
3.0 Installation Guide
Before starting the installation process, you have to buy the Opencart Instagram Shop Gallery Extension from the Knowband store. Once purchased, you will receive the following files on your registered email.
Source code of Opencart Instagram Shop Gallery Extension module in zipped file format.
User Manual of Opencart Instagram Shop Gallery Extension module.
Now in order to install this Opencart Instagram Shop Gallery Extension module on your online shop, follow the given steps:
Step 1: Unzip the zip file. You will get the folders as shown in the image below
Step 2: Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
So, Opencart Instagram Shop Gallery Extension plugin is now successfully installed and is ready to use at your store. Go to the admin menu and click on the extensions. Choose the Extension Type as Modules. You will find a list of modules. Select the Opencart Instagram Shop Gallery Extension.
4.0 Admin Interface of OpenCart Instagram Shop Gallery Extension
To configure the Opencart Instagram Shop Gallery Extension, Navigate the settings in the following order: Admin Panel > Extensions > Modules > Instagram Shop
The Admin Interface of Opencart Instagram Integration Extension is divided into 6 Tabs:
Instagram Account
Photos and Videos
Tags
Layouts
Settings
Help
4.0.1 Instagram Account
Under the Instagram Account of the Opencart Instagram Integration Extension, You will have the following configuration option:
Know how to generate Access Token: Annexure 1: How to generate Access Token?
4.0.2 Photos & Videos
Under the Photos & Videos of the Opencart Instagram Integration Extension, You will have the following configuration option:
1.All
2.Featured
3.Tagged with Products
4.0.2.1 All
Here all the Photos added on your eCommerce store will be shown. The page will look like the following as shown below:
Instagram Icon: Click on the Icon to view the Photo on Instagram Profile.
When you will click on the Photo, the following pop up will be appear to them as shown below:
You can add an Image or Video to a Tagged Gallery Page as follows:
You can Tag as many Products as you want with this Photo.
Tagged products will be shown in your eCommerce store as below:
4.0.2.2 Featured
All the Photos and videos marked as Featured in ‘All’ Tab will be shown here. The page will look like as the one shown below:
4.0.2.3 Tagged with Products
All the Photos and Videos which are tagged with products will be listed here. You can click on the image to Tag photo with products. The screen will be shown as below.
4.0.2.4 Add Photos & Videos
Follow these simple steps to add a Photo and Video. Click on the Add Icon which is highlighted on the screenshot below:
The following screen will appear:
Users will have 2 options to add a screen:
Search with Hashtag
Search from own Account
Search with Hashtag
You can search a Photo using Hashtags and all the photos listed under that Hashtag will appear on the screen. You can select a Photo and click on Save and the Photo will be saved under ‘All’ Tab.
*Note – Do not use ‘#’ before the keyword to search a Photo.
You can only add a Photo using the Hashtag. To add a Video, you need to search it from your own account.
Search from own Account
When you click on Search from own account, the following page will be shown below. All the Photos and Videos uploaded on your Opencart Shoppable Instagram Feed will be shown.
Once the Photo or video is added, it will be shown on the ‘All’ Tab of the Photos & Videos setting page of Opencart Instagram Integration Extension.
4.0.3 Tags
Using Tags, you can add a page in your store and show specific Products under that Tag. The Tag page will look like as shown below:
Preview Tag: If you click on this option then it will redirect you to the Store where you can view the Tag Page.
4.0.3.1 Add a Tag
Under the Add Tag of Opencart Instagram Integration Extension, Admin will have the following configuration options:
Tag Info
Short code
After the information is saved on both the Tabs of Add Tag. You can click on Save and the Tag will be added.
Layouts:
The following two types of layout options are present in Opencart Instagram Shop Gallery Extension:
Carousel Slider
Grid View
4.0.3.2 Edit a Tag
Under the Edit Tag of Opencart Instagram Integration Extension, You will have the following configuration options. It will be same as Add Tag, the only difference is that data will be pre-filled.
Tag Info
Short code
4.0.4 Layouts
You can add your Instagram images on any page of your webstore from this option. Under the Layouts of the Opencart Instagram Integration Extension, You will have the following configuration option:
Edit Layout: Edit Layout Page will be same as Add a Layout Page. The only difference is that in edit page all the field will be pre-filled. Delete Layout: When you click on Delete Layout, the page will give a Pop up to confirm. Once you confirm it, the Layout will be deleted.
4.0.4.1 Add Layout
You can add images from your Instagram feed on any page of your Webstore from this option. Add Layout of Opencart Instagram Shop Gallery Extension will have the following configuration option:
Position of Layouts:
Content Top
Content Bottom
Column Left
Column Right
4.0.5 Settings
Settings page will have the following configuration options:
4.0.5.1 General
Under the General Settings of the Opencart Instagram Integration Extension, You will have the following configuration option:
4.0.5.2 Colors and Labels
You can change the Look and feel of ‘Follow’ Button from this setting. The same is shown on the screenshot below:
Follow button will look like as shown below:
4.0.5.3 Gallery Page
You can change the main gallery page settings from this option. Under the Gallery Page Settings of the Opencart Instagram Integration Extension, You will have the following configuration option:
4.0.6 Help
Under the Help Tab of the Opencart Instagram Integration Extension, You can see on how to get the access Token for your Instagram account. You can follow the listed steps to generate Access Token. The page will look like following:
Annexure 1: How to generate Access Token?
Click here to go to Instagram Account
Step 1:
Go to https://instagram.pixelunion.net/ and click on Generate Access Token
Step 2:
Copy Access Token
Step 3:
Paste it in the Access Token field under Instagram account settings.
Managing an ecommerce website isn’t easy. Competition is fierce, technology is ever-changing, and there’s no other position in the company that gets as much advice from well-meaning peer ‘experts’ (anyone who’s watched a webinar on conversion optimization) or gets as much daily scrutiny as the ecommerce manager.
Every part of the site must be consistently tested and optimized. Every word of copy must do the job it’s there to do. And something as simple as the configuration of an online sizing chart can either pull customers in or drive them away.
The ecommerce manager must balance all of it.
The OpenCart Product size chart Module by Knowband is a Size Chart creating module for OpenCart. Using this extension, the merchant can show the different types of size charts for each category, product, and manufacturers available on his/her store.
The eCommerce store admin can assign the chart to a particular product or products of a particular category or products of a particular manufacturer. Thus with the help of this OpenCart Product Size chart Extension, the eCommerce store owner can easily resolve the size-related issues of the store customers.
Why is the online sizing chart so important?
The majority of returns for ecommerce apparel items are due to the customer not being satisfied with the fit.
This article isn’t for online clothing store managers only, though. Many items require a fit of one type or another – sleeping bags, fishing rods, furniture… all need to fit the buyer.
We’ve already mentioned that high return rates can often be traced directly to sizing issues. Uncertainty about the fit is why many would-be online customers opt to drive to the store and try an item on before purchasing.
Here are our top five reasons why ecommerce managers should pay close attention to how their sizing information is presented:
1.1 Features
2.0 Installation Guide
Before starting the installation process, you have to buy the OpenCart Product size chart Extension by the Knowband store. Once purchased, you will receive the following files on your registered email.
Source code of OpenCart Product size chart Extensionmodule in zipped file format.
User Manual of OpenCart Product size chart Extensionmodule.
Now in order to install this OpenCart Product size chart Extensionmodule on your online shop, follow the given steps:
Step 1: Unzip the zip file. You will get the folders as shown in the image below:
Step 2: Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
Step 3: There is a file name kbproductsizechart.ocmod.zip (for OC>=3.0) or kbproductsizechart.ocmod.xml (for OC < 3.0). You need to install this file in the following Location:
Step 4: After Installation you need to select this file and refresh Modifications:
So, OpenCart Product size chart Extension plugin is now successfully installed and is ready to use at your store. Go to the admin menu and click on the extensions. Choose the Extension Type as Modules. You will find a list of modules. Select the OpenCart Product size chart Extension
3.0 Admin Interface of OpenCart Product size chart Module
To configure the Size guide module for OpenCart, Navigate the settings in the following order:
The Admin Interface of OpenCart size catalog Extensionis divided into 6 Tabs:
General Settings
Attribute Sets
Charts
Manufacturer Chart
Product Chart
Support
3.0.1 General Settings
This setting will have an Option to enable/disable the plugin. The page will look like as shown below:
3.0.2 Attribute Sets
Through this setting of OpenCart Size chart table extension, you can add a New Attribute Set or make changes in the Existing Attribute Set’s Columns and Rows. The screen will look like as shown below:
Edit an Attribute set: You can Edit an existing Attribute set using the Edit option. The screens for Editing Attribute Set will be same as Adding an Attribute Set. The only difference will be that Edit will have the fields already filled.
Delete an Attribute Set: You can delete an Attribute Set by clicking on the ‘Trash’ Icon. A pop up will show up asking for the Confirmation. You can click yes and the Attribute will be deleted.
Add an Attribute Set: You can add an Attribute Set by Clicking on the option provided on the Top of the Page. The following screen will show up:
Preview of the Attribute Set: When clicking on the ‘Eye’ (Preview) Icon, the preview of the Attribute Set will be shown as a Pop Up. The Pop up will look like as shown below:
3.0.3 Charts
Through this setting of OpenCart Size chart table extension, you can add a New Size Chart or make changes in the Existing Size chart Columns and Rows Values. The screen will look like as shown below:
Edit a Chart: You can Edit an existing Chart using the Edit option. The screens for Editing Chart will be same as Adding a New Chart. The only difference will be that Edit will have the fields already filled.
Delete a Chart: You can delete a Chart by clicking on the ‘Trash’ Icon. A pop up will show up asking for the Confirmation. You can click yes and the Chart will be deleted.
Add a Size Chart: You can add a Size Chart by Clicking on the option provided on the Top of the Page. The following screen will show up:
Preview of the Size Chart: When clicking on the ‘Eye’ (Preview) Icon, the preview of the Size Chart will be shown as a Pop Up. The Pop up will look like as shown below:
3.0.4 Manufacturer Chart
This setting of OpenCart Size chart table extension shows the charts which are mapped to different manufacturers. To add a new entry, the admin can click on the add icon appearing on the right side of the table. The Manufacturer Tab will look like as shown below:
Edit a Manufacturer Chart: You can Edit an existing ManufacturerChart using the Edit option. The screens for Editing ManufacturerChart will be same as Adding a New ManufacturerChart. The only difference will be that Edit will have the fields already filled.
Delete a Manufacturer Chart: You can delete a ManufacturerChart by clicking on the ‘Trash’ Icon. A pop up will show up asking for the Confirmation. You can click yes and the ManufacturerChart will be deleted.
Add a Manufacturer Chart: You can add a ManufacturerChart by Clicking on the option provided on the Top of the Page. The following screen will show up:
Preview of the Manufacturer Chart: When clicking on the ‘Eye’ (Preview) Icon, the preview of the Manufacturer Chart will be shown as a Pop Up. The Pop up will look like as shown below:
**Note – If a Product has a Manufacturer Chart mapped with them and the Store Admin also mapped a Product Chart with it, then the Product chart will be given highest Priority. Thus Product Chart mapped with the Product will be shown in the Web store to the User.
3.0.5 Product Chart
This setting of OpenCart Size chart table extension shows the charts which are mapped to different Products. To add a new entry, the admin can click on the add icon appearing on the right side of the table. The Product Chart Tab will look like as shown below:
Edit a Product Chart: You can Edit an existing ProductChart using the Edit option. The screens for Editing ProductChart will be same as Adding a New ProductChart. The only difference will be that Edit will have the fields already filled.
Delete a Product Chart: You can delete a ProductChart by clicking on the ‘Trash’ Icon. A pop up will show up asking for the Confirmation. You can click yes and the ProductChart will be deleted.
Add a Product Chart: You can add a ProductChart by Clicking on the option provided on the Top of the Page. The following screen will show up:
Preview of the Manufacturer Chart: When clicking on the ‘Eye’ (Preview) Icon, the preview of the ManufacturerChart will be shown as a Pop Up. The Pop up will look like as shown below:
**Note – If a Product has a Manufacturer Chart mapped with them and the Store Admin also mapped a Product Chart with it, then the Product chart will be given highest Priority. Thus Product Chart mapped with the Product will be shown in the Web store to the User.
Product reviews are an important way to know the perspective of the customers who have purchased the products at your store. But sometimes, it might get difficult to compel users to leave a review for their purchase or ask new visitors to rate the product. In order to incorporate a review and rating system on the store, Knowband has offered OpenCart review incentive module which motivates buyer and customers to write a review in exchange of appealing incentives. This OpenCart review reminder and incentive module reminds the user about reviewing their purchase on the store. Using OpenCart product review reminder module, you can easily create and schedule unlimited review reminder emails for asking bulk product reviews and rating from the customers. Only approved reviews are provided with the discount incentive which increase the number of returning customers on your eCommerce store.
1.1 Striking Features of OpenCart Review Reminder and Incentive Module
Product review and rating is all about building brand reputation in eCommerce markets. With OpenCart review incentive module, you can easily control the review content visibility on your website. Moreover, you don’t require to code anything for the implementation of this review and incentive system at your store. Everything is simple and can be managed from the backend without modifying any existing code.
Before that, let us take a quick outlook of the features offered by this OpenCart review reminder module.
1. Compel your visitors and customers to write a product review in exchange of incentive by incorporating OpenCart review manager plugin at your store.
2. Enable or disable the functionality of OpenCart product review reminder module using the toggle switch provided at back-office.
3. The incentive system of this OpenCart review incentive module can be separately enabled or disabled as per business needs.
4. You can moderate product reviews before making them live on the product pages. You can either accept the product reviews or reject them.
5. OpenCart review and rating manager allows you to ask product reviews from all customers or buyers only.
6. With OpenCart customer Ratings and Reviews system, you can offer a fixed or percentage type incentive value to your customers.
7. The review incentive amount can be set from the backend of this OpenCart review and rating manager plugin.
8. OpenCart review incentive module automatically sends an approval or rejection email to the customer depending upon the moderation result.
9. You will receive an alert notification email as any user will post a review on your website.
10. OpenCart review reminder and incentive module lets you configure the reminder email sent to the customer for asking reviews and when once after they have reviewed the product.
11. OpenCart product review reminder and incentive is mobile responsive and device compatible.
12. OpenCart review manager plugin supports multi-store and multi-lingual compatibility.
13. You can view the complete report for the product reviews, offered incentives and list of reviewed products from the back-office of this OpenCart review incentive module.
14. Create unlimited Smart review reminder and send them to buyers as soon as they complete their purchase from the store.
15. OpenCart review reminder extension allow excluding products and categories for which no reviews are required.
2.0 Installation Guide of OpenCart Product Review Reminder Module
Before starting the installation process, you have to buy the OpenCart review incentive extension from the Knowband store. Once purchased, you will receive the following files on your registered email.
Source code of OpenCart Review Incentive module in zipped file format.
User Manual of OpenCart review reminder and incentive plugin.
Now in order to install this OpenCart review reminder module on your online shop, 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 review and incentive module is now successfully installed and is ready to use at your store. Go to the admin menu and click on the extensions. Choose the Extension Type as Modules. You will find a list of modules. Select the Review Incentive module.
3.0 Admin Interface of OpenCart Review Reminder and Incentive Module
Just after successful installation of OpenCart review and incentive modulee, you can create and schedule unlimited review reminder for the store customers. Navigate the settings in the given order: Admin Panel > Extensions > Modules > Review Incentive
The simple to understand admin interface of OpenCart review and rating manager plugin has been divided into two broad sections namely:
Each of these sections has been discussed in detail below.
3.1 General Settings
Under the general settings of OpenCart product review reminder and incentive plugin, you will get the following configuration options:
Enable/Disable: This option will enable or disable the complete functionality of OpenCart Review Option module.
Incentive Criteria: With this option, you can decide whether you want to offer incentive to all customers or buyers only.
Enable Incentives: The incentive system incorporated using OpenCart review incentive module can be enabled or disabled using this option.
Incentive Amount type: This option sets the incentive type as fixed or percentage.
Incentive Amount: This option will set the incentive amount or value which is offered to customer in exchange of product reviews.
Moderation: With the help of this option, you can evaluate the product reviews before making them live on product page. OpenCart Review Option module allows checking and modifying the review before posting it on the website.
Review Description: This option will set the content or description which is shown in the left side of the Write Review page.
Email Subject (When review is accepted and incentives are included): This option will set the subject of the email sent to customers when their review is accepted and incentives are included.
Email Template (When review is accepted and incentives are included): This option will set the content of the email sent to customers when their review is accepted and incentives are included.
Email Subject (When review is accepted and incentives are excluded): This option will set the subject of the email sent to customers when their review is accepted but incentives are excluded.
Email Template (When review is accepted and incentives are excluded): This option will set the content of the email sent to customers when their review is accepted but incentives are excluded.
Email Subject (When admin disapproves a review): This option will set the subject of the email sent to customers when their review is rejected or disapproved.
Email Template (When admin disapproves a review): This option will set the content of the email sent to customers when their review is rejected or disapproved.
Email Subject (Inform to admin when a new review is posted): This option will set the subject of the email sent to store admin or owner when any new review is posted on the website.
Email Template (Inform to admin when a new review is posted): This option will set the content of the email sent to store admin or owner when any new review is posted on the website.
3.2 Reminder Settings
Under the reminder settings of OpenCart product review reminder module, you can create multiple review reminders for your eCommerce store with custom values. These reminders can be sent to different customers who have purchased items from the store. OpenCart review request plugin asks the buyers to review and rate their order on the store. The screenshot shown below gives a list of existing review reminders which can be modified or deleted as per store requirements. You can even create a new reminder and schedule it from this section.
3.2.1 How to create a new reminder
Automatic Invite Email: This option enables or disables the reminder or automatic email notification sent to buyers to review their purchase.
Enable this if you want to send reminder after order creation date: The value of this setting decides when to send the reminder email to the customer. If this is enabled, then reminder will be sent to the customer after the specified number of days (this is selected in the next field) from the date of order creation. If this is disabled, then number of days after selected order status, reminder will be sent to customer. Order status set from here will be checked.
Automatic email if order status: You have to set this option only if the above option is disabled. With this, you can set the order status after which the automatic email will be sent to the customer.
Days: This option will set the number of days after which the reminder email is sent to the customer.
Email Subject: This option allows you to set a subject for the reminder email sent to the customers.
Email Content: This option sets the content for the reminder email which specifies the product they have purchased from the store and has to be reviewed, rated.
3.2.2 How to run cron to send automatic reminders
In order to send all the scheduled reminder emails all at once, you have to manually hit the cron command each time.
For this, you have to run the URL:
All the site products and categories for which you don’t want to get review & rating from the customer, you can exclude them from this section.
Excluding Products
Select the specific product to exclude, which can be further modified or deleted.
Excluding Categories
Select the specific category to exclude.
3.4 Reviews
Under the Reviews tab of OpenCart review incentive module, you can check all the product reviews along with the details of associated customer. You can check filtered product reviews for a specific time interval. Each of the product review can be examined and then accepted/rejected from this section.
If the moderation for product reviews is set as automatic, all the product reviews are approved by default. Else, if moderation is set to manual, you can accept or reject the review.
Additionally, you also get the option to modify the following details of a product review.
Product: This field shows the name of the reviewed product.
Title: This field shows the review title given by the customer/buyer.
Review Description: This field shows the description for the product as given by the customer.
Rating: This shows the product rating given by the customer on that particular product.
Total Helpful Votes: This is a count of readers who found that review useful or helpful.
Total Not Helpful Votes: This is a count of readers who don’t found that review useful or helpful.
Author: This field specifies the name of the product reviewer.
Email: This field specifies the email information of the reviewer.
Incentive Amount Type: This field specifies the type of incentive amount if applicable.
Incentive: This field shows the inventive value or amount.
Total Amount: Using this option, you can set the cart amount which is required to apply the incentive code.
End Date: This field specifies the expiry date of the incentive coupon.
Certified Buyer: You can mark the customer as a certified buyer with the help of this option.
Status: This option simply enables or disables the particular product review on frontend.
3.5 Reports
The report system of OpenCart review and incentive module offers you detailed statistics based on different criteria such as:
1. Reports based on Products
2. Reports based on Category
3. Reports based on Manufacturer
4. Reports based on Customers
These reports can be filtered for different time periods using the filter option present at the admin screen.
4.0 Front Interface of OpenCart Review Incentive Module
A) Link to “Write a Product Review block” on product page
B) “Write a Review” block on front-end
C) Message after submitting a product review
This way, the OpenCart Product Review Reminder and Incentive module easily implements the functionality of reminding customers to write a product review. The online users can get incentives on writing product reviews. The online merchant can offer an incentive for all the customers or only buyers as per the requirements. OpenCart Product Review Reminder and Incentive module allows offering fixed or Percentage based incentive. The OpenCart Product Reviews module provides an option to check the reviews before posting it or post it automatically. Multiple email templates are available for sending email to the customers regarding review approval or disapproval. OpenCart Product Review Reminder and Incentive extension also provides an option to include an incentive or exclude incentive and send mail accordingly.
The store admin can configure the OpenCart Review extension for sending review reminder to the customers after order creation date or as per the order status. The OpenCart Review extension sends automatic review reminder emails to the customers, admin can customize the mail templates as per the requirements. Opencart Review Manager module is multi-lingual compatible and offers smooth functioning. OpenCart enhance Review extension implements the review incentive functionality without implementing any code changes. OpenCart Review Option extension allows excluding any product/category if he doesn’t want to implement the functionality for this particular product. Admin can view the list of all the reviews from the admin interface of this OpenCart Auto Review Option module and approve or disapprove it. OpenCart Product review plugin is mobile responsive and offers a hassle-free implementation. Admin can view the report for checking the total reviews and incentive details from the admin interface of OpenCart star rating extension.
Knowband is one of the most reputed names in the field of plugin development. We provide best plugins for platforms like – Magento,Prestashop, OpenCart and
Every 1 out of 10 online users compel to abandon their cart just because of the long and complicated checkout. Further, you can optimize your site checkout to an interesting one by incorporating OpenCart One Page Advanced Checkout Extension from Knowband. In fact, the OpenCart responsive checkout popup module turns up the entire checkout process to a single ajax based popup. Furthermore, which triggers over the screen as the customer opts to purchase a product from the store. Thus, this One Page Checkout for OpenCart reduces cart abandonment by offering the entire purchase process on a single popup, without loading the next page.
1.1 Features of One Page Checkout for OpenCart
Incorporating One Page Checkout for the OpenCart store is no big deal as it offers simple customization without involving any technical skills or existing code modifications. So, quickly allow your customers to purchase the product through a single popup, giving them faster checkout. Moreover, a less interruption experience. Thus, below listed are the striking highlights of this OpenCart One Page Checkout extension.
1. OpenCart One Page Checkout module displays the total checkout fields in the form of a responsive ajax based checkout popup on the frontend. Further, of the website without redirecting to another URL.
2. This One Page Checkout for OpenCart provides a seamless way to boost the newsletter subscriptions for the online business.
3. The responsive checkout popup incorporated using the OpenCart simplified checkout module can be easily enabled or disabled using the toggle button given at the backend.
4. The guest registration feature of the OpenCart responsive checkout popup automatically registers the customer with the site. In addition, send them the login password on their email.
5. You have the flexibility to enable or disable the guest checkout functionality of the OpenCart One Page Checkout module.
6. Using this OpenCart Single Page checkout extension, you can add CSS code to the advanced checkout page.
7. OpenCart Single Page checkout module offers a testing mode feature that lets you test the advanced checkout page functionality on a specific IP.
8. With OpenCart simplified checkout module, give customers the benefit of social login options. For instance, Google and Facebook over the checkout page.
9. OpenCart fast checkout extension allows you to show/hide payment and shipping address fields differently for logged-in and guest customers of the store.
10. The custom address field marks are needful or optional with the help of this OpenCart One Page Supercheckout module.
11. Using One Page Checkout for the OpenCart site, you can provide multiple shipping and payment methods to the customers which are configurable from the backend.
12. OpenCart responsive checkout popup module eases you in setting a desired logo image and title for each of the payment and shipping methods displayed on the supercheckout page.
13. The ship2pay feature of OpenCart quick checkout extension automatically selects the payment method corresponding to each shipping method selected by the customer.
14. OpenCart responsive checkout popup extension offers a configurable cart whose fields can be fixed as per business needs.
15. OpenCart One Page Checkout module is multi-store and multi-lingual compatible.
16. OpenCart quick checkout extension offers a mobile responsive layout to the customers.
17. The MailChimp Integrator feature of OpenCart Single Page checkout automatically syncs the customer data with the connected MailChimp account of the seller.
1.2 Front Interface of OpenCart Responsive Checkout Popup Module
When the user clicks on the “Add to Cart” button corresponding to a product, they will see the following responsive checkout slider on their screen.
Cart Summary Section of OpenCart One Page Advanced Checkout
Further, as they click on the “Checkout” button, they can view and complete the complete advanced checkout form in a single go as shown in the images below:
Account Login Section
If the customer unchecks the “Ship to same address” checkbox, then they will see the shipping address section as shown below:
Shipping and Payment Method Section
2.0 Installation Guide of OpenCart One Page Advanced Checkout Extension
Before starting the installation process, you have to buy the OpenCart One Page Checkout module from the Knowband store. Further, once purchased, you will receive the following files in your registered email.
Source code of OpenCart One Page Advanced Checkout Extension in zipped file format.
User Manual of OpenCart One Page Checkout extension.
Now, to install this OpenCart Advanced Checkout on your online shop, 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 One Page Advanced Checkout is now successfully installed. In addition, is ready to use at your store. Further, go to the admin menu. Moreover, click on the extensions and thereby click on configure button next to One Page Advanced Checkout.
3.0 Admin Interface of OpenCart Responsive Checkout Popup
Just after successful installation of One Page Checkout for OpenCart the website, you can configure the checkout form fields as per your requirements. Furthermore, you have to navigate the settings in the given order: Admin Panel > Extensions > Modules > One Page Advanced Checkout
The simple to understand admin interface of OpenCart fast checkout extension is divided into nine sections namely:
General Settings
Login Settings
Payment Address
Shipping Address
Shipping Method
Ship2Pay
Payment Method
Cart
Newsletter
3.1 General Settings
Enable/Disable: This option lets you enable or disable the complete functionality of One Page Checkout for Opencart the website. If disabled, the standard Opencart checkout is shown to the customers.
Enable Newsletter Option: Using this option, you can show or hide the newsletter subscription box for your site. If the customer checks the newsletter option, they will subscribe to site updates(newsletter).
Register Guest Automatically: You can enable automatic registration for your guest customers (users who perform guest checkout). This option will automatically send a password to the customer for further use of the account.
Register Account: By enabling this option, you can give password fields on single page checkout where the user can enter their password to register.
Display Guest: This option will show or hide the guest option in the login section of checkout. Using this option, users can perform guest checkout for their items.
Add Custom Style: This option allows you to include additional custom style (CSS code), displayed on the front of their website.
Testing Mode: You can enable this option to test the one page checkout module functionality before making it live for the customers.
Add IP: This option allows you to enter the specific IP address where you want to test the advanced supercheckout features.
3.2 Login Settings
Enable Facebook Login: This option will enable or disable the Facebook login option displayed on the front of one page checkout form.
Facebook App ID: This option allows you to set the Facebook App ID required to connect with your Facebook account.
Facebook App Secret: This option will set the Facebook App Secret Key.
Note: You can get the Facebook app ID and secret key from https://developers.facebook.com/ which has been discussed in section 3.2.1
Enable Google Login: This option will enable or disable the Google login option displayed on the front of one page checkout form.
Google App ID: This option allows you to set the Google App ID required to connect with your Google account.
Google Client ID: This option allows you to set the Google client ID.
At last, Google App Secret: This option will set the Google App Secret Key.
Note: You can get the Google app ID, client ID, and secret key from https://code.google.com/apis/console which has been discussed in section 3.2.2
3.2.1 How to setup Facebook Login
Facebook App can be created by below-mentioned steps:-
1: Go to the given URL: https://developers.facebook.com/apps/
2: Click on the “Add a New App” button.
3&4: Enter your App name and email id, then click on the “Create App ID” button.
5&6: After clicking on Create App ID you will have to go through a security check as shown:
7: Click on the “Setting” tab.
8-13: Two options will be available in the dropdown, Basic and Advanced, click on “Basic”. And then enter your “App Domain”, “Contact Email”, ”Privacy URL”, ”Terms and Conditions URL”, ”Add Logo”, ”Select Category” and click on the “Save Changes” button.
App Domains:
yourdomain.com is correct
yourdomain.com/store is incorrect
www.domain.com is incorrect
14: Now click on “+Add Platform”.
15: And select Website as Platform
16: Now Enter your site URL.
17&18: Click on “Products+” and select Facebook login.
19: Select web as the platform for the app.
20: Now click on save.
21&22: Click on Settings and add a Valid OAuth Redirect URIs.
Valid OAuth Redirect URIs:
https://your_store_url/index.php?route=kbstepcheckout/kbstepcheckout&fblogin=1
23&24: Click on “App review”. And mark “Make ‘your app name’ Public” to Yes.
Final Step: Copy the App ID and App Secret and paste it into the fields provided in the module.
3.2.2 How to setup Google Login
Follow the below steps to get the client id and client secret.
1. Go to the link “ https://console.developers.google.com/project ”.
2. Click on the drop-down option highlighted in button “ 2 ” and then click on “Create a project”.
3. Enter your desired Project Name and click on “Create”.
4. Go to API Manager, click on Create Credentials and select the OAuth client ID option.
5. Click on the “Configure consent screen” button.
6. Enter “Email Id”, “Product Name” and then click on the “Save” button.
7. Select “Web application”, Enter “Name “, “Authorized Redirected URIs“ as mentioned below and click on the “Create” Button,
9. Paste Client ID and Client Secret in the Text Field shown below in the Prestashop one-page checkout module’s admin panel.
How to Generate the Google API key:
1) Go to API Manager, click on the left menu, click on API & Services, and then click on Credentials.
2) Click on Create Credentials & then select the API key.
3)Copy the API key and enter the same into the Google App Id field of the admin end module’s login page
3.3 Payment Address
OpenCart One Page Checkout allows you to show or hide any field for payment address. The fields can be separately enabled or disabled for logged-in and logged-out customers. You can mark any field as required, differently for logged-in and logged-out customers of the store. Additionally, you can reorder the address fields using a simple drag and drop action.
3.4 Shipping Address
OpenCart responsive checkout popup module allows you to show or hide any field for the shipping address. The fields can be separately enabled or disabled for logged-in and logged-out customers. Using OpenCart One Page Advanced Checkout, you can mark any field as required, differently for logged-in and logged-out customers of the store. Additionally, you can reorder the address fields using a simple drag and drop action.
Note: To include and show more custom fields in the Payment Address, Shipping Address, cart section, or account section of the checkout, you can refer to section 3.10
3.5 Shipping Method
Display Shipping Methods: This option will show/hide the complete list of shipping methods provided on the advanced checkout page.
Display Style: With this option, you can select the display style for the shipping methods. It can be only logo image, only text, or both.
Display Shipping Method Title: This option will enable or disable the title for the particular shipping method.
Select Default Shipping Method: With this option, you can select any shipping method as the default method.
Title: This option sets the desired title for the shipping method.
Logo: This option sets the logo image for the shipping method.
Likewise, you can modify the title and logo image for all the shipping methods using this OpenCart One Page Advanced Checkout module.
3.6 Ship2Pay
3.7 Payment Method
Display Payment Methods: This option will show/hide the complete list of payment methods provided on the advanced checkout page.
Display Style: With this option, you can select the display style for the payment methods. It can be only logo image, only text, or both.
Select Default Payment Method: With this option, you can select any payment method as the default method.
Title: This option sets the desired title for the payment method.
Logo: This option sets the logo image for the payment method.
Likewise, you can modify the title and logo image for all the payment methods with the help of one page supercheckout.
3.8 Cart
Under this section of OpenCart One Page Supercheckout, you can customize the cart and display it the way you want at your store. The image size of cart items can be easily modified by setting the image height and width.
Product Image Size: This option allows you to set the image size for the products shown in the cart section of the one page checkout.
Moreover, you can show or hide the various cart fields to log in and log out customers of the store. Fields like “Agree to the Conditions”. Moreover, order comments marked as optional or optional as per your site requirements.
3.9 Newsletter
Enable MailChimp: This option of Opencart one page supercheckout, allows you to enable or disable the MailChimp Integration functionality for your store.
MailChimp API Key: With this option, you can set the MailChimp API key which will connect your site to the MailChimp account of the seller.
MailChimp List: Using this option, you can fetch and select the particular list connected to the MailChimp account.
3.9.1 How to configure MailChimp
Login to your Mail Chimp account.
Click on the right corner tab > Choose Profile > Extras > API Keys.
Here Admin Can Create an API key by clicking on the “Create a Key” button.
Copy the API key.
Admin can also make a Different list for Each Social login customer by clicking on “List” in the Top Menu Bar.
Now Paste the API Key in the Provided Mail chimp API Key section and click on the “Get List” Button.
Select the list from the Dropdown menu.
3.10 How to add edit or delete custom fields to the Supercheckout page
In order to add custom fields to any section of One Page Checkout, you can go to the “Custom Fields” option under the “Customers” tab at the left side section of the admin interface.
Most of the users believe that online payment methods are unsafe while shopping from an eCommerce store. As this involves sharing the details of payment cards, the majority of users find risk in transacting their product orders.
Knowband offers OpenCart Cash on Delivery with Fees extension which helps site admin to add a COD payment method at the checkout page for guests and registered users. Using this COD with Fee facility, the shopper has to pay an extra charge as a delivery service for that product. They have to pay the order cost when the product is delivered in hands by the merchants or sellers. This COD additional amount is decided by the site owner from the backend of this Opencart extension.
1.1 Striking Features of OpenCart Cash on Delivery with Fees Extension
OpenCart Cash on Delivery plugin offers many customizable features that can be set as per business requirements. No coding or technicalities are involved in the implementation and creating ‘N’ number of COD profiles from the backend interface. Let us explore the striking features of this COD module one by one.
OpenCart Cash on Delivery with Fees extension charges an extra amount from the customer as delivery fees for the product.
Cash on delivery fees extension for OpenCart integrates a pay on delivery option for your site products.
Customers can pay the product cost along with COD charges when they get the product delivered in their hands.
The site merchants can create an unlimited number of COD rules or profiles which can be modified and deleted as per requirements from the backend of this OpenCart cash on delivery facility module.
With OpenCart Cash on Delivery with the surcharge module, you can set the name of the payment profile.
The OpenCart COD option incorporated using this cash on delivery fees extension can be quickly enabled or disabled from the backend.
With OpenCart Cash on Delivery with the surcharge module, admin can specify different terms and conditions for every COD rule or condition.
Admin can enable or disable any of the COD profiles from the backend of this Cash on Delivery With Fee extension.
Admin can set the type and value for the COD fee charged from the customer using OpenCart CoD with the Fees module.
For percentage type COD charge, admin can set a base amount (with or without shipping ) on which the delivery charge is calculated.
With OpenCart cash on delivery with extra charges extension, admin can set a percentage amount which is calculated over the base amount.
With OpenCart Cash on Delivery with the surcharge module, the admin can specify the minimum and maximum order value upon which the COD will be calculated and charged from the customer.
With the help of OpenCart cash on delivery with extra charges extension, admin can enable COD with fee options for selected shipping or carrier methods.
This OpenCart COD with fee extension allows admin to select the location or country where they want to offer this cash on delivery with extra fee facility on product orders.
This COD with fee payment option integrated using OpenCart Cash on the Delivery plugin is shown to selected customer groups including guest users and customers.
With OpenCart CoD with the Fees module, an eCommerce site admin can choose a priority order or value for each of the COD profiles. The highest priority COD rule will be executed on the frontend.
Using OpenCart cash on delivery facility module, admin can also set initial order status for every COD profile.
OpenCart Cash on the Delivery plugin is multi-lingual compatible.
OpenCart cash on delivery with extra charges extension is multi-store compatible.
OpenCart Cash on Delivery with surcharge option is the browser and mobile-friendly.
2.0 Installation Guide of OpenCart Cash on Delivery with Surcharge Module
Purchase OpenCart Cash on Delivery with Fees extension from Knowband. You will receive these files after purchasing the OpenCart Module:
Source code of OpenCart CoD with Fees module in zipped file format.
User Manual of OpenCart CoD with Fees module.
Follow below-mentioned steps to install OpenCart Cash on Delivery with Fees extension on your online shop:
1. Unzip the received zip file. You will get the folders.
2. Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
There will be a file named kbcodfee.ocmod.xml (In case of Openvar v3.0.x file name would be kbcodfee.ocmod.zip). Upload the same file from the page “Admin -> Extension -> Extension Installer -> upload”.
So, OpenCart CoD with Fees module is now successfully installed and ready to use at your store.
3.0 Admin Settings
Just after the successful installation of OpenCart Cash on Delivery with Fees, you can create and configure the COD profiles as per your requirements. Navigate the settings in the given order: Admin Panel > Extensions > Payments > Knowband Cash on Delivery with Fee.
The simple to understand admin interface of OpenCart Cash on Delivery with Fees extension has been divided into two broad sections namely:
1. General Settings
2.Payment Profiles
Each of these sections have been discussed in detail below.
3.1 General Settings
The general settings of OpenCart cash on delivery facility module have been listed one by one.
Status: This option enables or disables the complete functionality of OpenCart Cash on Delivery plugin on the store.
Priority: This option allows you to set the priority of this module among other payment modules on the store.
3.2 Payment Profiles
Using OpenCart Cash on Delivery with Fees, admin can create as many payment profiles for their website. The below image shows the list of existing COD profiles which can be modified by clicking the ”Edit” button corresponding to the listing.
To add a new payment profile, click on the “+” button at the top right corner of admin panel. You will see the following fields as listed:
Status: Using this option, you can enable or disable the selected payment profile.
Name: This option will set the name for the payment profile.
Type: This option sets the type of COD fee charged from the customers. It can be fixed or percentage.
If the “Type” field is selected as Fixed, then the following field is shown.
Fixed Amount: This option sets the fixed COD fee amount which is charged from the customer upon product delivery. If the “Type” field is selected as a Percentage, then the following fields are shown.
Base Amount: Select the base amount type on which the COD charge will be calculated. The two options are: Order Total and Order Total Without Shipping.
Percentage Amount: This option sets the percentage amount which is calculated over the base amount.
Minimum Fee: This option will set the minimum amount of COD fee which will be charged from the customer. Set this value 0 to disable.
Maximum Fee: This option will set the maximum amount of COD fee which will be charged from the customer. Set this value 0 to disable.
Apart from these settings offered by OpenCart Cash on Delivery with Fees, some more common settings are offered for setting up a payment profile. Check below.
Order Maximum Amount: This option sets the maximum product order amount which is required to apply COD with fee facility. A customer cannot apply COD with fee facility on an order value above this Order Maximum Amount.
Note: Enter 0 to disable. This amount will be considered as including the shipping amount.
Order Minimum Amount: This option sets the minimum product order amount which is required to apply COD with fee facility. A customer cannot apply COD with fee facility on an order value below this Order Minimum Amount.
Note: Enter 0 to disable. This amount will be considered as including the shipping amount.
Country: Using this option, admin can show and provide the COD with fee facility in selected regions or country.
Note: Hold the CTRL button to select multiple countries. If no country is selected then COD with Fee payment method will be shown in all countries.
Customer Group: This option allows admin to select the customer groups where the Cash on Delivery with Fee mode is applicable. Guest and Registered users can avail of the benefits of COD with Fee facility.
Note: Hold the CTRL button to select multiple customer groups. If no customer Group is selected then COD with fee method will be shown to all customer groups.
Carrier: You can select the carrier or shipping methods for which the COD with Fee module will be shown.
Note: Hold the CTRL button to select multiple carriers. If no carrier is selected then the payment method will be shown for all carriers.
Initial Order Status: This option sets the initial order status for the selected COD rule.
Priority: This option sets the priority of the COD rule or profile.
Note: The highest priority rule is displayed on the front of the customers.
At last, click on the “Save” button at the top right corner of the admin interface in order to save the configured settings.
4.0 Front Interface
How can registered customers or guest users avail this facility? To use COD with additional charge facility on product orders, shoppers have to perform simple checkout for the product. They have to add the product to their cart and select the desired shipping method. Depending upon the type of shipping method selected by the user, OpenCart Cash on Delivery with Fees shows the payment methods as shown in the image below:
Now, as the customer will select the COD with fee option, they will be shown the total order cost along with the surcharge as shown in the image below:
Now, as the customer will confirm their “COD with fee” order, then they will get a confirmation email detailing the order price details including the COD additional charge.
A) Fixed Type COD Price Rule
B) Percentage Type COD Price Rule
This way, the online merchant can offer a facility to pay at delivery time. Customers can easily pay the cash to the delivery person at the time of delivery. Most of the time customers do not trust the online store, especially while placing the first order. This way, the e-merchant can open doors for the first time buyers and those customers who don’t like paying the order amount online. OpenCart Cash on Delivery with Fees extension is highly customizable and offers the complete setup for offering cash on delivery option. The online merchant can create multiple payment profiles from the admin interface of this OpenCart Cash on Delivery plugin and set a fixed/percentage-based fee. The OpenCart Cash on Delivery with surcharge module is highly customizable and allows the store admin to select the countries, customer groups and carrier options for applying cash on delivery fees. The cash on delivery module with extra fee is mobile responsive, multi-lingual compatible, and SSL compatible also.
Check out our Tutorial Guides for the OpenCart Cash on Delivery with Fee Extension by KnowBand
These tutorials walk you through:
Installing the OpenCart Cash on Delivery with Fee Extension
Configuring COD fees for different payment options
Setting up minimum and maximum order amounts for COD
Managing fee rules based on customer groups or locations
Testing the checkout process with COD fees applied
These step-by-step guides are ideal for store owners who want an easy-to-follow, beginner-friendly approach to adding and managing COD fees without any technical hassle.
For more details about this OpenCart CoD with Fees module, visit here:
Putting a countdown timer bar at the top of the website is the best way to remind your shoppers that they have a limited amount of time to grab the product deals at the lowest rates. A sense of urgency is created using sales countdown timer which triggers their instant purchase decision. OpenCart Countdown Sales Timer extension compels shoppers to make an immediate decision by showing limited stocks and half prices. Showing sale price and free shipping on selective products are an effective tactic to provoke bulk sales on the eCommerce store. Knowband’s Sales Countdown Timer Bar for OpenCart allows admin to add a custom timer bar to their online shop promoting special events, promotions and new product launches.
Countdown timer campaigns module offers a real-time countdown timer creating awareness among customers regarding limited edition products, new arrivals, free shipping products and many more. This results in increasing conversion rates which ultimately helps e-merchants to run more effective sale campaigns/promotions. With OpenCart sale countdown module, admin can create multiple countdown timers for the homepage, product pages and category pages within the website scheduled at different dates and times.
1.1 Striking Features of Countdown Timer extension for OpenCart
OpenCart sale countdown module offers many customizable features which can be set as per business requirements. No coding is required and the store owner can set a sales timer bar for their store in seconds. Let us explore them one by one.
1. OpenCart sale countdown module displays a countdown timer bar for the entire website or selective pages to create a special feel and urgency among the visitors.
2. Using Sales Countdown Timer Bar for OpenCart, admin can show the desired text message beside a countdown timer running.
3. With the countdown timer campaigns module, Admin can easily fix the start and end time for multiple countdown timers.
4. Admin can create multiple Sales Countdown Timer Bar for OpenCart site based on different occasions and events.
5. OpenCart Countdown Sales Timer extension allows admin to choose appealing color coding for the sales countdown bar on the website.
6. The Sales Countdown Timer Bar for OpenCart can be shown at the top or bottom of the store.
7. An option to change the font style of text shown on countdown timer bar is also provided by this OpenCart Countdown Timer module.
8. To avoid confusions in different timers, admin can set a unique name corresponding to each of the sales countdown timer bars.
9. With OpenCart sale countdown module, admin can assign a unique priority or sort order for each of the set timers for the shop.
10. The button text and button link is shown over the countdown timer bar can be changed using this OpenCart extension.
11. An option to add custom CSS code is also offered by this OpenCart Countdown Sales Timer module.
12. Countdown timer campaigns module provides flexibility to display the countdown timers in selected locations or countries.
13. The OpenCart Countdown Timer module gives an option to set time after which the countdown sales timer is shown at the front.
14. OpenCart admin can show a text message after the sale timer ends or expires. If no expiry message is shown then the timer will automatically end and disappear without giving any message to the visitors.
15. OpenCart sale countdown module works flawlessly in multiple languages and with multiple stores.
16. OpenCart Countdown Timer is completely mobile responsive.
17. OpenCart Countdown Sales Timer extension can be enabled or disabled on a single button click from the backend. Moreover, each of the timers can be separately enabled or disabled as per requirements.
2.0 Installation Guide of OpenCart Countdown Sales Timer extension
Before starting the installation process, you have to buy the OpenCart sale countdown module from the Knowband store. Once purchased, you will receive the following files on your registered email.
The source code of OpenCart Countdown Sales Timer extension in zipped file format.
User Manual of OpenCart Countdown Sales Timer extension
Now in order to install this OpenCart Countdown Timer Bar on your online shop, 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 Countdown Sales Timer 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 Countdown Timer.
3.0 Admin Interface of OpenCart Countdown Sales Timer Extension
Just after successful installation of Sales Countdown Timer Bar for OpenCart website, you can create and configure the countdown sales timers as per your requirements. Navigate the settings in the given order: Admin Panel > Extensions > Modules > Knowband Countdown Timer
The simple to understand admin interface of OpenCart Countdown Timer Module is divided into two broad sections namely:
1. General Settings
2. Timers
Each of these sections have been discussed in detail below. Further, the “Timer” section is sub-divided into:
1. General Settings
2. Display Settings
3. Look and Feel Settings
3.1 General Settings
The general settings of the Countdown Timer extension for OpenCart have been listed one by one.
Status: Enable or disable the complete functionality of countdown timer campaigns module on the store.
Fonts: Select the desired font style for the text information shown on the sales countdown timer bar.
3.2 Timers
OpenCart sale countdown module provides a detailed view of the existing countdown timers. An option to edit or delete the existing timers is provided corresponding to each of the timers. Admin can easily make changes to the existing sale timers. To add a new countdown timer to the store, click on the “+” button shown at the top right corner of the admin interface. As you click on the “Add” button, you will see the following settings for the countdown timer.
3.2.1 General Settings
Initially, the above fields are set to their default values.
Status: This option enables or disables the countdown timer.
Name: This option allows you set a name for the sales timer so that you are not confused while configuring the settings for multiple timers on the store. The name can be specified in English, French and other languages.
Message: This option sets a message or text information shown on the countdown sales timer bar. This text describes the deal or discount offer which is active on the store.
Button Label: To redirect the visitor on the deal or offer page, a button is provided on the timer bar. This option allows you to set the desired label for this timer button.
Button Link: This option lets you set the URL for the timer bar button. When the user clicks the button, they are redirected to this specific link.
Sort Order: This option allows you to set the sort order or priority value for each of the timers created for the OpenCart store. Remember, this priority value should be unique.
Custom CSS: This option includes custom CSS to improve frontend functionality of the website.
3.2.2 Display Settings
The display settings of this OpenCart Countdown Sales Timer extension control where and how the Countdown Timer block will be displayed to the visitors. The various configuration options under this section include:
Start Date: This is a mandatory field that sets the start date and time for the countdown timer.
End Date: This is a mandatory field that sets the end date and time for the countdown timer.
Minimum Screen Size: This option sets the minimum screen size(display configuration) where this countdown timer block can be seen through different devices.
Expiry Type: This option allows you to set the countdown timer expiration type. You can either set it to “Auto” or you can “show a custom message after timer expiry”.
Where to Display: This option allows you to choose the site pages where you want to display the countdown timer block on the website. You can show on your complete site or only selected pages of your site.
Display Position: You can fix the display position for the countdown timer block over the website. The three display options include:
1. Top of the store
2. Fixed to top of window
3. Bottom of the store
Countdown Delay Time: You can specify the delay time (in seconds)after which the timer block is displayed on the frontend. Set 0 if you want to display it immediately to the visitors.
Location: You can set a location where you want to show the sales countdown timer. You can set the location as global or to selected areas only.
3.2.3 Look and Feel Settings
The look and feel settings of OpenCart Countdown Timer module control the frontend appearance of the countdown timer block. The various configuration options offered are:
Theme: This option allows you to set a theme for the sales countdown timer block.
Theme Preview: Using this option, you can preview the selected theme before applying the final changes to the website.
Background Color: Using this option admin can set the background color for the sales countdown timer block.
Text Color: The font color of the text shown on countdown timer block can be set using this option.
Button Text Color: Admin can change the text color on the timer button.
Button Background Color: Admin can set a desired background color for the timer button.
Timer Text Color: Select text color for the timer text shown in sales countdown block.
After this, click on the “Save” button shown at the top right corner of admin panel to save the module settings.
4.0 Front Interface of Countdown Timer Campaigns Module
After you have successfully configured the settings of OpenCart sale countdown module, you can see Sales Countdown Timer Bar for your OpenCart store in accordance with the selected priority values and time schedule.
Social media is a strong platform for online marketing and promotional programs. In order to promote products and brands, many online experts focus on Social media marketing. Now the online store admin can use Social media platforms like Facebook, LinkedIn, and Twitter in order to promote products and brands without any complicated process.
Knowband offers OpenCart Order Social Sharing extension, which allows showing multiple social media buttons for sharing order summary. The customers can share order summary on Facebook, Twitter and LinkedIn pages. This way, the store admin can get relevant traffic which can be converted in the near future with the help of OpenCart Social Promotion module.
1.1 Basic Features of this OpenCart Order Social Sharing extension
The OpenCart Order Social Sharing extension shows Facebook, Twitter and Linkedin buttons on order confirmation page.
Online customers can share their order summary just by clicking on any particular social sharing button.
OpenCart Order Social Sharing module allows the online merchant to show/hide any social sharing button anytime.
OpenCart Social Promotion module provides a color picker tool for managing look and feel of the social sharing buttons.
Opencart Social Promotions module provides an option to enter custom CSS and JS codes for the advance look and feel settings.
Order Share Buttons for OpenCart shows statistics for viewing order sharing details.
OpenCart Order Social Sharing extension is mobile responsive.
Order Share Buttons for OpenCart is compatible with all OpenCart themes.
OpenCart Social Media Buttons extension increases website traffic and product popularity.
OpenCart Order Social Share Buttons plugin is simple and highly customizable.
There is no need to change even a single line of code in order to implement the OpenCart Social Media Buttons extension.
2.0 Installation
Purchase OpenCart Order Social Sharing extension from the Knowband website. You will receive these files after purchasing the OpenCart extension:
First, you will get a source code file of the OpenCart Social Promotion module in zipped file format.
User Manual of this Opencart Social Promotions module extension.
Follow below-mentioned steps in order to install OpenCart Order Social Sharing extension:
1. Unzip the received zip file. You will get the folders as shown in the following image:
2. Copy all the folders of the zip file in the Root Directory of OpenCart setup via FTP manager.
So, OpenCart Order Social Sharing extension is now successfully installed and ready to use at your store.
Now go to the admin menu and click on the extensions and thereby click on configure button next to OpenCart Social Promotion module.
3.0 Admin Interface
After installing the OpenCart Order Social Sharing module successfully, you can configure it for showing social sharing buttons on the website. From the settings section, you can activate the social media buttons and manage the look and feel of the social media buttons.
3.1 Setting Tab
In the Settings tab, you will find these customization tabs:
General Settings
Look and Feel Settings
The online store merchant can activate or deactivate the OpenCart Social Promotion module, show or hide the social media buttons and manage the look and feel of the social media sharing buttons.
3.1.1 General Setting Tab
In the General Settings tab of the back office of OpenCart Order Social Sharing extension, you will find these customization options:
Status: The online merchant can activate or deactivate the OpenCart Social Promotion module easily just by selecting the option.
Facebook: Enable or Disable the option to show or hide the Facebook button from the order confirmation page.
Twitter: You can show or hide the Twitter button from the website by enabling or disabling the menu option from the back office of OpenCart Order Social Sharing module.
Linkedin: The store admin can enable or disable the Linkedin button from the admin interface of this OpenCart Order Social Sharing extension.
3.1.2 Look and Feel Tab
In this menu option, the online merchant can manage the look and feel of social sharing block. These are the customization options:
Block text color: Set the social sharing block text color from the color picker tool from the admin interface of OpenCart Social Promotion module.
Block background color: Set the background color of the social sharing block.
Custom CSS and JS: Enter custom CSS and JS code for the advance look and feel settings from the back office of Opencart Social Promotions module.
3.2 Statistics
The online store admin can also view detailed information about the shared orders. Admin can also filter the result for viewing the results separately. This way, the store admin can get the details that how many customers sharing their order summary on which platform from the admin section of OpenCart Social Media Buttons extension.
4.0 Front-end Interface
The online customers can view the social sharing buttons on the order confirmation page and order summary page. They can select any of the social media platforms for sharing their order summary with the help of OpenCart Order Social Sharing module.
Customers can view the order sharing option on the order confirmation page as shown below:
Customers can also view the order summary sharing option on the order history page:
The online customers can share the order summary on Facebook as shown below with Opencart Social Promotions module:
The online merchant can share the order summary on Linkedin as shown below:
The online merchant can share the order summary on Twitter as shown below:
The OpenCart Social Media Buttons extension is mobile responsive which allows the customers to share the product using mobile devices like laptop, tablet, and mobile phone.
This way the online store admin can implement OpenCart Order Social Share Buttons plugin for increasing website traffic and product popularity without spending a huge amount. The admin can get relevant traffic which can be converted in the near future. The customers can share the order summary with their friends and relatives. The customers can even share the order summary after placing the order.
Is there a way to reduce cart abandonment and improve user experience on the website? Knowband’s OpenCart Product Availability Check by Zipcode Extension allows the customer to check product availability on their specific location via zip code search. Customers who are there to shop at your online store generally don’t have any idea about product availability in their region. Consequently, they go through a bad shopping experience at the time of checkout process when they get to know that the product is unavailable on their location. This way they are compelled to drop their cart contributing abandonment rates.
OpenCart Product Postal Code Validator Module incorporates a simple Product zipcode validator on the product page so that the customers can find whether the product can be shipped to their location or not. Moreover, if the product delivery is available on their postal code, OpenCart Product Availability module will show the delivery days and date in advance to the user. This overall functionality improves both the user experience and interface of the online shop.
1.1 Striking Features of Availability check by zipcode module for OpenCart
OpenCart Product Availability Check by Zipcode module offers different customizable features which can be set as per business requirements. No coding is required and the store owner can display product availability check by zipcode result on the frontend over the product pages. Let us quickly take a tour of its features.
1.OpenCart Product Availability Check by Zipcode Extension helps to control cart abandonment rates just by allowing customers to enter their zip code and checking the product availability at their location.
2. This OpenCart extension displays a Product zipcode validator block on the product page letting customer check product availability without going to the checkout page.
3. With OpenCart Product Postal Code Validator extension, admin can add unlimited global zones and multiple zip codes inside those zones.
4.OpenCart product zipcode validator gives an effortless way to add and map as many zip codes in various zones by directly uploading CSV file for bulk number of zip codes.
5.OpenCart Product Availability module lets admin map bulk number of products in different global zones or they can upload CSV file directly for bulk upload.
6. With OpenCart product zipcode validator, admin can exclude all those products for which the product shipping or delivery is unavailable. Customers can directly perform checkout for such products.
7.OpenCart zipcode validator module displays the advanced delivery days and date on frontend only when the product delivery is available for the specific zip code.
8.OpenCart product zipcode validator enables and shows the Add to Cart button on frontend only in case if the product delivery is applicable on that specific zip code.
9. Store admin can enable the zipcode validator module for specific products only using this OpenCart extension. For other products, the standard checkout is shown on the frontend.
10.OpenCart zipcode extension can be quickly enabled or disabled from the back-office.
11.No technicalities are involved in the install and configuration of OpenCart Availability check by zip code module.
12. The existing global zones, zip codes, product zone mappings can be enabled, disabled or deleted as per requirements.
13.OpenCart Product Postal Code Validator extension allows admin to edit and modify Product-Zone Mapping from the back-office.
14.OpenCart Product Availability Check by Zipcode Extension provides compatibility with multiple stores.
What’s New in the Recent Enhancement:
The latest update to Knowband’s Opencart Product Availability Check by Zipcode module introduces a new feature that allows store admins to enable or disable the zipcode verification pop-up on the front-end. This flexible option enhances user experience by offering seamless control over the visibility of the zipcode verification process.
2.0 Installation Guide of OpenCart Product Postal Code Validator Extension
Before starting the installation process, you have to buy the OpenCart Product Availability Check by Zipcode module from the Knowband store. Once purchased, you will receive the following files on your registered email.
The source code of OpenCart Product Availability Check by Zipcode module in zipped file format.
User Manual of OpenCart Product Availability Check by Zipcode extension.
Now in order to install this OpenCart zipcode validator for your online store, 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, the OpenCart Product Availability module is now successfully installed and is ready to use at your store.
OpenCart Product Availability Check by Zipcode Extension
Check products are available in your area by entering your zip code with the OpenCart Product Availability Check by Zipcode module from Knowband.
3.0 Admin Interface of OpenCart Product Availability Check by Zipcode module
Just after the successful installation of the product availability check module for your OpenCart website, you can create as many product zipcode mappings and configure them as per your business requirements. Navigate the settings in the given order: Admin Panel > Extensions > Modules > Product Availability Check By Zipcode.
The simple to understand admin interface of OpenCart Product Postal Code Validator extension is divided into three broad sections namely:
1.Module Configuration Settings
2.Global Zones
3.Product Zone Mapping
Each of these sections has been discussed in detail below.
3.1 Module Configuration Settings
Under the Module Configuration Settings of OpenCart Product Postal Code Validator module, you will find the basic settings of global zones and product zone mapping which looks as shown below:
Enable/Disable module: This option will enable or disable the complete functionality of OpenCart product zipcode validator.
Display Delivery Date: You can show or hide the delivery days and delivery date under the product availability check result in advance. The delivery estimation is only applicable when the product is available on that particular postal code.
Display Zipcode Popup: The Opencart admin can enable/disable the zipcode pop-up on the storefront with this option.
Check Cart: If this option is enabled, then Add to Cart button is shown only when the product is available on that specific postal code. If the product is unavailable on this location, the Add to cart button will not be shown to the user.
Module Only For Mapped Product: You can enable or disable the module for mapped products. If this module is enabled for the mapped products, then the customer can perform checkout for all other products as well.
Disabled Products: Using this option of Product zip code validator module, you can restrict the product availability check for specific products of their store.
Custom CSS: In the following text field, the store admins can add custom CSS to modify the look and feel at their convenience.
Custom JS: We have provided this particular text filed for allowing the admin to add custom JS.
3.2 Global Zones
Under this section of OpenCart Product Availability Check by Zipcode module, admin can create multiple global zones for their store. Under those global zones, they can add and map as many zip codes or postal codes where they will deliver their product or services. The interface looks like:
You can create as many global zones for your store by clicking on the “+” button. Moreover, you also have the flexibility to edit or delete the existing zones using the Edit or Delete button respectively. To check all the zip codes mapped in a zone, click on the View button.
Additionally, you can check the total number of zip codes that have been mapped in a particular zone.
Each of these actions has been discussed in detail below:
3.2.1 Add a New Zone
The above image shows the interface to add/create a new zone for your store. This is the manual way to add a global zone, where you have to manually list all the zip codes, and mark enable/disable status corresponding to those zones. To add a new global zone, fill the following fields:
Availability: This option will enable or disable the complete zone. All the zip codes mapped in this zone will be all enabled or disabled.
Zone Name: This option will help you to set a name for the zone.
Zip-Code: Using this option, you can map as may zip codes in this zone. For adding multiple pin codes, separate them using a comma ‘,’ like 802001,802002,702003,802004
Delivery Value: This option will set the delivery days for all the zip codes under this zone.
3.2.2 Edit the Zone Name
If you want to change the name of the global zone, set using this option:
Zone Name: This option lets you specify the desired zone name.
3.2.3 View the Global Zone
A list of existing zones is displayed on this interface. You can view, or delete the existing zipcodes under a zone. Also, you can directly add new zip codes from this section of the admin interface. Each of these options has been discussed in the next sections.
3.2.3.1 Add New Zip Code
There are two ways to add new zip codes:
1. Manual Filling
When you choose to manually add the zip codes in a particular zone, you have to set the following fields:
Upload CSV File: Enable or disable the upload CSV file option as per your business requirements. If disabled, you will be shown the below interface.
Availability: With this option, you can set the availability status of the product for the configured Zip-Code.
Zip-Code: This option will allow you to add multiple zip codes using a comma. Eg. 402001,402002,202003,402004
Delivery Value: Set a positive integer value as the delivery days for the configured zip codes.
2. Bulk Upload(using CSV file)
This option is useful when you have a large number of zip-codes to add for product delivery at your store. You have to configure the following options:
Upload CSV File: To use bulk zip code upload option, enable this option. This option allows you to upload CSV file for adding a large number of zip-codes for your store.
Choose CSV File: With this option, you can select and upload the CSV file from the local computer.
Download Sample Document: This option is provided as the CSV file reference. You can download a sample file from here and see the format to list the zip code details.
3.2.3.2 Edit Existing Zipcode
To edit a particular zip code, you have to set the following fields:
Availability: With this option, you can set the availability status of the product for the configured Zip-Code.
Delivery Value: Set a positive integer value as the delivery days for the configured zip codes.
3.3 Product Zone Mapping
Under this tab of OpenCart Product Availability module, you can add or create as many product zone mapping for your store. You can map the products to all specific zones where you want to allow delivery of those products.
Here you can add new product zone mappings for your store. Also, the ‘Edit’ and ‘Delete’ button allows you to edit and delete the existing product zone mappings. Each of these actions has been discussed in detail, below.
3.3.1 Add New Product Zone Mapping
There are two ways to add new product zone mappings:
1. Manual Filling
When you choose to manually add the product zone mappings, you have to set the following fields:
Upload CSV File: Enable or disable the upload CSV file option as per your business requirements. When you are manually adding the product mappings, set this option as disabled.
Select Products: This option allows you to select all the products which you want to map in a specific zone.
Select Zones: This option allows you to set the zone for which you are mapping the products.
2. Bulk Upload(using CSV file)
Upload CSV File: Enable or disable the upload CSV file option as per your business requirements. When you are manually adding the product mappings, set this option as disabled.
Choose CSV file: Browse and select the CSV file to add a large number of product zone mappings in bulk.
Download Sample Document: This option is provided as the CSV file reference. You can download a sample file from here and see the format to list the product zone mapping details.
Get the Zone Id: By clicking this link, you will see the list of zones with their name and ID.
Download CSV file for product Id: By clicking this link, you can download the CSV file to get the product ID.
3.3.2 View Existing Product Zone Mapping
The above-provided interface shows you the complete list of product zone mappings. You can delete any product mapping for the selected zone and you can even add a new product mapping in this zone by clicking the ‘+’ button at the top right corner of the screen. As you will click the Add Product Mapping button, you will see the below interface:
Select Products: Using this option, select the products that you want to map in this zone. Note: Remember to click on the “Save” button shown at the top right corner of the admin panel to save the configured settings.
3.4.0 ZipCode Request:
In case the customer will check the product availability by Zipcode and the product is not deliverable to that particular area, the zipcodes along with product name, request count (will depend on how many customers has checked the product for that particular location), and first & last request time will be automatically listed here.
4.0 Front Interface of OpenCart Product Availability Check by Zipcode Extension
After you have successfully configured the settings of OpenCart Product Postal Code Validator Module and have mapped the products to global zones, you will see a product availability check block on the product pages of the site. For products, the Product zipcode validator is enabled, you will find this availability check block on the frontend.
The customers have to simply enter their zip code or postal code where they want the product to deliver. This ensures whether the product shipping is available on their specific location or not.
If the product is available on their provided zipcode, it will show a success message along with the delivery days and date information.
In case the product is unavailable on their zip code, they will see a message like “Product is Unavailable” as shown in the image below.
Important: The “Add to Cart” button on product pages will be only shown in two cases:
Product Delivery is available for the entered zip code.
The product has been restricted from the OpenCart product zipcode validator
Also, you can check our OpenCart Preferred delivery date and time extension which provides a facility for preferred delivery to online buyers.
OpenCart Preferred Delivery Date and Time Extension
Allow customers to choose their preferred delivery time slots easily with the OpenCart Preferred Delivery Time Slot module by Knowband.
5.0 Tutorial of OpenCart Product Zip Code Availability
To help you easily understand the installation, configuration, and working of the OpenCart Product Availability by Zip Code Extension, Knowband provides a detailed step-by-step tutorial along with a video guide.
Watch the Tutorial Video
We recommend watching the complete tutorial video to quickly learn how the module works on both the admin panel and frontend. The video demonstrates module installation, configuration of zip codes and zones, product mapping, and live product availability checks on the storefront.
Watch this complete tutorial video on our YouTube channel to get a clear and visual walkthrough of all features and settings.
6.0 Recommendations
Recommended OpenCart Modules
To enhance your OpenCart store and streamline content creation and management, we recommend the following Knowband modules:
AI Content Generator is an OpenCart module that helps store owners automatically generate product descriptions, blog posts, and other website content. Key features include:
AI-generated, SEO-friendly product descriptions & meta details.
Automatic content updates for large product catalogues.
Customizable tone and style for marketing or instructional content.
This module is ideal for saving time, maintaining content consistency, and improving your store’s search engine visibility.
7.0 Knowband Support
Knowband is committed to providing reliable and timely support to ensure smooth module usage and performance.
If you face any issues during installation, configuration, or usage of Knowband’s OpenCart Product Availability by Zip Code Extension, or if you have custom requirements, feel free to contact our support team. Our experts are always ready to assist you.
There are so many sites in which the store admin offers products, services, and content related to adults. For these sites, the admin needs to validate customers age and restrict the immature audience. In order to protect underage visitors and keep the products, content, and services only for the adults, OpenCart Age Verification extension is the best extension for your eCommerce store.
Knowband offers OpenCart Age Verification popup which allows the store admin to show age verification popup on the website front-end interface to allow only the visitors above a certain age and restrict the immature visitors to access the website. The store admin can set the eye-catchy themes on the age verification popup with the Age Verify OpenCart module.
By using this Age Verification OpenCart extension, the store admin can add a filter on the basis of customers age. Admin doesn’t need to change even a single line of code in the core files of the website for showing the OpenCart Age Verification popup.
1.1 Basic Features of this OpenCart Age Verification extension
By using OpenCart Age Verification module, the online store admin can validate the age of store visitors to ensure that the services and products are delivering to the right group of people.
OpenCart 18+ Verification plugin shows a drop-down list for selecting the date of birth.
Admin can show a small note to the customers for validating their date of birth from the back office of OpenCart Verification popup.
The store admin can set the logo for showing on the Popup 18+ OpenCart.
Admin can enter the URL for redirecting the customers when the user closes the OpenCart Age Verification popup.
Age Verify OpenCart module provides an option to enter terms and conditions for age validation.
The online users can also view the age verification terms and conditions from the admin interface.
Age Verification OpenCart extension is multi-lingual compatible.
The store admin can set the title and description of the OpenCart Age Verification popup.
Admin can also set the geo location where he wants to show the age verification popup from the admin panel Age Verify OpenCart module.
2.0 Installation of OpenCart Age Verification extension
First of all, buy the Age Verification OpenCart extension from the website(Knowband.com).
After purchasing the module, you will receive these files on your registered email.
Source code file of OpenCart Age Verification module in zipped file format.
User Manual of this module.
For installing this OpenCart 18+ Verification plugin, you have to follow the below mentioned steps:
1. Unzip the received zip file. You will get the folders as shown in the following image:
2. Copy all the folders of the zip file in the Root Directory of OpenCart setup via the FTP manager.
So, OpenCart Verification popup is now successfully installed and ready to use at your store.
Now go to the admin menu and click on the extensions and thereby click on the configure button next to Popup 18+ OpenCart.
3.0 User Manual of OpenCart Age Verification extension
The User Manual will guide the store admin to apply the back-end settings of this OpenCart Age Verification extension. The admin can manage the look and feel and maintain the general settings after reading this user manual.
4.0 Admin Interface of OpenCart Age Verification extension
There are “General Settings tab” and “Look and Feel Settings tab”. The store admin can apply the settings and showcase the OpenCart Age Verification popup on the website front-end interface.
4.1 General Setting Tab
In the general Setting tab of Age Verify OpenCart module, the store admin can apply the age verification settings. Here, the store owner can set the OpenCart Age Verification popup related settings.
1. Enable the Age Verify OpenCart module: Select Enable or Disable option in order to activate or deactivate the settings. The Age Verification OpenCart extension can be activated or deactivated easily without any complications.
2. Display the DOB Field: Enable the option to show the Date of birth field on the website front-end interface. The OpenCart Age Verification module allows showing age verification popup even without the DOB field.
3. Pop-up Title: Set the title of the OpenCart Age Verification popup. Admin can set the title in multiple languages like English and French. The OpenCart 18+ Verification plugin is multi-lingual compatible.
4. Popup Description: Here, the store owner can set the OpenCart Verification popup in multiple languages.
5. Form Title: Admin can fix the form title here. This text will be shown on the top of the date of the birth popup.
6. Redirect URL: Admin can enter the URL where he/she wants from the back office of Popup 18+ OpenCart to redirect the customers when the user closes the age verification popup.
7. Allowed Age: Admin can set the minimum age to access the website. This way, the admin can restrict the user below this age group with OpenCart Age Verification extension.
8. Popup Display Interval: Admin can set the displayed interval of the OpenCart Age Verification popup to be shown to the same person from the admin interface of Age Verify OpenCart module.
9. Enter the terms and conditions: The store admin can enter the terms and conditions from the admin interface of Age Verification OpenCart extension. The customer can view the terms and conditions by clicking on it.
10. GEO Location: Admin can also select the geolocation for showing the age verification popup via Age Verification OpenCart extension.
11. World Wide: Admin can show the OpenCart Age Verification popup for all the customers in every location.
12. Display on Selected Areas Only: You can also select the countries in which you want to show the OpenCart Age Verification popup.
13. Do Not Display on Selected Areas: Admin can also select the countries in which he doesn’t want to show the OpenCart Age Verification popup.
4.2 Look and Feel Setting Tab of OpenCart Age Verification extension
In this tab, the online merchant can apply the settings to manage the look and feel of the OpenCart Age Verification extension.
These are the customization options for OpenCart 18+ Verification plugin:
1. Theme: The store admin can select the theme from the available list. There are five themes available for OpenCart Age Verification popup.
2. Upload Logo: The store admin can upload a logo from the admin interface of OpenCart 18+ Verification plugin.
3. Select the theme to See the preview: The store admin can also preview the selected theme from the admin interface of Age Verify OpenCart module.
4. Preview of the theme: The online store merchant can view the theme from the admin interface of Age Verification OpenCart extension.
5.0 Front-end Interface of OpenCart Age Verification extension
After applying all the settings from the admin interface of this OpenCart Age Verification module, the online store admin can show the age verification popup on the website front-end.
The online users are restricted to enter their date of birth for age verification by OpenCart 18+ Verification plugin. The age verification popup looks like the below-mentioned image:
The customers can view the terms and conditions for OpenCart Age Verification popup by clicking on the terms and conditions link. Customers can select the date of birth by selecting from the drop-down list.
If the customers close the popup, they will redirect to the URL specified by the store admin in Popup 18+ OpenCart back-end.
This way the customers can access the website after sharing the date of birth details.
Admin can also disable the date of the birth field from the OpenCart Age Verification extension admin interface.
This way, by using Age Verify OpenCart module, the online store merchant can validate the user’s age and allow access to the eligible website visitors. The Age Verification OpenCart extension makes the implementation much easier for the store admin. The admin doesn’t need any technical help for showing OpenCart Age Verification popup on the website.
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.
