Category: User Manual

OpenCart Cash on Delivery with Fees Extension – User Manual

1.0 Introduction

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.

OpenCart Cash on Delivery with Fees

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:

OpenCart Cash on Delivery with Fees extension link

OpenCart Cash on Delivery plugin Admin Demo

OpenCart Cash on Delivery with surcharge module Front-end Demo

Magento 2 Google Shopping Integrator Extension User Manual

1.0 Introduction

The eCommerce store owners can now submit their products to Google Shopping and bring in new visitors to their site from the search engine with Knowband’s Magento 2 Google Shopping integration extension. The Magento 2 extension is designed to connect the store with the Google Merchant Center.

The Google Shopping Magento 2 integration module creates XML feeds and syncs them with the merchant center with the help of the cron jobs. All you need to do is to have a merchant account in the Google Merchant Center. The connection between the account and the store is done with the help of the API details.

1.1. Admin Features of Magento 2 Google Shopping Integrator:

Here are some of the key highlights of the Google Shopping Magento 2 connector:

  1. The connection between the Magento store and the Google Merchant Center is set up at a few clicks.
  2. The real-time synchronization makes the products listing, feed synchronization, and inventory management effortless.
  3. Once the connection is established, the admin can list the products and related details with the help of a profile-based approach. The Magento 2 Google Shopping connector supports all types of products, simple, configurable, or downloadable.
  4. The profile-based listing enables many-to-one category mapping options. The products of the selected category are synced in bulk with Google Shopping Magento 2 connector.
  5. The attribute mapping becomes effortless with Google Shopping Magento 2 synchronization extension as well.
  6. Additionally, the admin can view the product listing from the back-end of the Magento 2 Google Shopping integrator. The e-merchants can remove the listed products by clicking a button.
  7. The Magento 2 Google Merchant Center connector is designed to achieve an error-free listing. However, in case any product is not listed successfully, you can view the error details at a button click.
  8. The admin can create feeds for the profiles and sync them with the Google Merchant Center by executing cron in the back-end of the Google Shopping Magento 2 integrator. You can even schedule the time for feed synchronization.
  9. The cron options offered by Magento 2 Google Shopping integrator even allow the store admin to sync the status of the products from Google Shopping to the store.
  10. The audit log section of the Google Shopping Magento 2 connector keeps track of the status of the various task running in the back-end.

2.0 Installation

After purchasing Magento 2 Google Shopping Integration extension, the store admin will get the following files:

1. Knowband_Googleshopping.zip which contains the source code of the Google Shopping Integration Magento 2 plugin.
2. User Manual which includes all the details and helps regarding the extension.

Follow the steps mentioned below to install the Magento 2 Google Shopping Integration module at your store:

This extension requires Google Client API, so you need to add the “google/apiclient”: “^2.2” into the composer.json file and update the composer.

  • Get the Magento 2 Google Shopping Integrator from the Knowband store and download the extension package.
  • The package has a zipped file. Unzip the package.
  • Create a folder {Magentoroot}/app/code/Knowband/Google Shopping
  • Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).
  • Now run below commands to install the plugin:

php -f bin/magento module:enable –clear-static-content Knowband_Googleshopping
php -f bin/magento setup:upgrade
php -f bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
The extension is now installed and ready for use. In Admin Panel go to “Knowband Extensions >Google Shopping”.
You can now configure and use the Magento 2 Google Shopping Integrator.

3.0 Admin Interface

Once the installation is complete, you can find the Magento 2 Google Shopping API integrator in the main menu. Click on Knowband and you’ll find the module as shown in the image below:

3.1. Connection Settings

The connection can be set up between the Google Merchant Center and the Magento store from this tab of Google Shopping Magento 2 integration plugin. You need to create an account at Google Merchant Center and obtain the client ID, client Secret and Merchant ID. Refer to Appendix A.

  • Google Application Name: Enter the name of the project/application that you created for Google Shopping in this section.
  • Google Client ID: Obtain the Client ID from your Merchant account and enter the same here. This will authenticate the connection between the store and the Google Merchant.
  • Google Client Secret: Enter the client secret to set up the connection.
  • Google Merchant ID: Provide the merchant ID of your Google merchant center account here.

3.2. General Settings

You can do the basic configuration changes in this section of the Magento 2 Google Shopping integrator. The various fields of this tab are discussed below:

Enabled: Toggle this button to activate this Google Shopping Magento 2 API integration plugin.

Exclude Out of Stock Products: The Google Shopping Magento 2 connector allows you to create a profile and list the products in bulk at the Merchant Center. However, some products may go out of stock. The admin can disable out-of-stock products by enabling this button. If enabled, only the in-stock product will be displayed in Google search results.

Exclude Products with Price less than: Enter a fixed amount. Only the products that are priced above the fixed amount will be displayed in the search results.

Sync Type: Select the synchronization type from the drop-down menu. The two options: Content API and Feed.

utm_campaign Parameter, utm_source Parameter, utm_medium Parameter: Enter the UTM for tracking the traffic received via Google Shopping.

Select your default language: The module offers multi-lingual support. Select the default language from this section.

3.3. Profile Management

The admin can create, edit or delete profiles from this tab of the Magento 2 Google Shopping Integration extension.

3.3.1 How to Create New Profiles?

Click on the ‘Add New Profile’ or ‘+’ sign in order to create a new profile.

This will redirect you to the profile management section.

Country: Select the Country from the drop-down list.

 

  • Language: The language will be selected by default as per the country selected.
  • Currency: The currency will be displayed by default according to the country selected.
  • Profile Title: Enter the name of the profile here.
  • Google Category: Select the Google category that you want to map the categories of the store.
  • Store Category: Expand the category and check the categories that you want to map with the selected category of Google.
  • GTIN: Here, you will map the product unique field so that the Magento 2 Google Shopping Connector can identify products according to the mapped attribute. You must also have to provide unique field mapping for product attributes as well. The various options to choose from include: Reference No., UPC, EAN13. The mapping can then be done based on the selected attribute.
  • Customize Product Title: Customize the product title by using the following place-holders.
    {id_product} for Product ID
    {product_title} for Product title
    {manufacturer_name} for Manufacturer name
    {supplier_name} for Supplier name
    {reference} for Product Reference
    {ean13} for Product EAN13
    {short_description} for Product Short Description
    {price} for Product Price
  • Material: Select the material of the product.
  • Pattern: Choose the pattern from the drop-down menu.
  • Gender: Select the Gender for which the product is intended. The options are Male, Female or Unisex.
  • Age Group: Select the age group that is expected to use the product.
  • Adult Content: Specify if the product has any adult content or not.
  • Color: Use the color attribute to describe your product’s color. This information helps create accurate filters, which users can use to narrow search results.
  • Size: The size attribute describes the standardized size of your product. Your product Ad will appear in the results that are filtered by size.
  • Size Type: The attribute describes the cut of your product. The supported value for this field includes regular, petite, plus, big, tall and others. This helps create accurate filters.
  • Size System: With this attribute, you can explain which country’s sizing system your product uses.
  • Product Shipping: Select the shipping method for the particular product.

 

Google Adsense:

Google Adsense refers to the campaign that you’ll run on Google Adwords. Custom labels, Custom Label 0 through Custom Label 4, allow you to create specific filters to use in your Shopping campaigns. Use these filters for reporting and bidding on groups of products. The information you include in these attributes won’t be shown to users.

3.3.2 How to Edit the Existing Profile?

The admin can even edit or delete the profile at a button click.


Click on the Edit or Delete button corresponding to each profile respectively, in order to edit or delete them.

3.4. Feed Management

The feed is created in order to display the products on Google search results. The admin can create N number of feeds and schedule the same for synchronization.

3.4.1 How to create new feeds?

Click on the ‘Add New Feed’ or ‘+’ sign in order to create a new profile.


This will redirect you to the feed creation page of the Magento 2 Google Shopping synchronization extension. The various fields of the interface are discussed below:

Select Profile: The list of the profiles created in the profile management tab of the Magento 2 Google Shopping Integration module will be shown this tab. Select the profile whose product you want to sync with Google Merchant Center.

Feed Label: Enter a unique name for the Feed.
Feed Upload Schedule: Select the schedule of the feed upload.

Set Hour: Select the number of hours in which you want to schedule the feed.

3.4.2 How to download feeds?

The admin can even download the feed from the respective profile. For this go to the Profile Management tab of Google Shopping Magento 2 integrator. The download option will be shown in the Feed Download section as shown below:

3.4.3 How to Edit/Delete feeds?

In order to edit or delete the feeds, click on the Edit or Delete button corresponding to each feed.

The admin even gets an option to view the report in case any error occurs while feed synchronization. This can be done by clicking on the View Error option as shown in the image below:

3.5. Product Listing

This section of the Magento 2 Google Shopping integration plugin shows the report of the products listed at the Merchant Center.

The Google Shopping Magento 2 integration module allows the following action to the admin.

  • Renew: The Renew button can relist the products whose listing has expired. Once this action is executed successfully, the action will be changed to ‘Halt’.
  • Delete: The admin can remove the product by clicking on ‘Delete’.
  • View Error: The admin can View Error occurred while listing the product.

3.6. Synchronization

The Synchronization tab of the Magento 2 Google Shopping Integration module offers a cron option for real-time synchronization. Here are the cron options available.

  • Sync Feed on Google Shopping: ‘Sync Feed’ cron will synchronize the feed on Google Shopping.
  • Sync Products Status from Google Shopping: This button can sync the product status from Google shopping to the web store.

3.7. Audit Log

The admin can view the status of the task running in the back-end in the Audit Log tab of Google Shopping Magento 2 Integration plugin.

4.0. Appendix

How to Create Google Shopping Account?

Before uploading your products on Google shopping, you must have your Google merchant account. If you don’t have then please follow the below URL:

https://merchants.Google.com
Follow the instructions given on the above URL and create your account.

After creating your account, you will be redirected to your merchant center homepage as shown in below screen:

Copy your merchant id highlighted in the above screen and save it in module configurations.

Verify your Website for Google Merchant Account

This verification process is a compulsory process to upload your products to Google Shopping. If you do not verify your site then the module will not be able to upload products and may result in an error.

To verify your website, please follow the below instructions:

Step 1: Go to the “Business Information” tab in your Google Merchant Account.

Step 2: Under “About Your Business” tab, provide the URL of your store. For example, https://www.example.com. Save URL.

Step 3: After saving the website URL, Under the “Website” tab, Click on “Claim Your Website” link. This will show you the link to an HTML file. Download this file and upload it to your root directory of the store.

Step 4: After uploading the HTML file, execute the URL given by Google in step 3.

Step 5: Click on the “Verify & Claim” link.

4.1 How to get a Client ID and Secret?

To get Google client id and secret you need to create a project in Google developer account. Please go to the below URL to sign into the Google developer account.

https://console.developers.Google.com

On the above URL, create a project by clicking the link shown in below screen:

Step 1: Name your Project Name and then click on the “Create” link. After creating a project, Google will redirect to the same page and your new project will be selected.

Step 2: Go to the library tab, search for “Content API for Shopping ”. Enable this API for this project.

Step 3: Click on the “Credentials” tab. This tab will show 3 tabs.

Step 4: Set your application name in “OAuth Consent Screen” and save it.

Step 5: Click on the “Credentials” tab and click on the “Create Credentials” button.

Step 6: After clicking the “Create Credentials” button, Google will be shown credentials type options. Choose “Auth client ID”.

Step 7: Set application type as “Web Application”.

Step 8: Set the “Authorized Redirect URIs” field. Your redirect URI is given on the module configuration page. Please copy from there and paste it into this field.

Step 9: Click on the “Create” button. After saving credentials, Google will generate the client id and secret for you. Copy and paste them into the corresponding field in module configuration.

Note: For more details instructions, follow URL https://developers.Google.com/identity/sign-in/web/devconsole-project

Note: If you are getting an error while getting your refresh token. Please also try after “Allowing Less Secure App” in your Google account.

For more values, please follow the below URL and read the documentation:

https://support.google.com/merchants/answer/7052112?hl=en

Magento Instagram Shop Gallery Extension – User Manual

1.0 Introduction

Create a beautiful Instagram Gallery for your eCommerce store with Knowband’s Magento Instagram Shop Gallery Extension and boost the visitor engagement with your store. This Magento Instagram Shop Extension is an effective method to market your store products and thereby improving your site sales. With the highest user engagement, Instagram is been popularly used for branding business products and services. Likewise, you can also give the Instagram look and feel to your website to appeal the new and returning visitors at your online shop. This Instagram module for Magento builds your Instagram business profile and improves the user experience at your store.

1.1 Striking Features of Magento Instagram Shop Gallery Extension

This Instagram Shop Gallery Extension from Knowband is feature-rich extension offering you customizable features that can be configured without any technical knowledge. Let us quickly check the complete features of this Magento Instagram product tag feed module.
1. Magento Instagram Shop Gallery Extension incorporates an Instagram Shop Gallery at your eCommerce store.
2. With Magento Instagram Shop Extension, you can specify the particular tags to fetch the Instagram images and display them sorted into Instagram Gallery.
3. With Magento Instagram Integration Extension, you can filter fetched images by total images, approved images or images with shop products. The filtered results are shown on the website front.
4. The complete Instagram Image Gallery can be enabled or disabled from the back-office.
5. With Magento Instagram Shop Gallery Extension, you can show the likes and comments as the customer points over any of the Instagram Image
6. You can show or hide the main Instagram Gallery page from the backend of this Magento Instagram extension.
7. You can show or hide the Instagram Shop Gallery link in the footer section of the eCommerce website.
8. Instagram Gallery extension for Magento gives an option to set the title for Instagram Shop Gallery Page.
9. With Magento Instagram Module, you can show selected images on the main Instagram page which can be total photos, approved ones, having related images or having both approved and related images.
10. With Magento Instagram Shop Extension, you have the option to limit the number of images that can be shown on the Instagram Shop page.
11. You can even set a desired URL page key for this main Instagram Shop page.
12. You can create unlimited Instagram galleries with Magento Instagram product tag feed module which can be modified and deleted as required.
13. With Magento Instagram Shop Gallery Extension, you can set title, image limit and image visibility for the particular Instagram gallery.
14. You have the option to show or hide the selected image gallery on the main Instagram Shop page.
15. Magento Instagram product tag feed module allows you to set Instagram gallery visibility at different locations of different site pages.
16. You can add ‘N’ images to an Instagram gallery which can be edited or deleted anytime from the back-office of this Magento Instagram Integration Extension.
17. With Magento Instagram Shop Extension, you can set a sort order for the images in a Instagram Gallery.
18. Magento Instagram module allows you map and pin any site products with the Instagram image.

1.2 Technology for Development

Language: PHP
Frame Work: Magento

2.0 Installation Guide for Magento Instagram Shop Gallery

1. Once after purchasing Magento Instagram Shop Gallery Extension from the Knowband store, you will get the following files on your registered email.

  • Source code file of Magento Instagram Shop Extension in zipped file format.
  • User Manual of Instagram Shop Gallery Extension.
    Download the files.

2. Unzip the package in the root folder of your Magento setup via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/). You’ll find the files and folders as shown in the image below:

The Magento Instagram Shop Gallery Extension is now installed for your store and is ready to configure without any coding hassles.

3.0 Admin Interface of Magento Instagram Shop Gallery Extension

Once you have successfully installed Magento Instagram Gallery Module on your website, you can display unlimited Instagram image posts at different pages of your store as required. Further, to configure this Magento Instagram module, navigate the module settings in the given order: Admin Panel > System> Knowband Extensions > Instagram Gallery

The easy to understand admin interface of Magento Instagram product tag feed plugin has been divided into two broad sections as:

1.Basic Configuration
2.Instagram Gallery Settings

Each of these sections has been discussed in detail below.

3.1 Basic Configuration Settings

The configuration settings of this Magento Instagram Shop Extension is sub-divided into two sections as:
1.General Settings
2.Instagram Page Settings

Each of this sub-section has been discussed in the next section 3.1.1 and 3.1.2

3.1.1 General Settings

In the general settings of the Instagram Shop Gallery for Magento, you will get the following configuration options as given below:

  • Enable/Disable: With this button, you can easily enable or disable the whole functionality of Magento Instagram Integration Module for your eCommerce store.
  • Show Likes/Comments: Using this option, you can enable or disable the likes and comments for any Instagram feed. If enabled, the likes and comments for the particular post will be visible on the frontend to the customers.

3.1.2 Instagram Page Settings

Under this section of Magento Instagram Integration Extension, you can configure the settings of main Instagram Page which will display all the fetched Instagram images at your store.

  • Enable/Disable: This option will enable or disable the main Instagram Gallery Page shown at the frontend of the website.
  • Show Footer Link: With this option, you can show or hide the Instagram page link in the footer section of website. If enabled, the Instagram gallery link is shown in the footer section of website.
  • Page Title: This option will allow you to set a desired title for the Instagram Shop Gallery Page.
  • Image Visibility: This option decides which category of images will be shown on the main Instagram page. You can set any image type out of these four options:
    a. Show all photos
    b. Only approved
    c. Have related product
    d. Approved and related product

Note: The total images can be managed from the “Gallery Settings” discussed in next section 3.2

  • Image Limit: With this option, you can set the maximum number of images which will be shown on the Instagram Gallery page.
  • Page Url Key: Using this option, you can set a custom URL key for the Instagram Shop Gallery Page.

3.2 Gallery Settings

The total Instagram images which are displayed at the front of the website can be configured and managed from this section of Magento Instagram Module. You can fetch as many images using different tags and create different Instagram Galleries. You also have the option to edit the settings of the Instagram gallery. You can manage the related products which will be shown with each of the Instagram Images.

The below interface gives you a list of existing Instagram Gallery which can be edited or deleted. You can edit the existing images or you can add new images to the Instagram gallery.

From this interface, you can perform the following set of actions:

3.2.1 Add a New Gallery

To add a new gallery, click on “Add New” button at the top right corner of the screen.

  • Enable/Disable: This option will enable or disable the selected Instagram gallery.
  • Gallery Title: With this option, you can set the desired title for the gallery.
  • Image Visibility: With this option, the images of the selected type will be shown on the frontend of the website.
  • Image Limit: Using this option, you can set a maximum number of image limit which will be shown in the gallery.
  • Include in Main Page: You can enable this toggle field if you want this gallery to be shown at the main Instagram page on the front.
  • Page Visibility: This option helps you can set visibility of Instagram gallery on various pages at different locations. Simply Click on Add button to display this gallery on different pages.

3.2.2 Edit the Existing Gallery Settings

Now if you want to edit the existing settings of the gallery, click the “Edit” button corresponding to the gallery you want to configure.

  • Enable/Disable: You can toggle this button to enable or disable the Instagram gallery.
  • Gallery Title: This option allows you to set a custom title for the Instagram gallery.
  • Image Visibility: With this option, you can select the visibility type for the images shown on the frontend.
  • Image Limit: Using this option, you can set the maximum number limit of images for this gallery.
  • Include in Main Page: By enabling this toggle field, you can add this gallery on the main Instagram page at front.
  • Page Visibility: With this option, you can set visibility of Instagram gallery on various pages and on different locations. Simply Click on Add button to display this gallery on different pages.

3.2.3 Add and Edit Images

You can add as many Instagram images to a gallery by clicking on the “Images” button corresponding to the gallery.

The above screen shows you a list of existing Instagram gallery images. You can add new images, modify or delete the existing images.
Note: Deleting an image is easy, you just have to click the “Delete” button corresponding to the image.

3.2.3.1 Add New Image

To add a new image to the Instagram Gallery, click on “Add New Image” button at the top right side of admin panel and fill the following fields:

  • Image: This option will allow you to check the preview of the fetched Instagram image.
  • Approve: With this option, you can approve or disapprove the selected Instagram image.
  • Related Products: With this option. You can select the related site products that you want to pin with that Instagram image.
  • Sort Order: This option lets you set the sort order of image on the Instagram gallery page.
  • Instagram Hashtag: Enter the Instagram hashtag to find or fetch the relevant images and then click on “Fetch” button.
3.2.3.2 Edit an existing image

  • Image: This option lets you check the preview for the fetched Instagram image.Approve: With this option, you can approve or disapprove the image.
    Related Products: This option allows you to select the related products that you want to show for that image.
    Sort Order: This option lets you set the sort order of image.

3.2.4 Delete the Existing Gallery

Deleting a gallery is simple, you just have to click the “Delete” button corresponding to the desired Instagram gallery as shown in the image below:

4.0 Front Interface of Instagram Gallery Module for Magento

A) Instagram Shop Page

Customers will see this Instagram Gallery option in the footer section of the website.

Upon clicking the tab, they will be redirected to the Instagram Shop Page with URL key as:
“https://yourstore.com/mage1934/index.php/instagramgallery/”
This URL can be defined as per your own site needs. The Instagram Shop Gallery looks like in the image below:

B) Likes and Comments for Instagram Image

C) Show Instagram Gallery on Homepage

D) Show Instagram Gallery on Product Pages

E) Show Instagram Gallery on Category Pages

On clicking any of the images, customers will see the following image popup.

This way, the online store admin can show Instagram images on website pages without any hassle. The eCommerce store merchant can attract online users by showing eye-catchy Instagram photos. The online merchant can easily implement Magento Instagram Shop Extension and showcase Instagram images on website. The Shop on your Instagram gallery module shows a specific Instagram gallery page on the website. The online users can click on footer link and visit the Instagram gallery page. This way, the online merchant can reduce bounce rate easily. The Magento Instagram product tag feed module is highly customizable and allows the online users to view related products on clicking any specific page. The online merchant can add and showcase unlimited Instagram images.

The eCommerce store admin can show Instagram image on different website pages at desired position. The Magento Instagram Shop Gallery Extension is mobile responsive and offers smooth functioning. The online users can click on any Instagram image and view likes, comments and posting date details easily. The online merchant can also promote products by mapping the products as related products. This way admin can also increase website sales easily using this Magento Instagram module.

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

Shopify.

Magento Instagram Shop Gallery Module Link

Magento Shoppable Instagram Module Admin Demo Link

Magento Instagram module Front Demo Link

Insta Shoppable Gallery Module for Magento Video Tutorial

Magento Instagram Integration Extension Marketplace Link

For more support and information, feel free to contact us via email at support@knowband.com anytime.

OpenCart Countdown Sales Timer Extension – User Manual

1.0 Introduction

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.

A) Sales Countdown Timer on Category Page


B) Sales Countdown Timer on Product Page


C) Sales Countdown Timer on Home Page

D) Expiration Message after the Sale Ends

Magento 2 Web Push Notification Extension – User Manual

1.0 Introduction

For online store owners, it is important to attract new visitor’s attention to their website and also engaging those who already visited it. One great tactic that look promising is web push notifications. Being a store owner, if you have not implemented push notifications for your website, then you are missing some great business opportunities. In order to integrate web push notifications for your site, Knowband offers Magento 2 Web Push Notification Module that will allow admin to send real-time push notifications to their existing and new customers. Web Push Notification module gives you constant power to engage your audience via different kind of push alerts like back in stock alert, price alert, order status alert, abandoned cart alert, etc.

Magento 2 Push Notification for web browsers like Chrome and Firefox displays welcome popup on the user’s device asking for their consent to send alerts on various events. Push notifications are delivered instantly to the users which build up their constant engagement on the store. Magento 2 Browser Notification extension allows admin to send personalized push messages. With this extension, the admin can create and send personalized product recommendations to their customers based on their individual browsing and purchase history. Push notifications are highly responsive over mobile and tablet devices so you can achieve easy interaction with your customers. Web push notifications implemented using Magento 2 Browser Notification extension helps you in delivering various alert messages in real time which has a higher response rate compared to an email which subsequently leads to higher marketing ROI.

1.1 Striking Features of Magento 2 Cart Reminder Push Notification Module

No hassles and coding efforts are involved in the integration of web push notifications to the website. Before that, quickly take an insight into the highlights offered by this Magento 2 Web Push Notifications extension.

1. Magento 2 Web Push Notification Module offers a direct, real-time marketing technique for sending tailored push notifications to dormant users like breaking news updates, notifying customers when items are back in stock or drop price alerts. No matter whether are accessing the site or not, the subscribers will receive timely alerts triggered by the admin.

2. Magento 2 Order Status Update Push Notification triggers a welcome notification popup on the site frontend as the user visits the site. This is a permission popup asking the user to allow or deny automatic updates.

3. Magento 2 Browser Notification extension sends automated notifications for different events like when a user places an order, order status is changed, product price is updated, product stock is updated, or the cart is abandoned.

4. The template and message can be personalized for price alert notifications, stock alert push notifications, abandoned cart alerts or other kinds of custom notifications with the help of this Magento 2 Website Push Notification extension.

5. The notification title, action buttons, popup image shown over the welcome notification popup can be configured from the back-office of this Magento 2 Cart Reminder Push Notification Module.

6. With Magento 2 Browser Notification extension, admin can test web push notifications right after sending them by registering with the send test feature. Push notifications can be tested immediately or at some scheduled time.

7. To integrate push notification service to the website, the admin needs to configure firebase settings from the backend of Magento 2 Web Push Notification Module.

8. Magento 2 Browser Notification extension offers five default push notification templates which can be customized or deleted from back-office. Admin can create multiple custom notification template if they require for their business for announcing offers and new arrivals.

9. Web push notifications are perfectly compatible with browsers like Google Chrome, Firefox, and other browsers as well.

10. Magento 2 Cart Reminder Push Notification Module allows admin to create any type of push notifications with a custom message, title, URL and images. The link can be added to the complete notification popup or to the popup button specifically.

11. Admin can view the list of notification subscribers and product subscribers from the backend of Magento 2 Web Push Notifications extension.

12. Magento 2 Web Push Notification Module allows admin to send the notifications immediately or on a particular time. This functionality can be handled using the cron job. Admin can run the cron job in order to send all scheduled notifications instantly.

13. Magento 2 Web Push Notifications extension lets admin test the promotional alerts before sending it to the actual subscriber base.

14. Web Push Notification For Magento 2 offers a responsive UI for desktop and mobile devices.

15. Magento 2 Order Status Update Push Notification plugin works on multiple store views.

16. Magento 2 Browser Notification extension provides a simple backend interface which can be effortlessly configured by the store admin.

2.0 Installation Guide of Magento 2 Browser Notification Extension

1. Once after purchasing Magento 2 Web Push Notification Module from the Knowband store, you will get the following files on your registered email:

  • Source code file of Magento 2 Web Push Notification Module in zipped file format.
  • User Manual of Magento 2 Website Push Notification Extension.

2. Unzip the extension package.

3. Create a folder{Magentoroot}/app/code/Knowband/Webpushnotification

4. Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).

5. Add the following dependencies in the Magento root composer.json file:
“mobiledetect/mobiledetectlib”: “^2.8”,
“geoip2/geoip2”: “^2.9.0”
And below command to install the above dependencies:
composer update

6. Now run below commands to install the plugin:
php -f bin/magento module:enable –clear-static-content Knowband_Webpushnotification
php -f bin/magento setup:upgrade
php -f bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

The Magento 2 Web Push Notifications extension is now installed and ready to use.

3.0 Admin Interface of Magento 2 Web Push Notifications Extension

Just after successful installation of Magento 2 Web Push Notification extension on your website, you can create and activate web push notifications for your store in accordance with business requirements. Navigate the settings in the given order: Admin Panel > Knowband > Web Push Notifications

The simple to understand admin interface of Magento 2 Browser Notification extension is divided into eight main sections namely:

1.General Settings
2.Templates
3. Send Push Notifications
4.Delay Push Notifications
5.Subscribers
6.Product Subscribers
7.History
8.Statistics

Each of these sections has been discussed in detail below.

3.1 General Settings

The general settings of Magento 2 Web Push Notification extension is further sub-divided into four sections namely:

1.Configurations
2.Firebase Settings
3.Product Sign Up Box Settings
4.Welcome Notifications Settings

3.1.1 Configurations

  • Enable the Extension: This option enables or disables the whole functionality of Magento 2 Web Push Notification Module with the help of toggle button. On enabling this, customer will see a push notification request popup box on their screen.
  • Enable/Disable Order Place Notification: This setting enables or disables the notifications after the customer places an order. Admin can send order status notification to the customer after enabling this option.

  • Enable/Disable Notification on Order Status Update: This setting will enable or disable the notifications on order status update.
  • Enable/Disable Abandoned Cart Notification: This setting will enable or disable the notifications when the customer abandons their cart. This notification only triggers if the customer has abandoned the cart.
  • Enable/Disable Product Price Alert Notification: This setting will enable or disable the notification alert for the product price. As there is a drop in product price, product subscribers will receive a notification alert.
    Note: These settings are only applicable when the users subscribe for the product notification.
  • Enable/Disable Product Back In Stock Alert Notification: This setting will enable or disable the notification alert for the product stock. When the out-stock product comes back in stock, product subscribers will be notified.
    Note: These settings are only applicable when the user subscribes for the product notification.

3.1.2 Firebase Settings

Firebase works in the backend as a service responsible to push mobile and desktop notifications to users while they are accessing a particular website. These settings are usually set one time during initial module setup.

  • API Key: This option allows you to specify the Firebase API key.
  • Auth Domain: This option allows you to set Firebase auth domain value.
  • Database URL: Using this option you can set the Firebase database URL.
  • Project ID: This option lets you set the Firebase project ID.
  • Storage Bucket: With this option you can specify Firebase storage bucket.
  • Messaging Sender ID: This option sets the Firebase messaging sender ID.
  • Server Key: This option will set the Firebase server key.

3.1.3 Product Sign Up Box Settings

In this tab of the Magento 2 Cart Reminder Push Notification Module, the admin can edit the sign-up box settings for the product. Customers who will subscribe to the product will receive its price and stock related alerts. Under this tab, you will get the following options:

  • Enable/Disable: This option enables or disables the product signup alerts. If enabled, module will show the Subscription box in the front-end of the store where the customer can subscribe for product price alert or back in stock product alert.
  • Sign Up Price Alert Heading: This field allows you to set a heading for the price alert notification box.
  • Price Alert Message: You can set a desired push notification message flashed on Price alert subscription box.
  • Sign Up Back In Stock Alert Heading: This field allows you to set a custom heading for the back-in-stock notification box.
  • Back In Stock Alert Message: You can set a desired push notification message flashed on Back-in-stock alert box.

  • Sign Up Button text: You can modify the text shown on the product subscription or signup popup.
  • Sign up Heading Background color: You can change the background color for the sign up box heading.
  • Sign up Heading Font color: This option allows you to change the subscription box heading font color as per requirement using color picker tool.
  • Sign up Content Background color: You can change the Subscription box background color using this option.
  • Sign up Content Font color: The admin can change the font color of subscription box text with this option.
  • Sign up Block Border color: This field of Web Push Notification module allows you to set the border color for the signup notification box.
  • Sign up Button Background color: This option lets you set the background color for the product subscription button shown in sign-up box.
  • Sign up Button Font color: This option lets you set the font color for the product subscription button text.

3.1.4 Welcome Notification Settings

Under this section of Magento 2 Web Push Notification module, the admin can customize the look and feel of the Welcome notification box. This Welcome Notification box will be shown in the front-end of the store when the customer enters the store. The users can click on approve button for getting the site notifications or can cancel the option. This section contains the following options:

  • Enable/Disable: Admin can enable/disable this Permission Box on the frontend. If enabled, the permission box will be shown in the front-end of the store.
  • Action Message: This option sets the display text for the welcome notification popup.
  • Approve Button Text: You can enter the display text for the Approve button shown over welcome notification popup box.
  • Cancel Button Text: You can enter the display text for the Cancel button shown over welcome notification popup box.
  • Disapprove Cookie Expiration Time: This option sets the time for cookie expiration if user disapprove the notification. Like if this value is set to 2, and the user clicks on Cancel/Disapprove button then the welcome notification permission box will be shown to that user after two days.
  • Display Logo: This option allows you show/hide the display logo for the welcome notification popup.
  • Upload Logo: Using this option, you can browse and upload a desired logo image for the welcome notification popup.
    Note: Web push notification module allows the admin to run cron to send the push notification immediately or after a fixed time.

3.2 Templates

Web Push Notification For Magento 2 offers five default ready-made templates which are fully-customizable and gives flexibility to create new templates as per business needs. Under this section, you can customize or add a new Web Push notification template. The five default notification templates offered include:
1. Order Place Notification Alert
2. Product Back In Stock Alert
3. Product Price Alert
4. Abandoned Cart Alert
5. Order Status Update Alert


Note: The default notification templates can be modified but cant be deleted by the admin. While the new created templates can be modified or deleted from this section.

3.2.1 How to add Custom Notification Template?

An option to add templates of Push Notification for web browsers is provided at the back-office. Simply click on “Add New” button for creating a custom notification template. Fill the following fields in order to create a new notification template for the store.

  • Notification Title: With this option, admin can set a title for web push notification.
  • Message: Using this option, you can set a custom message for the web push notification.
  • Upload Icon: This field allows you to choose a desired icon for the custom push notification.
  • Primary Link: With this option, you can set a primary link for the push notification. When the user clicks on the notification popup, they are redirected to this specific link.
  • Action Button: You can add as multiple action buttons to display on the push notification popup box. These buttons can be set with different text and action button link.
  • After the successful entry of details, the new custom template would be added in the “Push Notification Template” table.
    Note: The Admin can add the N no of Custom template for a various promotional offer like Flash Sale, Buy 2 Get 1, Happy hours and more.
    The other default notification template include:
  • Product Back In Stock Alert: When the admin changes the status of the Product quantity to in-stock from the back-end of the module, back in stock push alerts are sent to the customer.
  • Product Price Alert: When the admin changes the product price and they offer a discount price then the price alert push notification is sent to the customer.
  • Abandoned Cart Alert: This Magento 2 Browser Push Notification module sends an abandoned cart notification to the customer when they leave their cart.
  • Order Status Update Alert: When the admin changes the status of the order, this order status push notification is sent to the customer.
  • Order Place Notification Alert: As the customer will place an order, this alert is automatically sent to them.

3.3 Send Push Notifications

Magento 2 Cart Reminder Push Notification Module allows admin to send push notifications manually. For this, you have they have to select the template and send time for the push notification. Once the notification is set, you can test it in two ways:

1.Admin can register as admin and then test the push notification. This notification alert is only send to the registered admin not the subscribers.
2.If the admin finds no issue in the push notification, they can send push notification directly to all the subscribers.

  • Select Template: This option allows admin to choose the template for notification from the existing ones.
  • Send Notification: Admin can send the notification immediately or on a scheduled time.

When the admin sends push notification at a particular time, then the cron has to run manually. Here are the cron instructions:

1. Delay Push Notification CRON
https://www.example.com/ma212/kbwebpush/index/delayPushCron/?SID=dgaqkeauhluhn4cmtaug3gahl2
2. Abandoned Cart Notification CRON
https://www.example.com/ma212/kbwebpush/index/abandonedCartCron/?SID=dgaqkeauhluhn4cmtaug3gahl2

3.4 Delay Push Notifications

Web Push Notification for Magento 2 allows the admin to schedule the notification for a particular time. All the scheduled notification will be displayed in the Push Delay Notification tab along with their status.

 

3.5 Subscribers

Under this section of Magento 2 Web Push Notifications extension, admin can view the total list of subscribers who have allowed the push notifications. Records of users who deny the push notification are not shown in this panel.

The admin can keep a track on the subscribers along with their details like browser name, browser version, platform, device type, country, subscription time and user type.

3.6 Product Subscribers

Web Push Notification For Magento 2 also gives a detailed view to the product subscribers along with their subscription type detail. Admin can see which product is subscribed along with its name, product image, product SKU, Price, Subscription type and subscription date.

 

3.7 History

Magento 2 Web Push Notification Module allows the store admin to view the overall history of web push notifications generated for different events like order place, order status update, price alert, abandoned cart and others. Admin can filter the results based on push notification type or date created. From this section, they can even view the total customers who received a particular push notification.

3.8 Statistics

Magento 2 Website Push Notification extension provides a simple interface to understand the subscription analytics. Admin can easily view the number of desktop subscribers and mobile subscribers. Additionally, you can view particular subscribers coming through Chrome and Firefox browsers.

Note:

  • Total Subscribers are the users who have approved the push notifications for their system or device. This includes both desktop and mobile subscribers.
  • Total Campaigns are the total push notifications sent for different events.

Report analysis can also be done using graphical statistics as shown in the below image with the help of filter option.

These graphical stats provide information about the total number of subscribers and the total number of push notifications sent to those subscribers.

4.0 Front Interface of Magento 2 Browser Notification extension

A)Welcome Notification Box
This welcome notification box contain buttons to approve or disapprove the alert subscriptions. As the user visits the site, this subscription popup is shown on their front, which they have to either approve or deny. If they “Deny” they will not get any site or product related notifications. If they “Approve”, they will receive sale alerts, offers information and product related updates like back in stock, price drops and abandoned cart.


B)Order Place Notification Alert


C)Order Status Update Alert

D)Product Price Alert


E)Product Back In Stock Alert


F)Abandoned Cart Notification Alert

Magento 2 Store Locator and Pickup Extension – User Manual

1.0 Introduction

Eliminate unnecessary shipping costs and let customers buy the products conveniently and independently from physical stores using Magento 2 store locator and pickup extension. This module adds an unlimited number of pickup locations for the online business which is shown to the customers based on their country or postal codes. Pickup services added using Magento 2 store pickup module are helpful for the customers as they benefit in saving their shipping time and money. Choosing this shipping option during checkout helps customers in finding the nearest location, where they can pick up the order easily.

Magento 2 in-store pickup extension offers a seamless offline experience to the customers that ultimately reflects the sales process of your business. Magento 2 Google Maps Store Locator plugin uplifts the traffic volumes at your physical stores and improves the shopping experience of customers with DIY order pick up functionality. With Magento 2 Store locator module, you can show store locations in a nice and neat user interface which effectively aids customers in checking store availability and interacting with those physically before purchasing any product.

1.1 Striking Features of Google Maps Store Locator Plugin for Magento 2

To enable the self-service deliveries of products at different physical outlets of your eCommerce brand, quickly take an insight into the functionality of Magento 2 in-store pickup extension.

1. Magento 2 store locator and pickup extension integrate a fast and optimized in-store pickup functionality at your eCommerce store catering to various products need through offline stores. During checkout, customers can search the nearest available store for order pickup.

2. Magento 2 store pickup module allows admin to create and customize an unlimited number of pickup stores for their business.

3. Magento 2 Google Maps Store Locator plugin adds up a new shipping method on the site checkout easing customers in opting for the convenient find and pickup service.

4. With Magento 2 in-store pickup extension, admin can effortlessly configure the existing physical stores from the back-office without using any coding skills.

5. Magento 2 store locator and pickup extension require the integration of Google Map API Key for displaying the available stores for different country users.

6. Admin can add offline shop details like store name, address, zip code, country, latitude, longitude and shop image from the backend of Magento 2 Store locator module.

7. Magento 2 store pick up plugin allows you to show store location on the Google Map marked with a pin icon. To locate the physical store, the admin has to move the pointer over the map using a zooming function.

8. If required, admin can show the offline shop contact details including website, contact number, fax and business email.

9. Magento 2 Google Maps Store Locator plugin suggests the most relevant and nearby store suggestions to the customer based on their provided address.

10. Magento 2 store locator and pickup extension give two methods to add new stores for the brand. One is to add stores manually or adding bulk stores in a single go by uploading a .xlsx file from the back-office.

11. The whole functionality of store locator and pickup can be enabled or disabled from the backend.

12. Each of the physical stores can be enabled or disabled separately using this Magento 2 in-store pickup extension.

13. You can set an image for the Google Map pointer using this Magento 2 store pickup module.

14. Magento 2 Store locator module allows you to set a default zoom level for the Google Map integrated on the store locator page on the frontend.

15. With Magento 2 store locator and pickup module, the store owner can display physical distances of the store from the customer’s location in miles or in kilometers.

16. The store locator and pickup section can be shown on the homepage and in the site footer also.

17. Admin gets an option to set a custom URL for the store locator page using this Magento 2 pick-up module.

18. To make it look appealing, admin can set a landing page image for the store locator page with Magento 2 in-store pickup extension.

19. Admin can give store pickup options for selected countries only.

20. Magento 2 Google Maps Store Locator plugin allows admin to set the handling fee type and pickup amount.

21. Magento 2 store locator and pickup extension support multi-lingual and multi-store compatibility.

2.0 Installation Guide of Magento 2 store locator and pickup extension

1. Once after purchasing Magento 2 Store locator module from the Knowband store, you will get the following files on your registered email:

  • Source code file of Magento 2 store locator and pickup extension in zipped file format.
  • User Manual of Magento 2 store locator and pickup extension

2. Unzip the extension package.

3. Create a folder{Magentoroot}/app/code/Knowband/Storelocator

4. Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).

5. Now run below commands to install the plugin:

php -f bin/magento module:enable –clear-static-content Knowband_Storelocator
php -f bin/magento setup:upgrade
php -f bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

The Magento 2 Store Locator extension is now installed and ready to use.

3.0 Admin Interface of Magento 2 In-Store Pickup Extension

Just after the successful installation of Magento 2 store locator and pickup extension on your website, you can add and configure physical stores in accordance with business requirements. Navigate the settings in the given order: Admin Panel > Knowband > Store Locator and Pickup

The simple to understand admin interface of Magento 2 Store Locator module is divided into two broad sections namely:

1.General Settings
2.Manage Stores

Each of these sections has been discussed in detail below.

3.1 General Settings

The general settings of Magento 2 store locator and pickup extension offers you the following basic configurations:

  • Enable/Disable: The store admin can enable or disable the functionality of Magento 2 Google Maps Store Locator plugin just by toggling this button.
  • Google Map API Key: Set the Google map API key in this field. The process to generate an API key has been discussed in section 3.1.1.
  • Google Map Marker: Admin can choose the desired image as Google Map marker.
  • Map Zoom Level: Admin can set the default zoom level for the location map.
  • Distance Unit: Admin can set the unit of distance in kilometers or miles. This distance depicts the reach to offline store from the customer’s exact location.
  • Display on Homepage: Admin can decide whether they want to show or hide the store locator option on the Homepage.
  • Display Phone Number: Enable or disable this option to show or hide the contact details for the store.
  • Display Footer Link: Enabling or disabling this option will show or hide the store locator link in the footer section.

  • Footer Link Text: This option sets the text for the store locator link shown in footer section of the website.
  • Store Locator Page URL Key: This option sets a custom page URL for the store locator page.

  • Landing Page Image: This option set the landing page image for the store locator page. Simply browse and choose any file of your choice.

  • Geo Location for Store Pickup: Admin can set the option whether they want to display store locator functionality in selected areas or worldwide.
  • Select Country: This option allows you to set multiple countries where the store pickup options will be provided to the customers.

3.1.1 How to generate the Google Map API key

The eCommerce store admin can generate the Google API key by following these steps:

  • Click on the “Get Started” button: The admin can click on this button to get the Google map API key.

Pickup the products: When the admin will click the “Get Started” button this pop-up will be displayed.


Project selection: The eCommerce store admin can select or create a project.

1. Select a project:

2. Create a new project:


Setup the billing: The eCommerce store admin can now set up the billing.


After billing the store admin can get their Google map API key.
On the Credentials page, get an API key:


The store admin can select the API key option:


The admin can select the restrict key option from the dialog box to set a browser restriction on the API key.

In the Key restriction section, the store admin can select HTTP referrers (web sites), then follow the on-screen instructions to set referrers.


This way the admin can set the Google map API key.

3.2 Manage Stores

The owner of eCommerce stores can add new physical stores for their brand under this admin section. They can configure the details of the existing stores or can delete them directly from this place. This way, the Prestashop Store locator addon allows the admin to add, delete and edit the store related details.

Also, this admin interface gives you a complete view of the list of existing offline stores.

The store admin can easily add a store from the admin panel. After clicking on the “add new store” button, a screen will be shown like below:

New physical stores can be added in two ways:
1. Adding stores manually
2. Importing stores using .xlsx file

1) Adding Stores Manually

  • Enable/disable: This option shows or hides the particular physical store.
  • Store View: This option lets you select all store views for which this physical store is visible.
  • Store Name: You can set the name of your store using this option.
  • Store Address: You can set the address of the store.
  • Zip/Postal Code: This option lets you set the zip or postal code for the store.
  • City: This option lets you set the city of the store.

  • State: This option will set the state of the store.
  • Country: This option sets the country of the store.
  • Latitude: This option sets the latitude value of the store.
  • Longitude: This option sets the longitude value of the store.

  • Google Map Location: This option allows you to point the address of the store on Google Map using locator icon.

  • Website: This option sets the link to the official website of the store.
  • Contact Number: This option sets the contact number of the store.
  • Fax: You can set the fax detail of the physical store.
  • Email: This option allows you to set the contact email address of the store.
  • Store Image: Using this option, you can upload a desired image for the store.

  • Enable Store Pickup: This option will enable or disable the store pickup functionality. This can be used when the product stock runs out.
  • Enable Store Pickup Amount: This option lets you enable or disable the store pickup amount if applicable as per the business needs.
  • Pickup Amount: This option lets you set the pickup amount for the order by the customer.
  • Handling Fee Type: With this option, you can select the type of handling pickup charge. Three options are offered under this category: per product, per quantity and whole order.

  • Store Timing: With this option, you can select the opening and closing time for the store on all days within a week. To keep the store pickup off for a particular day, you can simply un-tick the Open/Close check box.

2) Importing Stores Using .xlsx File

  • Store Views: Select the store views where the imported stores will be visible.
  • Upload File: Using this option, you can upload the .xlsx file in order to import new physical stores.
  • Download File Sample: Download a sample file to check the way of listing store information in a .xlsx file format.

4.0 Front Interface of Magento 2 Google Maps Store Locator plugin

A) In the front, the customers can find the nearby stores directly from the Homepage.

They can locate the nearest store by entering a landmark address that is conveniently reachable from their actual location. For the provided address/city/state, a list of store recommendations is shown to the customer. Customers can view the details for any of these physical shops and can pick up their products.

Moreover, they can check the contact details, name, distance and opening timings for the shop. Hence, this way the customers get their product faster, conveniently and without paying extra shipping charges.

B) Store Location link in the footer section

C) Store Location options on the Checkout page
Here, the customer can select the pickup option for their product. Note that other shipping methods are also available here.


The customers can view the store on the front-end like this:

The customers can place their pickup orders easily by selecting the date and time as desired.

Note that the option of “Search Store Pickup” is also provided. Customers can click this option when they want to see the complete details for the listed stores. On clicking the button, a popup will be shown in the image below.

D) Pickup details after successful order completion


E) After placing an order, customer will receive an email confirming the order pickup details.


F) The owner of the physical shop also receives an email confirming the pickup order placed by the customer.

This way, the online store merchant can show multiple physical stores on the website using Google Maps and allow the online users to pick up the order from the store itself. The Magento 2 store locator and pickup module is highly customizable and allows showing multiple stores without any restriction. The e-merchant can show a store pickup option on the checkout page. The online users can select the nearest store and pick up their orders as per their preferences. They don’t need to pay delivery charges for the ordered product. The Magento 2 Store locator extension offers easy store management, admin can show store name, address, working days, contact information and store image easily for a better understanding of the customers. By offering the store locators and pickup facilities, admin can get more orders.

For more details about this Magento 2 store locator and pickup extension, please visit:

Magento 2 store locator and pickup module link

Magento 2 store locator and pickup module Admin Demo

Magento 2 Store locator module Front-end Demo

Prestashop Product Designer/Customizer Addon – User Manual

1.0 Introduction

Being a store owner you have always thought of multiplying your store conversions but not about the shopping experience of your customers. A happy and satisfied customer is the one who returns back to the store in search of some more items. So if you want returning customers on your store, make the customer experience lasts forever by integrating Prestashop Product Designer/Customizer addon at your eCommerce store.

With the help of Prestashop Custom Product Design module, store merchants can offer intuitive and creative online product customization options to their customers so that they can turn the basic version of the product into a modern, elegant and unique design. Prestashop product customization addon allows admin to show the product customization panel page as the user clicks over the Customize button on the product page. Customers can easily add rich colored texts with effects, upload their images with filters, add a QR code to make it suitable for their needs.

1.1 Striking Features of Prestashop Product Customization Addon

No coding technicalities are required to configure or modify the settings of the Prestashop Custom Product Design module. Everything comes easy with this module. Lets quickly check different features offered by this Prestashop addon.

  • Prestashop Product Designer/Customizer addon helps to offer a wide range of customizable products at your online shop.
    Using Prestashop custom product designer addon, customers can easily buy and take the benefits of the extended online products which can be personalized as per their needs.
  • Online Product Designer adds a designer view for products so that the potential buyers get an opportunity to customize the product in real time. Product configurator module lets Prestashop admin add a different set of customization options for each different product on the shop.
  • With the integration of Prestashop product designer module, customers can access the product customization panel with any product they wish to purchase like T-shirts, mug, rings or any other kind of product that can be personalized as per their needs.
  • Prestashop product customization addon shows a Customize button for every customizable product on the store. Admin can enable customization options for desired products only.
  • The complete functionality of Prestashop Product Designer/Customizer addon can be enabled or disabled. When this module is disabled, the standard product customization options are shown on the product page.
  • Advanced product customizer module shows the real-time customization price calculation on the product page.
  • With Prestashop custom product designer addon, admin can set the product design sides which are available to the user.
  • Product configurator module allows admin to enable or disable PDF file download options for the customers on the frontend.
  • Prestashop Extended Product Customization module gives an option to add pre-defined images for a product. The pre-defined images are usually defined into groups. Customers can upload and set any picture of their own.
  • Customer can flexibly use desired fonts, colors, and filters for the product using this Prestashop product designer module.
  • This Advanced product customizer module lets admin define prices for different customization options.
  • Prestashop product customization module also gives an option to personalize the product using QR code for which admin can define a separate price.
  • Prestashop custom product designer addon automatically adds a Complete Design Fixed Price to the final customized price for a product.
  • Prestashop Product Designer/Customizer addon supports multi-store and multi-lingual compatibility.
  • Prestashop custom product designer addon is mobile responsive and compatible with various Prestashop themes.

1.2 Technology for Development

  • Language: PHP
  • Frame Work: Prestashop

2.0 Installation Guide for Advanced Product Customizer module

The store admin can follow these simple steps for installing the Prestashop product customization addon on their eCommerce store:

1. Firstly, download the addon package from the Knowband store.
2. You will get a zipped file containing the source code and user manual. Unzip the complete package in the root directory of your Prestashop store through FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/). You’ll find the files and folders as shown in the image below:

The Prestashop custom product designer addon is now installed and ready for use. Now the admin can configure the various configuration settings in accordance with their Prestashop site.

3.0 Admin Interface of Prestashop Advanced Product Customizer module

Just after successful installation of Prestashop Product Designer/Customizer addon at your website, you can configure product customization panel settings as per your needs. In the admin panel or dashboard, Click on “Modules and Services” and then on “Configure” button provided next to Knowband Product Designer/Customizer.

Here, in the next interface, you will find the complete settings of Product Designer/Customizer module along with its sub-sections as listed below.

This Knowband Product Customization module consists of four sub-sections which have been discussed further.
1.Configuration
2.Fonts
3.Colors
4.Image Group

Each Tab of the Prestashop Extended Product Customization module has been discussed below:

3.1 Configuration

Under the configuration settings of Prestashop product customization addon, you can perform the basic settings for customization panel shown on the frontend to the customers.

  • Enable/Disable: With this option, you can completely enable or disable the functionality of Prestashop Extended Product Customization module for customers.
  • Display the option to download PDF in cart: You can enable or disable this option to download the design image in PDF on Admin Order Page.
  • Show design preview in invoice PDF: Enable or disable this option to display or hide the design preview in invoice PDF.
  • Maximum number of slides: Using this option, you can set maximum number of product sides that are allowed customization from frontend.

3.2 Fonts

Under this section of Prestashop product designer module, store owner gets the option to add several fonts that the customer can choose to print a styled text on the product.

The first interface shown below shows you a list of existing fonts that are available on frontend. A new font can be added or the existing font can be modified or deleted.

Here you can perform the other two actions as:

1. Adding a new font

To add a new font style, perform the following steps:
Click on the Fonts tab and then on the “+” (Add Font) button at the backend panel. You will be shown the below interface.

  • Active: This option will enable or disable the font.
  • Font Title: Using this option, you can set the font title same as mentioned in Google Font.
  • Embed @import Font: In order to use the Google Font, you have to embed the import Font class. For this, you have to:
  • Click on “Google Fonts” link provided just below the option. The below screen will be shown to you.
  • Choose any desired font and click on the Add “+” button for that font style.

  • Upon adding a font, you will be shown a popup which will list you the font family you have selected. Click on Embed tab and then on @Import button.
  • Copy the @import URL for that font and paste it to the Embed @import Font field.

2. Edit an existing font

If you want to edit the existing font, simply click on Edit button given next to the font style. You will see the following options:

  • Active: Enable or disable the font style.
  • Font Style: Edit the font title using this option.
  • Embed @Import Font: Modify the import URL for that particular font.

3.3 Colors

Under this section of Product configurator module, you can define your own color palette and allow your customers to pick any color for the selected product.

The following interface shows you a list of existing colors which can be edited or you can add a new color if required.

1. Adding a new color

  • Color Code: With this option, pick a desired color to be shown on product customization page.
  • Active: Enable or disable the color.

2. Edit an existing color

  • Color Code: With this option, pick a desired color to be shown on product customization page.
  • Active: Enable or disable the existing color.

3.4 Image Groups

For a selected product, the customer can select any default images provided by the store owner or they can upload a new custom image for the product customization.
The default images have been categorized as image groups. These existing image groups can be edited or you can even add a new image group.

1. Adding a new image group

  • Image Group Name: You can set a desired name for the image group.
  • Upload Image: You can upload and set a image group logo image.
  • Active: This option will enable or disable the image group.

2. Edit an existing image group

  • Image Group Name: You can set a desired name for the image group.
  • Upload Image: You can upload and set a image group logo image.
  • Active: This option will enable or disable the image group.

To view, add or delete the images inside any image group, click on the “View Images” option corresponding to the image group.

You will be shown the following interface.

Here, you can add a new image, delete or change the existing images within a group.

4.0 Customization Settings for Site Products

The configuration settings for fonts, colors, image groups discussed in section 3.2, 3.3. And 3.4 are applicable for all the site products. These settings can be referred to as Global settings. Other than this, the settings can be also be done on a product level. These settings are particular to the product which the admin has configured from the back-office. Below discussed are the product customization settings for individual products. The site admin can apply these settings differently for any product on the store. To configure the product customization settings for individual products, follow the listed steps:

1.In the admin panel, go to “Catalog” option in the left Menu Bar of the interface.

2.Click on “Products” option under “Catalog”.

You will see a list of store products along with an option to edit or configure the product. The screen for store products has been shown below:

Upon clicking the “Edit” button for a product, you can will find the following configuration settings. Choose the Product Designer/Customizer tab.

Now, the complete product designer/customizer settings are divided into four groups namely:

  • Configuration
  • Prices
  • Text
  • Sides

4.1 Configuration

  • Enable/Disable: This option will enable or disable the product customization panel on product page at frontend.
  • Required for Product Customization: Enable this option if you want to mandate product customization for customers.
  • Upload Image Size: This option will set maximum size for image upload.
  • Upload Image Price: This option will set the price for uploading an image.
  • Display the option to download PNG: Enable or disable the option to download PNG image.
  • Allow image upload: Enable or disable image upload option on product customizer page.
  • Resize the text: Enable this option to allow text resize.
  • Display Rotator to the text: Enable this option to allow text rotation.
  • Display option for QR Code: Enable or disable his option to add QR code on product.
  • Display Transparency for Images: Enable this option to display transparency option for images.
  • Display Filters for Images: With this option, you can enable or disable image filters.
  • Filters for Images: Select multiple filters that you want to show at frontend on product customization page.

4.2 Prices

  • Text fixed price: This option allows you to set a fixed price for the text.
  • Enable Cost per character: You can enable this option if you want to charge cost per character.
  • Complete Design Fixed Price: This option allows you to set a fixed price for the complete design. This price is added to the total customization cost.
  • QR Code Price: You can set a price for QR code using this option.

4.3 Text

  • Display Text block: You can show or hide the text block option on product customization page.
  • Maximum Text length: Using this option, you can set a maximum length for the text.
  • Minimum Text length: Using this option, you can set a minimum length for the text.
  • Allow text transparency: You can enable or disable this option for text transparency.
  • Allow text curve: You can enable or disable this option for text curve.

4.4 Sides

  • Enable the Side: With this option, you can enable or disable the side.
  • Side Name: This option lets you set the name for the side.
  • Side Image: This option allows you to upload an image showing the product side.
    These settings are for one side of a product. You can do the same settings for other sides of a product also.
    Note: Here, You can only configure the settings of the number of sides as mentioned in the “configuration settings” of product customizer module. For example, if you have set the “maximum no of sides” count as 2, then you can only configure the settings for side 1 and side 2.
How to Configure Fonts, Colors, and Image Groups?

While you are changing the customization settings for a product, you will find the options to select different Fonts, Colors, Image Groups at the top right side of screen. You will find three options as:

1. Configure Fonts
All the fonts that have been added in the section 3.2 are listed here in this interface. You can directly enable or disable any font.

2. Configure Colors
All the colors that have been added in the section 3.3 are listed here in this interface. You can directly enable or disable any color.

3. Configure Image Groups


All the image groups that have been added in the section 3.4 are listed here in this interface. You can directly enable or disable any image group.

On clicking the “View Images” button, you will see the following screen.

5.0 Front Interface of Prestashop Custom Product Design Module

Once the Online Product Designer has been installed and configured for the store, the Product Designer/Customizer settings tab is shown in the general settings of the store products. If you want to enable or disable the product customization page for a product, you can simply configure the product settings under the “Products catalog” at back-office.

When the Product Designer/Customizer module is enabled for a product, it will show a “Customize” button on its product page as shown below:

On clicking the Customize button, the customer will be shown a screen pop-up which will consists of various product design and customization settings. Customers can add any color, custom text, custom image or QR code for a product as per their shopping needs.

Your customers can perform any type of customization like:

1.Color

2.Image
Customers can add an image to the product. They can choose any default image from image group or they can upload their own image or they can add a QR code to the product.

2a. Choose an image

2b. Upload image

Let’s suppose that the customer is adding the uploaded image on the back side of Hoodie.

2c. Add QR code

3.Text

Saving Product Customization

Similarly, the customer can apply customizations to other products of the store like mug and phone cases.

Shopping Cart Summary Page for Customized Product
The below frontend image shows how the custom product displays on the cart page with different options to the customers after clicking on “Save Customization” button.


Customer can view the Invoice of this customized product as shown below.


Order History Page with Invoice


On clicking the Details button, customer will see the following screen:

Order View from Admin Panel
Admin can view the order invoice and all the configuration regarding the product customization from back-office. The details of an order can be viewed under the Orders section of Admin Panel.

On clicking the View button corresponding to a product, admin can check the complete order details of the custom product.

On clicking the View Details button, admin will see the complete details of personalized product in the form of a popup screen as shown below.

Admin can click the “Preview” option to see the custom image added to the product which looks like below.

Tutorial: Watch the Video Guide

To help you set up and use the PrestaShop Product Designer/Customizer Module, we have prepared a detailed YouTube tutorial video. This video walks you through the installation, configuration, and usage of the module step by step.

Watch the tutorial here:

For additional assistance, customisations, or queries, contact our support team at:
support@knowband.com

Magento 2 Review Reminder and Incentives Extension – User Manual

1.0 Introduction

In this growing eCommerce scenario, there are several strategies to improve the business connect with the customers. One such strategy is review booster and incentive system which helps in creating a better product image while gaining customer loyalty by offering enticing incentives. Product reviews create a first and long-lasting impression while the customer is about to purchase from an online shop. Before finalizing their purchase from the store, they believe in what buyers of the same product have experienced on the store.

Knowband’s Magento 2 Review Reminder and Incentives extension is one eCommerce business module which encourages customers to leave business reviews regarding their purchase. Magento 2 Review Booster module facilitates a way to collect product reviews from all kind of users and incentivize in exchange for the product reviews. Moreover, the Review Booster and Incentives extension for Magento 2 helps store owners to send personalized follow-up reminder emails to set up communication with your buyers and ask for reviews.

1.1 Striking Features of Magento 2 Review Reminder and Incentives plugin

The Magento 2 Review Reminder and Incentives Extension offers you multiple customizable features which are easy to implement for your eCommerce website. Admin can implement and configure any feature for their store without using any coding knowledge. Let us quickly take an overview of striking features by Magento 2 product reviewing and incentives module.

1. The Magento 2 Review Reminder and Incentives extension provides a means to collect product reviews from visitors and buyers who purchased an order from the store.

2. With Magento 2 review booster extension, admin can create and keep a track on reminder triggers as well as the incentives offered. The admin can schedule the follow-up reminders and fix the incentive criteria from the back-end.

3. Magento 2 Review Reminder and Incentives plugin lets you evaluate product reviews before making them live on the product pages under the review section. If you select automatic then reviews will be automatically approved and get live on the website and if you select manual then admin has to approve or disapprove it.

4. Magento 2 product reviewing and incentives module allows site admin to offer incentives and reminders to selected group i.e customer or buyer or both.

5. WIth Magento 2 Product Review Reminder module, store admin can even set the title and template for review reminder email sent to the customer or admin. The email also states whether the review includes an incentive or without incentive.

6. Magento 2 Review Reminder and Incentives block can be shown on the complete site or for different pages like Homepage, Product page, Category page, etc.

7. This Review Booster and Incentives extension for Magento 2 provides SSL compatibility and device responsive UI.

8. Magento 2 review booster extension supports and works flawlessly with multiple languages.

9. With Review Reminder and Incentives extension for Magento 2, admin can change the color of background color, border color and font color of review button.

10. The Magento 2 Review Reminder and Incentives extension provides an option to exclude products and categories from the review booster system.

11. Magento 2 review booster extension gives a detailed view to check the products that have been reviewed and the customers who have reviewed those products from the backend.

2.0 Installation Guide of Review Reminder and Incentives extension for Magento 2

1. Once after purchasing Magento 2 Review Reminder and Incentives extension from the Knowband store, you will get the following files on your registered email:

  • Source code file of Magento 2 Review Booster module in zipped file format
  • User Manual of Magento 2 Review Booster module

2. Unzip the extension package.

3. Create a folder{Magentoroot}/app/code/Knowband/Reviewbooster.

4. Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).

5. Now run below commands to install the plugin:

php -f bin/magento module:enable –clear-static-content Knowband_Reviewbooster
php -f bin/magento setup:upgrade
php -f bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

The Magento 2 Review Booster and Incentives module is now installed and ready to use.

3.0 Admin Interface of Magento 2 Review Reminder and Incentives Extension

Just after successful installation of Magento 2 Review Booster and Incentives module on your website, you can collect and display as many reviews on your store as per business requirements. In order to configure this Magento 2 Review Booster module, navigate the settings in the given order: Admin Panel > Knowband > Review Booster and Reminder

The simple to understand admin interface of Magento 2 Review Reminder and Incentives plugin contains the following four sections namely:

1.General Settings
2.Reminder Settings
3.Exclude Settings
4.Review Reports

Each of these sections has been discussed in detail below.

3.1 General Settings

The general settings of Magento 2 Review Booster module are further divided into two sections as:
1.General Settings
2.Review Booster Settings

3.1.1 General Settings

The general settings of this Review Booster and Incentives extension for Magento 2 contains the following basic configuration settings:

  • Enable the Extension: This option enables or disables the review booster and reminder functionality at your commerce store.
  • Enable the Incentives: With this option, you can allow or disallow incentives on customer reviews.
  • Incentive Amount: This sets the incentive amount you want to offer to your customers for writing a review. This amount is only provided to the customers whose review is accepted by the admin.
  • Incentive Criteria: With this option, you can provide incentives and reminder to selected groups which includes buyer or any customer. When selected as “Buyer”, shoppers will see the review block on the selected pages. While if this option is set to “Any Customer”, then any user can review the product from the product page itself, while it will not show on other pages.
  • Moderation: This will select the moderation type for product reviews. If automatic is set then the reviews given by customers will be automatically approved without manual changes. If this option is set as manual, admin has to approve or disapprove the product review.
  • Email Subject (When review is accepted and incentives are included): This option sets the subject line for the email sent to customer whose review is approved and provided incentive.
  • Email Template (When review is accepted and incentives are included): This option sets the template content for the email sent to customer whose review is approved and provided incentive.

  • Email Subject (When review is accepted and incentives are excluded): This option sets the subject line for the email sent to customer whose review is approved without including any incentive.
  • Email Template (When review is accepted and incentives are excluded): This option sets the template content for the email sent to customer whose review is approved without including any incentive.
  • Email Subject (When admin disapproves a review): This option sets the subject line for the email sent to customer when their review is disapproved.
  • Email Template (When admin disapproves a review): This option sets the template content for the email sent to customer when their review is disapproved.

  • Email Subject (Inform to admin when a new review is posted): This option sets the subject for the email sent to the admin informing them about the posted review.
  • Email Template (Inform to admin when a new review is posted): This option sets the template for the email sent to the admin informing them about the posted review.

3.1.2 Review Booster Settings

The review booster settings of Magento 2 Review Reminder and Incentives plugin have been discussed below.

  • Enable/Disable recent product box: This option will enable or disable the recent purchase review block visible to the customers who purchased an order on the store. If this is disabled, the standard review block is still visible on all product pages to every visitor.
  • Select the Pages: This option allows you to select all the pages where you want to show review booster block to the buyers.

Note: Review booster block is visible to buyers on all site pages allowed by admin, while a user/visitor can only see and provide reviews from the product page.

  • Product review box title: This option sets a custom title for the product review block for recent product purchases.
  • Custom CSS: With this option, you can add CSS code that you want to execute on the frontend.
  • Custom JS: With this option, you can add JS code that you want to execute on the frontend.
  • Background color: This option sets the background color for the review button.
  • Border color: This option set the border color for the review button.
  • Text Color: This option sets the font color for the text shown on the review button.

3.2 Reminder Settings

The reminder settings of this Magento 2 Review Booster and Incentives module gives a detailed view to the list of existing follow-up reminders at the backend.


You can see the email reminder along with their sent status and delivery date. Each of these review reminder can be edited or deleted by clicking on the “Edit/Delete” button corresponding to the reminder listing.

To add a new email follow-up reminder, click on “Add Reminder” button at the top right place of Reminder Settings section. You will see the following configuration options:

  • Reminder name: This option sets the name for the review reminder.
  • Enable/Disable this Reminder: Enable or disable the review reminder email using this option.
  • Enable this if you want to send reminder after order creation date: By enabling this option, the review reminder or follow-up email will be sent after order creation date. If this option is enabled, the next option “Select Order State” will get automatically disabled.
  • Select Order State: Select the order state when you want to send a reminder to the customer. As the order reaches to that state, the reminder is automatically triggered.
  • Days: This option specifies the number of days after which the selected state mail should be sent to the customer.
  • Email Subject for reminder: This option helps you to set the subject for the review reminder email.
  • Email template for reminder: This option helps you to set the template for the review reminder email

To send scheduled reminders to customers, cron job has to be executed manually by executing the following instructions:

Click here to execute reminder
cron: {Your store base URL}/reviewbooster/index/reminder
Add via SSH : 0 2 * * * curl -O /dev/null {Your store base URL}/reviewbooster/index/reminder

3.3 Exclude Products and Categories

With this Magento 2 Review Booster module, you have the flexibility to disable review booster and reminder block for selected products and categories. From this section of this Magento 2 module, you can mark desired products and categories where you want to hide/disable this Review Booster block for the users.

  • Select the Product: Select the products you want to exclude from review booster and incentive system. You can also view the list of excluded products where this review block is hidden.

  • Select the Category: Select the categories you want to exclude from review booster and incentive system. You can also view the list of excluded categories where this review block is hidden.

After making the changes, click on “Save” button to execute the settings.

3.4 Review Report

Under the Review Report section of Magento 2 Review Reminder and Incentives plugin, you can view the complete site statistics regarding the customer reviews, reminders sent and incentives earned by the customer.
The complete report system is divided into three subsections namely:

3.4.1 Review Report

3.4.2 Product Report

3.4.3 Customer Report

4.0 Front Interface of Magento 2 Review Reminder and Incentives Extension

1. Product Review Block on Product Page
A) Review Write Block shown on product page to all Non-Buyers or Visitors of website.


B) Review Write Block shown on product page to Buyers of the website for their purchased products. The block shows all the purchased products of a customer on which the customer has not reviewed yet.


2. Product Review Block on Homepage
This Review Write Block is shown on Homepage to Buyers of the website for their purchased products.

 



3. Product Review Block on Category Page
This Review Write Block is shown on Category Page to Buyers of the website for their purchased products.