Prestashop Age Verification Addon by Knowband- User Manual

What is Prestashop Age Verification Addon?

With the rise of the internet, more and more businesses and brands are moving their operations online but yet are not introducing robust enough age-verification mechanisms. This has made it easier for young people to access products, services, and content that are age-restricted.

As age-restricted commerce continues to grow, it becomes more important than ever to protect our youth and keep the products and services intended for adults out of the reach of children. Robust online age verification is imperative in order to sift out those who are underage and prevent any law-breaking.

Introduction

PrestaShop-age-verification-for-underage

This Prestashop age verification module by Knowband helps the store owner to add a new popup to validate the age of the visitor.

Whatever your reasons, you may need your site’s visitors to confirm their age before viewing the content of your site. Age Verification does just that. It’s a simple Prestashop plugin by Knowband that lets you specify a minimum age and add an age-gate between a potential visitor and your content, just to be safe. This Prestashop age verification popup module helps the store owner to add a filter in the website visitors on the basis of their age. The popup 18+ Prestashop module is very easy to install and configure. No technical knowledge is required.

The age verifies Prestashop module provides a lot of features which are as follows:

  • Admin can validate the age of the visitor with the help of age verification Prestashop addon.
  • The Prestashop age verification module allows the admin can display the date of birth drop down, year of birth, or a Yes/No option to validate the user.
  • The Prestashop 18+ verification addon offers the admin to display a small note at the front end for visitors.
  • Admin can also redirect the customers whose age is less than the set minimum age limit.
  • Admin can display the configured image on the front end of the Prestashop module by Knowband.
  • The Prestashop verification popup allows the admin to display the terms and conditions link and checkbox to validate the age.
  • Visitors can check the terms and conditions of use.
  • Admin can select the text and background color of the popup 18+ Prestashop addon.
  • The custom templates are available for pop up.
  • The Prestashop age verification module offers the admin to add Custom CSS and Custom Js for the block.
  • Admin can choose the text and background color of the “Enter” and “Exit” buttons of the Prestashop age verification popup by Knowband.

Installation Manual

Follow the following steps for installing age verify Prestashop module:

  • Download the Prestashop add-on package.
  • Unzip the package in /modules directory of your Prestashop store via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/). The folder structure for the Age Verification addon is shown in the image below:

  • You will be able to find the Age Verification addon that is ready to be installed in the “Modules List” in your PrestaShop store as shown below.

  • Click on the “Install” link to install the age verification Prestashop addon. Once the Prestashop module by Knowband is installed properly the “Install” link will be converted to ‘Configure’.

User Manual

This User Manual will guide you through the Admin Module/Store Front settings and various features of this Prestashop age verification.

Admin Interface

This interface of the Prestashop 18+ verification module will contain 2 tabs ‘General Setting Tab’ and ‘Look and Feel Setting Tab’ after successful installation.

General Setting Tab

This tab of the Prestashop verification popup will contain these fields . Steps –

1 . Go to Modules and Services > Search module ‘Age Verification’ > Click on “ Configure” Button > Select General Setting Tab.

Fields

  • Enable: By default, the value of this field of popup 18+ Prestashop module will be OFF. The whole functionality of this Prestashop plugin will depend on the value of this setting.

Steps – Go to modules and Setting >Search Module ‘Age Verification’> Click on Configure button > Select General Setting > Enable the plugin Option > Click on Save.

  • Verification Age: By default, it would be 18. Admin can configure the minimum age (1-100 years) to validate the visitor.
  • Verification Method: There are three ways you display the verification option:
    Yes/no buttons- They can add Yes or No buttons for age verificationYear of Birth: Ask them to input the year of birthDate of Birth: Ask the visitors to enter the complete DOB.
  • When the admin enables it, he would be able to display the date of birth drop-down buttons to validate visitors. By enabling this field of the Prestashop age verification popup, 3 dropdowns would be displayed in the front end – date, month, year.
  • Display Date of Birth: By default, this field of the Prestashop age verification module would be ON.

Note: To display a Date of Birth drop-down, make sure that ‘Display Date of Birth’ is Enabled.

  • Remember Visitor Days: Enter the minimum number of days for which the cookie will be store. The Popup will be shown again for age verification after this amount of time.
  • Under Age Action: The admin can redirect the user to any other page or display a message to the user when the customer’s age is less than the lowest permitted age.

  • Redirect URL: If you have selected to redirect the underage customers to any other page, you have to input the URL in this section.
  • Under Age Message: Set a message to be displayed to underage customers if you have chosen to show a message in an underage action setting.
  • Choose Popup Display method: It involves two options. Select Method according to which Age Verification popup will be displayed on Selected Pages or on Complete Shop. The age verification popup can be shown for the entire shop or you can choose some specific products and categories.

  • Only Selected: This involves various different settings
  • Choose Popup Display Products: Add products for which you want to display the age verification pop-up.
  • Choose Popup Display Categories: Selecting categories for the age verification. You have to enable the Popup on Selected Category Product Pages to display it.
  • Choose Pop-up Display Pages: Select pages for which it is required to display the age verification pop-up. It includes delivery page, T&C Page, About us, Payment, etc.

Preview: You can preview the pop-up before saving the new settings.

Note: Save the settings before moving to the next menu.

Content Setting Tab

Update the text, font, theme, etc. in the content setting menu.

  • Popup Message: By default, it would be ON. When the admin enables this option of the age to verify the Prestashop module, he would be able to display a small note in the front end and a field “Enter Small Note” would be displayed below the “Display Small Note” button.

Note: To display a note, make sure that ‘Display Small Note’ is Enabled.

  • DOB Field Message: Admin can enter a small message at this text field and can display it at the front end of the age verification Prestashop addon for entering the DOB.
  • Enter Submit button Text: Here, the admin can add the text that he/she wants to show on the button.
  • Enter Additional message: Admin can add custom messages like terms and conditions, terms of entry, policy, etc.
  • Choose Design: Admin can choose a theme for the popup window. The PrestaShop Age verification module provides 9 default designs.

Front End View: 

  • Use Selected theme image: If enabled then the selected design default images will be shown on the Popup otherwise you can upload your Custom Images. The designs have logo images, Verification window images, and Background Images.

Custom Image setting

  • Logo Image: Custom logo images can be uploaded only when the Selected Theme Images setting is disabled. Prestashop store admin can upload logo in .png, .jpg, .jpeg, .gif file format in Age verification
  • Verification Window Image: Upload verification window image only works when Selected Theme Images setting is disabled. It allows the store manager to upload images in .png, .jpg, .jpeg, .gif file format.
  • Background Image: Upload background image also works only when Selected Theme Images setting is disabled. Only .png, .jpg, .jpeg, .gif file format accepted for the background image.

Look and Feel Setting Tab:

This tab of the Prestashop age verification module will contain all the look and feel features of this Prestashop module.

Fields

  • Text Align: You can select the text alignment as the center, left, or right for the popup text message.
  • Popup Shape: The Popup shape could be Rectangle or Rounded. Admin of PrestaShop Age Verification Addon is free to decide the popup shape.
  • Popup Background Color: This field of the age verification Prestashop addon will set the color of the Popup background.
  • Popup Opacity: This will set the background opacity (darkness) outside the popup in the front end of the Prestashop 18+ verification module.
  • Popup Text Color: The module allows the admin to set the popup text color and chose a color that matches the website theme or the image uploaded.
  • Submit Button Color: Select the submit button color here for the age verification ‘submit’ button.
  • Submit Button Text Color: This will set the color of the text inside the “Submit” button of the Prestashop age verification popup module.

  • Popup Message Font Size: You can enter the font size for Popup Message which will range between 10-40px.
  • Text Font Size: Admin can enter the font size for the popup text that ranges between 10-20px.
  • Additional Info Font Size: You can enter the font size for Additional Info that ranges between 10-20px.
  • Enter Button Text Color: This will set the color of the text inside the “Enter” button of the Prestashop age verification popup module.
  • Enter Button Background Color: This field of the age verification Prestashop addon will set the color of the background inside the “Enter” button.
  • Exit Button Background Color: This option of the Prestashop age verification will set the color of the background inside the “Exit” button.
  • Background Opacity: This will set the background opacity (darkness) outside the popup in the front end of the Prestashop 18+ verification module.
  • Custom CSS: This will set the CSS of the block of the Prestashop verification popup by Knowband.

Note: Enter CSS content excluding <style> — inner content– </style> Tags (only write inner content) .

  • Custom JS: This field of the popup 18+ Prestashop module will set the Javascript code for the block.

Note: Enter CSS content excluding <script> –inner content– </script> Tags (only write inner content).

Front End Interface

If the admin enables the Prestashop age verification module plugin then the below-like image will be displayed in the Front End of the popup 18+ Prestashop addon and the age verification process will proceed.

If the age is equal to or greater than the admin configures verification Age ’, then the visitor will be allowed to enter the website otherwise the customer will be redirected to the configured URL. If Exit is pressed then visitors will be redirected according to the configured URL.

Age Verification Default PopUp

  1. Users can enter Year of Birth

2. User can Enter DOB

The opacity is set as 0.5 for the below popup image

3. User can choose the Yes/No button

  • Rectangle Popup Format

  • Rounded Pop-up Format

Watch the video tutorial here:

To help you set up the configuration and perfect use of the Prestashop Age Verification 18+ Pop-Up Addon, we have prepared a detailed tutorial video. This video walks you through the installation, configuration, and usage of the module step by step.

 

Recommendation

The Module folder ageverification > views >img > admin > “ uploads” must have writable permission 0775 .

Steps –

  • Go to the module folder ageverification > views > img > admin > uploads.
  • Give the 0775 writable permission to the folder uploads.

Find more details about this Prestashop Addon by Knowband below:

Prestashop age verification popup Module Link: https://www.knowband.com/prestashop-age-verification

Age verify Prestashop module Admin Demo: https://etsydemo.knowband.com/admin1/index.php?controller=AdminLogin&token=ffa17b0c72ff8c0ab7cf3e344c5ae4fc&redirect=AdminModules&demo_lang=en

Prestashop age verification module Front Demo: https://etsydemo.knowband.com/en

Prestashop 18+ verification module Addon Store link: https://addons.prestashop.com/en/website-security-access/25767-knowband-age-verification.html

OpenCart One Click Checkout Extension – User Manual

OpenCart One Click Checkout Extension

Introduction

OpenCart One Click Checkout is a plugin which when enabled, allows customer to buy product instantly. A new button “Buy Now” will be shown at product details page. On clicking this button, old cart will be hidden and new product will be added to cart for instant checkout.

On successful order confirmation, old cart will be resumed.

Old cart can also be resumed along with new product, if after clicking on “Buy Now” button customer didn’t complete checkout process instead navigates to any other page.

This plugin will also provide option to track the number of times the users clicked and bought from the “Buy Now” button.

Google analytics code can also be inserted through this plugin which will be helpful in Google tracking on click of “Buy Now” button.

Installation

Follow the following steps for installing One Click Checkout Module:

  1. Download the extension package.
  2. Unzip the package on your root folder of Opencart setup via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).
  3. In Admin Panel go to “Extensions > Modules > One Click Checkout >Install”.



  1. That is all – Your system is ready.
  2. Click Edit link to edit settings.

User Manual

This User Manual Guide users through the Admin Module/Store Front settings and features of the One Click Checkout Module.

Admin Panel Settings

Admin Panel Settings contains the 3 tabs for settings.

1. General Settings

From here, Admin can enable/disable this plugin. Also look and feel of Button can be controlled here. Initially colors will be already selected with their default values. 

Setting will have options as:-

  1. Enable/Disable: This option allows admin to enable or disable the plugin. By default this option will be disabled.
  2. Button Color: The color of “Buy Now” Button at product details page of front end can be changed by this option. Default color will be blue.
  3. Button Text Color: “Buy Now” Button text color can be changed by this option. Default color will be white.

2. Google Analytics Settings

From here Admin will have option to add Google analytics script to track “Buy Now” button click.

Setting will have options as:-

  1. Enable/Disable: This option allows admin to enable or disable option to add Google analytics script.
  2. Script: Admin can insert or write script in text area for Google tracking on “Buy Now” button click.

Note: There will be note having “Buy Now”button ID which can be used by admin while creating script to be added.

Also there will be a note which tells admin to write script in $(document).ready(function(){ //content goes here// }); so that script will run after page is loaded completely.

3. Statistics

From here admin can see the no. of customers who visited product page and also the conversion mapping of those who clicked on “Buy Now” button and placed successful order.

  1. Two Bar charts will be shown here. There will be filter to select start date and end date to create bar chart.
  2. Buy Now Interaction mapping:-

It will show mapping between No. of visitors to Product details page and No. of visitors who clicked “Buy Now” Button and who didn’t click “Buy Now”button on each day in last 10 days.

Conversion Mapping:-

It will show mapping between No. of clicks on “Buy Now” Button and No. of order confirmed after clicking “Buy Now”button and No. Order which are not confirmed on each day in last 10 days.

If admin wants to see statistics of any particular day or period or month or week, he/she has set

“From:” Date and “To:” Date and click “Filter” button. Results will be shown accordingly.

After enabling this plugin, a new “Buy Now” button will be shown at product details page along with “Add to Cart” Button.

The module at the front-end will appear as follows:

  • This “Buy Now” button allows customer to order product instantly. On clicking “Buy Now” button, a new cart will be created having product (for which button was clicked) and customer will be redirected to checkout page.
  • On successful Order confirmation, if old cart was not empty, old cart will be resumed.
  • After clicking “Buy Now” button, if customer will navigate to any other page then old cart will be resumed along with this new product.
  • If Google analytics setting will be enabled then it will show added script on viewing page source. Picture is shown below.

The Script loaded in above picture is sample script. If Admin writes Google analytic script in admin panel, that script will be visible here.

This Would Also Interest You:

Magento Return Manager Extension- User Manual

Introduction of Magento Return Manager Extension

1.0 Introduction

Magento Return Manager extension by Knowband adds the functionality to manage return requests for any order placed by a customer as well as a guest customer. The Magento order return manager extension adds a link to the front-end through which any customer/guest customer can apply for return of any product contained in a order placed earlier.

This is a very flexible plugin and the customer can return any product in a order completely or partially, that means the customer can also return half or less quantity of any product in the order.

For a logged in user (if the Magento module is enabled from admin panel) the return manager link appears in Account options list (near the cart link) and in the quick links shown in the footer and opens a page containing the list of all the orders placed by that particular customer and the products that are eligible for return have a link to apply for return. This page also contains history of returns applied by the logged in customer.

In case the user is not logged in the return manager link opens a page containing a form to find any order. After finding a order using the form the order detail appear and the products from that particular order that are eligible for return have a Return button to apply for return. This page also contains history of returns applied by the customer who has placed this particular order.

1.1 Benefit of the Merchant

  • The Magento Return Manager extension provides a seamless interface for the customer as well as the store owner for placing and processing the returns in the most efficient way possible.
  • The Magento order return manager module allows the e-merchant to add or edit the return slip at the back of the plugin.
  • The Magento RMA enables the store admin to select and customize email templates as per the store’s requirements.
  • The Magento Return Merchandise Authorization can deny or approve the return request of the customer as his/her desires.
  • This Magento order refund manager extension allows the e-merchant to add the own return policy.
  • The Admin can add the return reason or edit the already added return reason.
  • This Magento return product extension gives the facility to store admin to allow the guest customers to place a return request.
  • The Magento RMA allows the Magento store admin to add custom return statuses.
  • The online store admin creates the return RMA request at the backend of the plugin.
  • This Magento order return manager module gets notified the customer as well as the store admin when return request approve and return request raised by modulethe customer.
  • This Magento return manager extension allows the e-merchant to filters the customer in archive list.
  • This Magento RMA always stores return request of the customer.
  • The Admin can view the pending and active return request of the customer at the backend of the RMA plugin.
  • This Magento refund order helps the admin to improve the user experience.
  • This Magento RMA module compatible with multi-lingual stores.
  • This Magento return manager extension simple and easy to use.

1.2 Benefit of the Customer:

  • The Customer can view the return status and return history from their account.
  • This Magento order return extension allows the online buyers to return even a single product or multiple products out of the full order.
  • The Customer can easily raise the return, refund and replacement request.

2.0 Technology for Development

Language: PHP

Frame Work: Magento

3.0 Installation Guide

  1. Folder structure of the Return Manager plugin folder.

2. Copy all the folders into magento root directory and clear the cash (if enabled).

3. You will be able find the “RMA” option inside the “System > Knowband Extensions > RMA”.

4. You can now configure the Magento RMA as per your requirements and check its working in the front end at following URL:

https://www.yourstore.com/rma/index/index/

4.0 Admin Module

After installing the Magento order return manager plugin into magento store, the module will provide following interfaces inside “RMA” menu:

  1. General Settings
  2. Return Slip
  3. Email Templates
  4. Return Policies
  5. Return Reasons
  6. Return Statuses
  7. Create a RMA
  8. RMA List
  9. Active Returns
  10. Archives List
  11. RMA Messsage

Each interface is in form of a tab and each tab contains some specific settings/functionality that can be changed according to the need. Each tab is explained below.

4.1 General Settings

After clicking on RMA tab , system will open general settings tabs by default as shown in screen below:

Initially fields in above form will be already filled with their default values.

  1. Enable/Disable: Initially, this will be “OFF”. The Store admin can enable/disable plug-in by turning ON/OFF this setting.
  2. Allow Guest RMA: This drop down contains “Yes” and “No” options. Set this as “Yes” to enable the return feature for those users also who are not logged in.
  3. Allowed File Extensions: This option accepts the comma (,) seperated file extensions (without space) which can be uploaded when customer uploads file related to the return request.
  4. Max Attachment Size: In this field Magento Return Merchandise Authorization allows the e-merchnt to add maximum allowed file size is accepted. The file size will be in KB. Eg- To allow files upto 1MB set this field as 1024.
  5. Include jQuery: If the RMA module does not work in Magento versions lower than 1.9, then switch on this option.

To save the settings, click on the “Save” button shown at right upper area. All the settings save the changes are view on the front end of the Magento return product extension

4.1.1 How to enable the plugin?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Return Policies’ tab.
3.Enable the switch for ‘Enable/Disable’ setting in this tab.
4.Save the settings using the ‘Save’ button to update the configurations.
5.The module is now enabled, you can check the same in the front-end header menu.

4.2 Return Slip

In this tab, the admin can alter the settings and content of the Return Slip. This return slip is generated automatically when the admin approves any return request (if the feature is enabled). The return slip is generated in ‘.pdf’ format and the link is mailed to the customer in the mail for Return Request Approval Notification.

  1. Enable/Disable Return Slip: Initially, this will be “OFF”. Admin can enable/disable Return Slip feature by turning ON/OFF this setting. Return slips are only generated when the feature is turned ON.
  2. Return Address: This address will be printed on the return slip and will also be displayed on the return request form.
  3. Return Guidelines: These guidelines will be printed on the return slip.

4.3 Return Policies

In this tab, the store admin can add new return policies for the Magento return manager plugin and can also edit or delete a existing return policy for the plugin.

There is also a option to map the return policies to products.

Note: A product can only be mapped to a maximum of one return policy.

This tab contains a list of existing return policies for the plugin. The admin can also create a new return policy using the ‘ Add New ’ button shown near to the “Save” button.

After clicking on the add new button a pop-up appears containing the form to create the return policy.

The form contains several input fields to enter the data of the policy like name of the policy, terms and condition of the policy and the option to choose the parameters i.e. Credit, Return and Replacement.

The admin can also enter the days applicable for this return policy for different options as shown in the form below.

4.3.1 How to add a return policy?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Return Policies’ tab.
3.Click on ‘Add New’ button to add a policy. A modal will appear having the form to add the policy.

4.dd the values in the above form as per your requirements.
5.Click ‘Save’ to save the policy and it will be added to the system.

4.3.2 How to edit a return policy?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Return Policies’ tab.
3.Click on button in front of respective policy to edit the policy. The following modal will appear to containing a form to edit the policy.

4.Change the values in the above form as per your requirements.
5.Click ‘Save’ to update the policy.

4.3.3 How to delete a return policy?

There is no action button to delete a Return Policy added in the module, but the multi-action feature of Magento Admin grid can be used to delete return policy in bulk or one at a time.

Steps for deleting a return policy to categories is as follows:

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Return Policies’ tab.
3.Select return policy or return policies to delete using the check box in front of respective return policy.

4. The select the action (i.e. Delete) and click on ‘Submit’ to delete selected return policies.

4.3.4 How to Map categories to a return policy?

In the configuration panel (Return Policies tab) there is a list of all the return policies in the system. The list contains 2 action buttons, second button is for mapping policies.

Steps for mapping a return policy to categories is as follows:

1. Admin panel -> System -> Knowband Extensions -> RMA
2. Navigate to ‘Return Policies’ tab.
5.Click on in front of respective policy
6.A modal will appear with multi-select field for selecting the categories to map. The modal is shown as follows:

7. Select desired categories from the multi-select field to map them to the policy.
8. Click on ‘Save’ to save the mapping.

Actions

1. The admin can edit any policy using the first link in the Action column from the policy listing table. On clicking this link a modal containing the form for the policy will appear and the data for that policy is already filled in the fields. The admin can edit any data and can save the changes made.

2. The second link in the actions column is for mapping products to the policy. On clicking this link a modal will appear containing the options to map the products to that particular policy.

4.4 Return Reasons

In this tab, a list of return reasons will appear in the form of a table. By default there are 2 reasons already added in to the system.

In Action column there is a link to edit the reason in front of every row.

4.4.1 How to add a return reason?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Return Reasons’ tab.
3.Click on ‘Add New’ button to add a reason. A modal containing the reason form will appear.


4.Add the values in the above form as per your requirements.
5.Click ‘Save’ to save the reason and it will be added to the system.

4.4.2 How to edit a return reason?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Return Reasons’ tab.
3.Click on button in front of respective return reason to edit the reason. The following modal will appear to add/edit policy.

4.Change the values in the above form as per your requirements.
5.Click ‘Save’ to save/update the reason.

4.5 Return Statuses

This tab contains a list of return statuses in the form of a table. By default there are 4 statuses already added into the system. The admin can further add any numbers of statuses into the system. The tab also contains a option to choose default status of any return request. This default status will be assigned to the all the new return requests.

The links below the action column in the statuses list is for editing the existing return statuses.

4.5.1 How to add a return status?

  1. Admin panel -> System -> Knowband Extensions -> RMA
  2. Navigate to ‘Return Statuses’ tab.
  3. Click on ‘Add New’ button to add a status. A modal containing the form for adding a status will appear.

4.Add the values in the above form as per your requirements.
5.Click ‘Save’ to save the status.

4.5.2 How to edit a return status?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Return Statuses’ tab.
3.Click on button in front of respective return status to edit the status. The following modal will appear to add/edit status.

4.Change the values in the above form as per your requirements.
5.Click ‘Save’ to update the status.

4.6 Create a Return

This tab is used to generate a return request from the admin panel itself. The tab contains a form through which the admin can find any order by simply providing the reference number and the corresponding e-mail and then apply for return accordingly.

Note:

  1. Any return request whether is created by admin or customer is moved to the pending returns and the admin has to approve it first to further change the status of the return request or to take any further action.
  2. The orders that are delivered or completed are only eligible for return.
  3. By default the status of the return request is set to default return status set by the admin in the ‘ Return Statuses ’ tab.

4.6.1 How to create a Return Request from the admin panel?

In the module there is an option to create a return request from the admin panel as well. Steps for the same are as follows:
1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Create a RMA’ tab
3.Enter order number and email in the ‘Find Order’ form and click on ‘Find Order’ button.
4.The order detail for the respective order will appear containing the list of products and a return button in front of products eligible for return.

5.Click on the ‘Return’ button in front of respective product in the order details.

6. A pop up will appear containing the return form, fill the form accordingly

7.Click on ‘Submit’ button to complete the return request.

8.A pop up showing success message for return request and other details will appear, as shown below.

4.7  Email Templates

This tab contains a interface through which the admin can edit any email template that is used in this system.

There are 6 email templates available that are used by this plugin:

1. New Return Request Notice (Customer)

This mail template is used to notify the customer regarding the new Return Request generated by the customer itself. The customer who has created return request will only receive this mail.

2. New Return Request Notice (Admin)

This mail template is used to notify the Store Owner regarding the new Return Request generated by any customer.

3. Return Request Approved

This mail template is used to notify the customer regarding the Approval of the Return Request that is created by the customer earlier.

4. Return Request Dis-Approved

This mail template is used to notify the customer regarding the Dis-Approval of the Return Request that is created by the customer earlier.

5. Return Request Status Change

This mail template is used to notify the customer regarding the update in status of the Return Request that is created by the customer earlier.

6. Return Request Completed

This mail template is used to notify the customer regarding the completion of the Return Request that is created by the customer earlier.

To edit any email template the admin has to choose the desired email template. On doing the same the email template data will appear in a form below, to save the changes made the admin has to click on the ‘Save’ button.

4.7.1 How to Edit an Email Template?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Email Templates’ tab.
3.To edit any email template the admin has to choose the desired email template from the ‘Select Template’ field.
4.On doing the same the email template data will appear in a form as shown below:

5. To save the changes made click on the ‘Save’ button.

4.8 RMA List

This tab contains a list of all the returns that are pending i.e. are not approved by the admin. The admin has to approve a return request in order to perform several operations on the return request like approve and dis-approve the request or download/view the file uploaded by the customer.

The admin can approve or deny a return request using the actions available in front of the list.

Admin can also download or view the file uploaded by the customer. View option is only available if the customer has uploaded the file.

Once the admin approves a return request then it is moved to the Active Returns List.

On the other hand if the admin denies a return request that it is removed from the list and this action can not be undone.

4.8.1 How to Approve a RMA?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘RMA List’ tab.
3.Click on button in front of the respective return request.
4.The return request will be approved and moved to ‘Active RMA’ list in Active Returns tab.

4.9 Active Returns List

This tab contains a list of all the returns that are approved by the admin. The e-merchant can proceed with the return process after approving the return request using this tab. The online retailors can change the status of the return request and can also deny a request form this tab and can archive the request as well.

The actions that can be performed from this tab for the active returns are:

  1. Deny the return request.
  2. Change the status of the return request.
  3. Mark the return request as complete / add to archive.

When the store admin marks a return request as complete then it is moved to the archives list.

4.9.1 How to Reject an RMA?

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘RMA List’ tab or ‘Active Returns’ tab.
3.Click on the button in front of the respective return request.
4.The return request will be rejected. Please note that the online shoppers will not be able to apply for return again for the same order item.

4.9.2 How to Complete an RMA?

After approving a return request (or RMA) the customer is supposed to send the received order item back to the store owner. After receiving the order item successfully admin will take desired actions for that return request.

The return request will me marked as complete when no more actions are needed to be taken from customer/store owner.

1.Admin panel -> System -> Knowband Extensions -> RMA
2.Navigate to ‘Active Returns’ tab.
3.Click on button in front of the respective return request.
4.The return request will be marked as complete and will be moved to the ‘Archive List’ in ‘Archive List’ tab. Please note that this action cannot be reverted.

4.10 Archives List

This tab contains all the return requests that are complete. The tab also contains a form through which the admin can filter the archives list.

There are options to export the data into CSV file.

Single row can be exported and the whole data can also be exported using mass export option.

4.11 RMA Message

This tab contains three textareas having html editors. Using the editors, admin can set the style of the success message to be shown in the pop-up whenever the request is successful.

There are three messages.

  1. Credit
  2. Refund
  3. Replacement

5.0 Front End Module

After enabling the plugin the front-end user will see a link in the header of the front-end through which the user can navigate to a new page.

The link in the account option of the front-end will appear as follows:

The link in the account option of the front-end will appear as follows:

When the customer clicks on this link than a new page will open on the basis of logged in status of the customer.

5.1 How to create return request for guest user from front office?

1. Navigate to the front return page by clicking on the ‘Return’ link in header account menu or from the footer (as shown above).

Note: Customer should not be logged in.

2. The following page will open containing a page to find order details for any order.

3. Provide the order reference number and the respective email the details of that order will appear including the return history on the basis of the email provided by the customer. The order details will appear as follows:

The products that are eligible for return in that particular order will have a return button. Through this button the customer can apply for return of that particular product.

Note: The return history on the basis of the email provided by the customer will also appear at the bottom.

4. On clicking on the ‘Return’ button a pop-up will appear containing the form for return of that particular order. The form will appear as follows:

5. Complete the above form and then click on submit to submit the return request.

6. A success popup will appear showing the successful submission of the return request as shown below:

7. There is as option to upload files in the success page. From where you can upload file and admin can view/download that file from aamin panel. File limitations are set from admin panel.

5.2 How to create return request for logged in user from front office?

1.Navigate to the front return page by clicking on the ‘Return’ link in header account menu or from the footer (as shown in heading 4.0).

Note: Customer should be logged in.

2.The following page will open containing order details of all the orders placed till date by the current customer.

Note: There will be the details of every order. We can expand any of the order division (will have to click where the arrows are pointed). On click the respective order division will be expended.

3. To view all the history of the return requests, user will have to expand the “Return History” tab.

4.The products that are eligible for return in that particular order will have a ‘Return’ button. Through this button the customer can apply for return of that particular product.

5.On clicking on the ‘Return’ button a pop-up will appear containing the form for return of that particular order item. The form will appear as follows:

6. Complete the above form and then click on submit to submit the return request.

7. A success popup will appear showing the successful submission of the return request as shown below:


8. There is as option to upload files in the success page. From where you can upload file and admin can view/download that file from admin panel. File limitations are set from admin panel.

You can try Magento Return Manager extension for on your Magento store. KnowBand’s Magento Return Merchandise Authorization helps you increase customer enagaement to your store & you can easily manage the return request of the product.

Module Link: https://www.knowband.com/magento-return-manager

Admin Demo: https://mademo1.knowband.com/index.php/rma/adminhtml_index/index/key/ac91efaa6d652ee58a922da7896dbb33/

Front Demo Link: https://mademo1.knowband.com/

Related Stories:

Magento Deskoid Extension – User Manual

1. Introduction of Magento Helpdesk Extension:

The Magento Helpdesk extension by Knowband will act as a Ticket Management System for a particular store and will make easier for the store owner to manage the ticket which will be raised on his store by the customers.

It is a very useful Magento extension for both the ends i.e for merchant and the customer because it lets the customer to raise the ticket in a very convenient way and at the other end lets the merchant manage the ticket in a very efficient way. The Magento desktop helpdesk also shows the merchant the details of the customer those who have raised the ticket on his/her store.

2. Installation

After purchasing Magento customer helpdesk extension, you will get following files as shown in below screen:

  1. deskoid.zip (contain source code of the extension)
  2. User Manual

Follow the following steps to install Magento customer contact extension:

  1. Unzip the deskoid.zip folder
  2. Copy all the files and folder of unzipped folder into your store root directory
  3. After coping all the files and folders, clear the cache.
  4. Just open any page of your store. Magento will install the Magento module at the time of loading of any page.
  5. After installing, please login into your admin panel. And go to the below menu:

System > Configuration > Advanced

Here you will see that, the Magento ticket system module is listed.

3. Extension Interfaces

There are two ends from where user will interact with helpdesk extension functionality. They are following:

  1. Admin Interface of Magento customer support extension(Only be accessible by admin/store owner/support)
  2. Customer Interface of Magento customer support extension (anyone can see and customer raised tickets from here)

Each interface of the Magento desktop helpdesk by Knowband has been explained in the next section.

4. Admin Interface

This interface of the Magento customer helpdesk will only be accessible in admin panel. After installing Magento customer contact extension, deskoid menus will be visible in the menubar as shown in below screen:

There will be 4 submenus from where you can configure your Magento ticket system as well as manage your tickets.

4.1 Configurations

Here admin can enable/disable his Magento desktop helpdesk at any time. Also will give option to fetch customer replies from his email. The configurations panel of the Magento customer helpdesk is given below:

Fields

  1. Status: By default this field of Magento customer contact will be disabled. On the basis of this setting whole system on front will work accordingly. If the Magento ticket system is disabled, then system will not allow customers to create new tickets
  2. Sender/Support Email: Required field of the Magento contact us extension and default will be empty. This will be the email id of sender or store owner or something else that admin wants. All the emails related to tickets will be send to customers by using this email id.
  3. Sender/Support Name: Required field of the helpdesk extension and default will be empty. Can be any name that admin wants. This name will be set as sender name in the email send to customer related to tickets.
  4. Support Link Position: Default position of the Magento customer support extension will be left edge of the website. From here, you can change the position of “Get Support”link on front end as per your need.
  5. IMAP Status: Default will be disabled. With the help of this, system can fetch replies send by customer on the sender/support email will be fetched by system and tracked into system.
  6. IMAP Url: Required if IMAP is enabled. Here you have to give IMAP url of sender email ID. To know about IMAP URL, see appendix A.
  7. Port: Required in case of IMAP is enabled. Default values will be 993. See appendix A.
  8. Password: Required field of Magento extension, in case if IMAP is enabled. Password of the sender email ID. See appendix A.
  9. Save & Continue: After clicking this button, system will first validate settings and then save settings into system.

4.2 Ticket Topics

In this field of Magento customer helpdesk, admin will manage all the topics related to customer queries. With the help of these topics admin will be able to identify what type of issues customers mostly faces.

4.2.1 Topic List

When admin will click on “Ticket Topics” menu, then Magento customer contact will by default open the list of all the available ticket topics that he has created. The list will be shown to admin as shown in below screen:

Columns

  1. ID: Unique id of the topic.
  2. Topic/Subject: Label or Topic or Name of the subject. By default label will be shown in this list in default store view.
  3. Date Added: Date on which corresponding topic is created.
  4. Date Updated: Date at which corresponding topic is last updated.
  5. Status: Status of the corresponding record.
  6. Edit: Link to edit corresponding topic.
  7. Delete: Link to delete corresponding topic
  8. Add New: By clicking this button, system will redirect you to page from where you can add new topic.
4.2.2 Add/Edit Ticket Topic

Whenever admin will click on “Add New” or “Edit” button on topic listing page, the Magento extension will open a form where admin can create/edit topic as shown in below screen:

Fields

  1. Status: Required field of the Magento ticket system and by default will be enabled. According to this value, the corresponding topic will be available to customers on front end.
  2. Label/Subject: Required field and default will be empty. This field of Magento contact us extension will be a store specific field. Admin must have to provide value for each store view.
  3. Back: To return back to list.
  4. Save: On clicking this, helpdesk extension will first validate form values and then save in to database. After saving, Magento customer support extension will redirect admin to topic listing page with success message.
  5. Save and Continue Edit: This button of Magento desktop helpdesk will also have simliar functionality as like “Save” button with the difference that, it will redirect back to same form with success message.
  6. Delete: Display only in case of topic editing. On clicking this button, Magento customer helpdesk will delete corresponding topic from system.
4.2.3 Delete Topic

To delete the topic of Magento customer contact, we have given delete option with each topic in list as well as topic edit page. On clicking this link, Magento ticket system will first ask for confirmation. As per your confirmation, system will delete the corresponding topic from system.

There will be no impact of this deletion on tickets raised by customers by using deleting topic.

4.3 Customer Tickets

In this field of Magento contact us extension, admin can see all the customer queries and resolve queries by making reply on him.

4.3.1 Customers Ticket List

By default, when admin will click on “Tickets” menu, system will open list of all tickets as shown in the below screen:

Columns

  1. Ticket Number: System generated unique identifier for each ticket. This will be unique for each ticket.
  2. Customer Name: Name of the customer who has raised the ticket.
  3. Customer Email: Email id of the customer who has raised the ticket.
  4. Subject/Topic: Topic on which ticket is based on.
  5. Summary: Summary of the ticket.
  6. Last Message: Time at which last message/reply send to customer by support or to support by customer.
  7. Website: Name of the website on which ticket has been raised by customer.
  8. Priority: This column of Magento customer support extension will show the priority of each ticket in different color. So that your can easily identify which ticket is critical or not.
  9. State: Display the current state of ticket.
  10. Action: Here you will have following option to each ticket:
    1. View Ticket: By selecting this option of Magento extension by Knowband, system will open ticket view page on which you can see all the details of ticket as well as replies on the ticket. From here, you will be able to send reply on ticket to customer.
    2. View State History: On selecting this option of Magento desktop helpdesk, system will shown priority change history in popup box as shown in below screen:

State of the ticket will shown as last state will shown on top.

    1. View Priority Change History:

On selecting this, system will shown priority change history in popup box as shown in below screen:

Recent changed priority will be shown on top.

    1. Change State:

With this action, you can change the state of ticket at any time. On selecting this option system will open popup box to as shown in below screen:

By default, system will show the dropdown list of all available state and current state will be selected. There will also be a checkbox and default it will be checked.

When you will change state and click on “Change” button, system will change the state of corresponding ticket. Also send the notification email to customer if the checkbox is checked.

    1. Change Priority:

With this action, you can change the priority of ticket at any time. On selecting this option system will open popup box to as shown in below screen:

By default, this option of Magento desktop helpdesk will show the dropdown list of all available prioritiy options and current ticket priority will be selected.

When you will change priority and click on “Change” button, system will change the priority of corresponding ticket.

4.3.2 View Ticket and Replies

In this field of Magento customer helpdesk you can see all the details of particular ticket and replies made on corresponding ticket. Also you can send replies on corresponding ticket from this page.

When the you will select “View Ticket” option in action column of ticket listing page, system will open the ticket view page.

General Information

In this tab of Magento extension, system will show you the information of tickets as shown in below screen:

There are following 3 sub sections into this tab of Magento customer contact:

  1. General Information: This section of Magento ticket system will contain all the basic infomation about ticket and customer who has raised the ticket.
  2. Issue Information: This section of Magento contact us extension will show the issue raised by customer in this ticket.
  3. Quick Action: In this section of helpdesk extension, system will show state and priority dropdown. With these action, you can just change the state or priority without sending reply to customer.

Conversations

In this tab of Magento customer support extension, system will show you the all conversation/replies made on corersponding tickets by you as well as customer as shown in below screen:

You can clearly see that, there will be form from where you can send reply to customer as well as change state and priority.

Below this, all the conversation starting from ticket will be shown to you with latest/recent reply will be shown on top.

4.4 Customers

In this section of Magento desktop helpdesk, system will only display the list of customers who has raised the tickets as shown in below screen:

Front End Interface

On the front end of the Magento customer helpdesk, system will show a link “Get Support” on each page except ticket related pages as shown in below screen:

When customer will click on “Get Support” link as highlighted in above screen, system will open a page from where customer can either create new ticket as well as check status of previous ticket. The screen is given below:

Figure 5.1

5.1 Create New Ticket

On clicking “Open a New Ticket” button in above screen, system will redirect customer to a form from where customer can raise his issue with his contact information as shown in below screen:

Figure 5.2

Fields

  1. Help Topic: Required field of the Magento customer contact and drop down list of all the enabled help topics which are created by you from admin panel.
  2. Email Address: Required field of the Magento ticket system. Here customer will provide his email address. If the customer is logged in then system will fill this field with logged in email id. If logged in, this will not be editable.
  3. Full Name: Required field and name of the customer who is raising ticket. If customer is logged in then Magento ticket system will fill this field with logged in customer’s name.
  4. Phone Number: Optional field of the Magento contact us extension. Here customer will provide his phone number.
  5. Summary: Required field of helpdesk extension. Customer will provide issue summary in this field.
  6. Issue: Required field of the Magento customer support extension and will have minimum 30 characters.
  7. Create Ticket: On clicking this field of Magento desktop helpdesk, system will validate the information filled by customer into this form. If anything system find wrong then it will show error message to customer and stay on form otherwise create the ticket.

After creating ticket, Magento ticket system will send acknowledgment email to customer as well as alert email to support.

5.2 Check Ticket Status

Customer can check his ticket status either by click on “Check Ticket Status” showed in figure 5.1 or 5.2. When customer will clicked on “Check status” button, the repective Magento extension will open a form as shown in below screen:

figure 5.3

Fields

  1. Ticket Number: Required field of the Magento plugin. Customer must have to provide the ticket number of ticket for which he/she wants to check status.
  2. Email Address: Required field of the Magento customer helpdesk and already be filled in case of logged in customer. Field will be editable in both cases. Here customer will provide the email address for which the ticket was created.

If the ticket is not exist into system, then Magento ticket system will return back to this form with error message. If the ticket is exist then system will show all the details of ticket to customer as shown in below screen:

Figure 5.4

In the above screen of Magento customer contact, customer can view all the previous replies made by him as well as store support. There will also be a form to send reply to store support on corresponding ticket.

In post reply form, customer must have to provide reply text with minimum 30 characters and submit to system.

After submitting reply, Magento ticket system will send alert email to admin about customer reply.

5.3 Customer Ticket List

This option willonly be visible for registered customer. If the registered customer has raised a ticket then a link to his ticket list will be visible to customer in his “My Account Section” as shown in below screen:

Figure 5.5

On clicking the above highlighted link, Magento ticket system will open ticket listing page where all the tickets created by corresponding logged in customer will be displayed as shown in below screen:

Appendix A

IMAP BASICS

To know about IMAP, please read the article on given url:

https://whatismyipaddress.com/imap

IMAP Terminology:

IMAP URL:

The first kind of URL is an IMAP UR which look like this:

imap.hostname.com

Hostname is the internet host name or IP address of the IMAP server

For example, if your email id is on gmail then IMAP url will be as:

imap.gmail.com

IMAP PORT:

Port is the server’s IP port. Defaults port is 993

IMAP PASSWORD:

Password of your email account as you use to open your inbox.

HOW TO ENABLE IMAP

To enable IMAP into our email id please follow the given steps. For example, we are using gmail IMAP configuration process.

Step 1: Open your gmail email account.

Step 2: Go to your inbox setting page by clicking setting option as shown in below screen:

On clicking above highlighted link, gmail will redirect you to setting page.

Step 3: Go to in our POP/IMAP tab.

Step 4: Enable IMAP and save changes.

HOW TO INSTALL CRON JOB

Deskoid need to install cron job on your server to get fetch replies from email server withing predefined time interval.

To install cron job, follow the given instructions:

Step 1: Open your Terminal(for linux server) and login into your store.

Step 2: Type “crontab -e”and hit enter button.

Step 3: After step 2, editor will be opend in the same window. Here paste the given url:

* 0/1 * * * wget -O – https://www.yourstore.com/deskoid/imap/index/ >/dev/null 2>&1

With the above url, deskoid will run this address every hour to fetch email replies from support email id.

Step 4: Save changes.

Watch the video tutorial here:

Find more details here:

Module Link: https://www.knowband.com/magento-deskoid-helpdesk

Admin Demo: https://mademo2.knowband.com/admin

Front Demo: https://mademo2.knowband.com/

Best Practices and features of a one page checkout module

One Page checkout have been in the eCommerce industry for the past few years. However, the kind of eCommerce experience that has been improved using these one step checkouts need not any introduction. From quickest checkouts to conversion optimization, eCommerce store owners see one page checkouts as a tool of improvement. Improvement in customers experiences, improvement in conversion optimization, improvement in competitive advantages against the rivals and much more.

In this article, I am basically going to explain how a perfect one page checkout would look and behave with the customers to provide the eCommerce sites a better checkout page.

Reduced entries in one-page checkouts- A one page checkout is basically adopted to provide the quickest checkout experiences. Sometimes, we get confused between a one step checkout and a quick checkout experience. The line between the two is very thin.

A pure one page checkout module would work by compacting each and every step of a multi step checkout into a single page. From customer information, shipping address, to payment options each and every step is reduced onto a single page.

However, a better quick checkout design would not only consist of a one page checkout but would also show a decrease in number of entries. These reduced entries are obtained by skipping the redundant or unnecessary entries from the generic checkouts.

For example, in generic checkouts, we would find different entries for mobile number and telephone number. In quick checkouts, we might have the option to skip the telephone number and provide only the mobile number in the form.

Designs and layouts-There are basically three types of layouts that are used by the one step checkouts to compact the whole process on one page. The single column, the two column, and the three column layout.

The single column layouts are generally adopted by those sites which do not ask much of the information. This information can be compacted in a single page without increasing the page length. In case if the number of the entries required are much larger, then a two or three column layout is a better option.

One column layout
2 Column layout
3 column layout

By changing the layout options we can re-arrange the one step checkout to switch the designs and constitute the required fields in a single page accordingly.

Checkout speed and steps- As we know that one page checkout would definitely compact the multi page structure into a single page structure. However, just the compaction of steps is not enough to get a proper one page checkout; at least the customer’s experience will not improve until you work on the speed of the checkout. The checkout speed can be increased by:

  • Removing the unwanted or not necessary fields from the checkout page.
  • Removing the redundant fields.
  • If any field on the checkout page can be helpful but not necessarily required by you, you should make it optional.
  • Pre-filling the customer information from the user account.
  • Reduced the use of graphics intensive objects like carousels.

Behavior of fields on checkout page- To reduce the size of the one page checkout and make them conversion friendly, you can skip the labels of text fields and use placeholders instead. However, in some cases, labels are more effective than placeholders. For example, if a checkout form consists of a large number of fields, the user might get confused about the kind of entries he has filled when he reviews the entries afterward.

So, placeholders can be used as a guiding tool to make the fields clearer and it is a better option them using them in place of labels. These placeholders can consist of pre-filled examples.

Placeholders can guide the users in filling correct information

Option of Guest Checkout- There are certain chances that a customer might have come to your online store for the first time and he might not have a user account. A compulsory requirement of sign up would definitely encourage the shopper to abandon your cart. Instead like every effective checkout process, your one page checkout should be able to accept the guest checkouts. The guest checkout just includes the manual entry of email address and customer information. Later on the customer might choose to sign up, but as of now, it would not hamper your conversion at least.

So, like every effective checkout process, you should make sure that your one step checkout is efficiently accepting guest checkouts. It would not only improve your conversion rate but would also help you prevent shopping cart abandonments on your store.

Social login at checkout page-

There are various social Login modules that allow the eCommerce store owners to accept social login on their online stores. These social login options allow the users to login or sign up to a site without a need to fill the registration forms. It is one of the ways adopted by eCommerce store owners for conversion optimizations.

It is a useful feature to include in the one page checkout page too. When a shopper reaches to your checkout pages, he would definitely not want to go back and create an account on your shop first. Instead, you can allow the shopper to use his/her Facebook, Gmail or PayPal account to register on the store. Once the shopper sign-ups using the social login, he would be again directed back to the one step checkout page and can continue from the same.

Best Practices and features of a one-page checkout module

Every one page checkout is adopted by the online store owners to improve their sales and conversions. If it goes wrong, it will result in nothing and would destroy the customers experience in addition. Choose a one step checkout module that has at least these basic features. For PrestaShop, OpenCart and Magento stores, Knowband provides effective one page checkout modules that include all of the above-discussed features and much more.

Related Stories:

Magento Product Size Chart – User Manual

1. Introduction

Sometimes, the customer becomes confused about the size of product which he wants to purchase. Because every brand/manufacturer design his product according to own size specification and it may result in the different size of the same thing as per brand/manufacturer. Due to this type of confusion, customer avoids his purchasing and go away from the store.

To overcome this type of barriers, Knowband’s Magento Product Size chart extension will provide facility to store owner to set chart on products according to the category as well as prepare specific chart for products. This chart will show the exact size of given measurement unit. So that, the customer can get clear about the size and buy the item.

Magento size guide extension just provides an easy way to store owner to prepare size charts for his products as per need. Size chart provides ease as well as give clear specification about the product in terms of size, area etc.

Features:

  • The Magento Product Size chart module is very easy to install and configure.
  • The store admin can display size charts just by entering values.
  • This Magento size guide module allows the admin to show size charts on a category of products or a single product.
  • N number of rows and columns can be added easily in the size chart easily.
  • Magento size guide offers preview option for checking the implementation.
  • There is an option to add images, guidelines or any HTML content to the size chart pop-up.
  • Magento product size table is multi-lingual compatible.
  • The store admin can easily enable/disable the Magento product size table plugin.
  • Magento Size Chart link Module is highly customizable
  • No technical knowledge required for implementation of this functionality.
  • The admin can easily implement this functionality without changing a single line of code.
  • The Magento size chart link module has a mobile responsive layout.

Admin Benefits:

  1. Magento size catalog extension provides a simple and easy way of creating size charts for specific products.
  2. The eCommerce store admin can assign size charts with single products as well as with multiple product categories.
  3. Magento Size Chart extension is highly customizable. The admin can also add images and necessary content to size charts.
  4. Multiple rows and columns can be added easily without any restriction.
  5. Magento Product Size chart extension allows the store owners to preview the size charts before implementation.
  6. Size catalog module offers multi-lingual support.
  7. Magento Product Size chart extension reduces website’s bounce rate which results in increased revenue of the store.
  8. There will be reduced product return requests when the customers will purchase the product after viewing the size chart.

Customer Benefits:

  1. Magento product size catalog module provides an attractive and user-friendly interface to users.
  2. The customers can easily view the size chart just by clicking the size chart link.
  3. Magento Product Size chart extension reduces confusion of customers regarding product size and also increases their decision making while purchasing.
  4. This Magento size chart popup extension provides a better shopping experience to the online.

2. Installation

After purchasing the extension, you will get following files as shown in below screen:

  1. Sizechart.zip (contain source code of the extension)
  2. User Manual

Follow the following steps to install the extension:

  • Unzip the sizechart.zip folder
  • Copy all the files and folder of unzipped folder into your store root directory
  • After coping all the files and folders, clear the cache.
  • Just open any page of your store. Magento will install the module at the time of loading of any page.
  • After installing, please login to your admin panel. And go to the below menu: (System > Configuration > Advanced)

Here you will see that the size chart module is listed.

3. Extension Interfaces

There are two ends from where the user will interact with size chart functionality. They are following:

  • Admin Interface (Only be accessible by admin)
  • Customer Interface (anyone can see and only accessible on Product Page)

Each interface has been explained in next section.

Admin Interface

This interface will only be accessible in the admin panel. After installing the extension, size chart menus will be visible under catalog menu as shown in below screen:

There will be 4 submenus from where you can create and manage charts for your products.

4.1 Chart Attribute Sets

This is the section where you can prepare chart attributes and measure unit for the chart. Chart attributes mean Rows and Columns of your chart.

4.1.1 Chart Attributes Set Listing

On clicking the “Chart Attribute Sets” menu, you will be redirected to the page where all the previously created attributes sets will be displayed. If there is no set created yet, the system will the list as empty list as shown in below screen:

List Columns

  1. ID: Unique id of the attribute set.
  2. Created At: This column will show you the date and time at which the corresponding attribute set is created.
  3. Attribute Set Identifier: This is nothing except just a label or name to the corresponding attribute set.
  4. Value Unit: Measurement unit like cms, mtr, mm etc.
  5. Status: Status (Enable/disable) of the corresponding attribute set.
  6. Actions:
  • Preview: On clicking this action, system will show you the preview/snapshot of the chart with dummy values as shown in below screen:

  • Edit: By clicking this link, the system will redirect to you attributes set edit page where you will get the form with already filled values.
  • Delete: With this action, you can delete the corresponding attribute set at any time.

Add New

There will be a button on the top right corner of listing page. From here, you can add a new attribute set at any time. Adding and updating attribute set has been described in next section.

4.1.2 Add New or Update Attributes Set

On clicking “Add New”button or clicking “Edit” link on any attribute set, system will redirect you to the attribute set configuration form as shown in below screen:

Fields

  1. Status: This is a drop-down list of status. This will be a required field and by default will be disabled.
  2. Set Identifer: Required field. This field is just used for labeling/naming your attributes set. This field will not be visible to customers.
  3. Value/Measurement Unit: Optional field. This will be drop down list with some predefined measurement units. If you want to more unit, please contact our support.
  4. Help Guide: This will be a just help text to guide admin to how to create attribute sets for the chart.
  5. X/Y Label: Optional field. This field will be visible to you with each store view as the website can have many languages. So you have to provide label/text for each store view. This label will be shown for the common x-y axis in the chart.
  6. Row Labels: Required field and initially will be blank. This will be the label used for labeling rows of your chart. You can add or delete rows as per your need. Each row label will be shown to you for each store view and you have provided label for each store view.
  7. Column Labels: Required field and initially will be blank. This will be the label used for labeling columns of your chart. You can add or delete columns as per your need. Each column label will be shown to you for each store view and you have provided label for each store view.

Actions

  • Back: This action will redirect you to listing page.
  • Preview:  On clicking this button, the system will show you the snapshot of the chart as per current attributes set as shown in below screen:

  • Save: By clicking this button, the system will save your attributes set configurations and redirect to you on attributes set listing page.
  • Save and Continue Edit: By clicking this button, the system will save your attributes set configurations and redirected back to form again.
  • Delete (In case of Editing/Updating): This action will delete the corresponding attributes set from the system.

4.1.3 Deleting Attributes Set

We have given delete options to you to delete attributes set record at a time. You can delete attributes set either from listing page or edit page.

Note: If you want to delete attributes sets and you have created some charts by using this attributes set then the system will also delete that chart from system to prevent data inconsistency.

4.2 Size Charts

Here you can create and manage your size chart by using any attributes set created in the last section.

4.2.1 Size Charts List

On clicking “Size Chart” menu, the system will redirect you to page where all the created size charts will be shown as shown in below screen:

List Columns

  1.  ID: Unique id of the size chart.
  2. Size Chart Identifier: This is just a label or name to the corresponding size chart.
  3. Attribute Set Identifier: Name/Label of the attributes set by which you have created the corresponding size chart.
  4. Status: Status (Enable/disable) of the corresponding size chart.
  5. Created At: This column will show you the date and time at which the corresponding size chart is created.
  6. Actions:
  • Preview: On clicking this action, the system will show you the preview/snapshot of size chart with values set by you as shown in below screen:

  • Edit: By clicking this link, the system will redirect to your size chart edit page where you will get the form with already filled values.
  • Delete: With this action, you can delete corresponding size chart at any time.

Add New

There will be a button on the top right corner of listing page. From here, you can add new size chart at any time. Adding and updating size chart has been described in next section.

4.2.2 Adding New or Updating Size Chart

On clicking “Add New” button or clicking “Edit” link on any size chart in list, system will redirect you to the size chart form as shown in below screen:

Fields

  • Status: This is the dropdown list of status. This will be a required field and by default will be disabled.
  • Set Identifier: Required field. This field is just used for labeling/naming your size chart. This field will not be visible to customers.
  • Attribute Set: Required field and initially will be nothing selected. Here you will select attributes set to create size chart.
  • Chart Values: Required. Initially, there will be nothing to show you at the time adding new size chart. To create the chart, you have to select attribute select from point c. After selecting attributes set from the drop-down, the system will render the chart values form in matrix form as shown in below screen:

The system will create the matrix with the number of rows and columns created by you for selected attributes set. There is also a store view drop-down the list. At a time only one matrix form will be visible to you to fill chart values. You have to fill values of another store view then you have to change the store view from displayed stores drop down list.

  • Instruction/Guidance: Required field and size chart will be displayed under the content you will write into this field. Here you can also provide some extra guidance as well as pictorial help about size chart to customers. This field will also be store view specific and you have to provide content for each field.
  • Note: There will be a variable “{{size_chart}}”in the instruction field. This variable will be replaced by the system with corresponding size chart on the front end. So, Please do not remove this variable from instructions field. But you can change the position of this variable into instruction as per your need.
  • Actions:
  1. Back:  This action will redirect you to listing page.
  2. Save: By clicking this button, the system will save your size chart data and redirect to you on size chart listing page.
  3. Save and Continue Edit: By clicking this button, the system will save your size chart data and redirected back to form again.
  4. Delete (In case of Editing/Updating): This action will delete the corresponding size chart from the system.

4.2.3 Deleting Size Chart

We have given delete options to you to delete size chart at any time. You can delete size chart either from listing page or edit page.

Note: If you want to delete size chart and you have created assign this size chart to product or categories then system will also delete that mapping with products or categories from system to prevent data inconsistency.

4.3 Category Charts

Here you can create and update the mapping of your size charts with categories.

4.3.1 Category Chart List

On clicking “Category Chart” menu, system will redirect you to page where all the mapping of size charts with categories (if any) will be shown as shown in below screen:

List Columns

  1. ID: Unique id of the category and size chart mapping.
  2. Category Name: Name of the category
  3. Size Chart Identifier: Name/Label of the size chart mapped with the corresponding category.
  4. Status: Status (Enable/disable) of the corresponding mapping.
  5. Created At: This column will show you the date and time at which the size chart mapped or assign to the corresponding category.
  6. Actions:
  • Preview:  On clicking this action, the system will show you the preview with instructions set on size chart as shown in below screen:

  • Edit: By clicking this link, the system will redirect to your page where you can assigned other chart to category or change status.
  • Delete: With this action, you can delete the corresponding mapping at any time.

Add New Category Chart or Assign Chart to New Category

There will be an “Add New” button on the top right corner of listing page. From here, you can add assign size chart to the new category at any time. Adding and updating mapping has been described in next section.

4.3.2 Assign Chart to New Category/Update Mapping

On clicking “Add New” button or clicking “Edit” link on any category chart in list, system will redirect you to the mapping page from where you can assign charts to the new category or change on the category as shown in below screen:

Fields

  • Status: This is a dropdown list of status. This will be a required field and by default will be disabled.
  • Category: Required field and a dropdown list of categories. Initially, no category will be selected.
  • Size Chart: Required field and the drop-down list of active size charts created by you in section 4.2.
  • Back: This action will redirect you to listing page.
  • Preview: On clicking this button, the system will show you the preview of the selected chart with instruction as shown in below screen:

  • Save: By clicking this button, the system will save mapping into the database and redirect to you on category chart listing page.
  • Delete (In case of Editing/Updating): This action will delete the corresponding mapping from the system.

4.3.3 Deleting Category Size Chart

We have given delete options to you to delete size chart from the category at any time. You can delete mapping either from listing page or edit page.

4.4 Product Charts

Here you can create and update the mapping of your size charts with products.

4.4.1 Product Chart List

On clicking “Product Chart” menu, the system will redirect you to page where all the mapping of size charts with products (if any) will be shown as shown in below screen:

List Columns

  1. ID: Unique id of the product and size chart mapping.
  2. Product Name: Name of the product.
  3. Product SKU: Sku of the corresponding product.
  4. Size Chart Identifier: Name/Label of the size chart mapped with corresponding product.
  5. Status: (Enable/disable) of the corresponding mapping.
  6. Created At:  This column will show you the date and time at which the size chart mapped or assign to the corresponding product.
  7. Actions:
  • Preview: By clicking this action, the system will show you the preview with instructions set on size chart as shown in below screen:

  • Edit: By clicking this link, system will redirect to you page where you can assigned other chart to product or change status.
  • Delete: With this action, you can delete the corresponding mapping at any time.

Add New Product Chart or Assign Chart to New Product

There will be an “Add New” button on the top right corner of listing page. From here, you can add assign size chart to a new product at any time. Adding and updating mapping has been described in next section.

4.4.2 Assign Chart to New Product/Update Mapping

On clicking “Add New” button or clicking “Edit” link on any product chart in list, system will redirect you to the mapping page from where you can assign charts to new product or change on the product as shown in below screen:

Fields

  1. Status: This is the dropdown list of status. This will be a required field and by default will be disabled.
  2. Product: Required field and dropdown list of products. Initially, no product will be selected.
  3. Size Chart: Required field and the drop-down list of active size charts created by you in section 4.2.
  4. Actions:
  • Back: This action will redirect you to listing page.
  • Preview: On clicking this button, the system will show you the preview of the selected chart with instruction as shown in below screen:

  • Save: By clicking this button, the system will save mapping into the database and redirect to you on product chart listing page.
  • Delete (In case of Editing/Updating): This action will delete the corresponding mapping from the system.

4.4.3 Deleting Product Size Chart

We have given delete options to you to delete size chart from the product at any time. You can delete mapping either from listing page or edit page.

4.4.4 Size Chart Mapping on Product Page

You can also map size chart with the product on product edit page. Whenever you will edit your product then there will be a tab “Size Chart” will be shown to you as shown in below screen:

Clicking on the above-highlighted tab, the system will show you form as shown in below screen:

From here you can map any enabled size chart with the corresponding product. Here these fields are not required. If you don’t to want to assign chart to this product then you can leave it without changing any value in this section.

5. Customer Interface

On the front end, size chart will only be accessible on the product page.

5.1 Size Chart on Product Page

If the product has any enabled size chart, then the system will show the “view size chart” link just below the product name as shown in below screen:

If the product has no enabled size chart then the system will try to find a chart from his associated categories. If size chart found on any associated category then the system will show that chart for this product.

On clicking the above-highlighted link, the system will open the size chart in popup box as shown in below screen:

For more details:

Module Link: https://www.knowband.com/magento-product-size-chart

Admin Demo Link:
https://mademo3.knowband.com/index.php/admin/dashboard/index/key/6ba922a54b236ebdefdef2d56e0a8211/

Front Demo Link:
https://mademo3.knowband.com/women/dresses-skirts.html

YouTube Video Link:
https://www.youtube.com/watch?v=ehu8nj_BsM8&feature=youtu.be

Please contact us at support@knowband.com for any query or custom change request as per your business requirement.

Knowband Magento Product Video Extension – User Manual

Introduction

Product Video is an extension which can be used to assign videos to a product and show them on the product view page. The Store admin can assign unlimited videos for a product. Each video can be set to active or inactive individually. One video can also set as default video. Videos on the front page are shown inside a division and queued in the form of a slider. Admin has the option to select videos from “YouTube”, “Vimeo” and “Dailymotion”. Admin can also choose the location of the videos to be shown on the product view page.

Features:

  • Easy to install and configure.
  • There is no need to change codes for implementation.
  • Magento Product Video extension is highly customizable.
  • Adding video module allows showing video in different positions.
  • You can add videos from various platforms(YouTube, DailyMotion, and Vimeo).
  • Magento video upload allows adding multiple videos on a product page.
  • Magento extension offers autoplay video option.
  • Vimeo extension allows admin to show/hide display controls.
  • The store admin can exclude Jquery files.
  • Adding video module is SSL enabled stores.
  • Dailymotion addon is multi-store compatible.
  • Product video upload is multi-lingual compatible.

Installation

Follow the following steps for installing Product Video Module:

  • Download the extension package.
  • Unzip the package on your root folder of Magento setup via FTP manager (like Filezilla or WinSCP – download here).
  • In Admin Panel go to “System > Knowband Extensions > Product Video”.

  • That is all – Your system is ready.

User Manual

This User Manual Guide users through the Admin Module/Store Front settings and features of the Product Video Module.

Admin Panel Settings

Admin Panel Settings contains the 4 tabs for settings.

1. General Settings

The General Settings has following options:

  • Activate: Enables or Disables the plugin. Switch it on to enable the module.
  • Show Video On: Select the position of the video box to be shown in the product view page. There are two options to choose. Select “Product Footer” if you want to show the video(s) near the footer area of the page and “Product Right Column” option is to show the video(s) below the add to cart button at the right column in the product view page.
  • Video Box Title: Set the title of the video box in front. Leave it blank if you don’t want to show any text in the header part of the module.
  • Include jQuery: This option allows us to include jQuery in our module so that the module can work for other versions of the Magento also.

2. YouTube Settings

This tab is used to change the settings of the youtube videos shown in front. It has following options:

  • Autoplay Video(s): Switch on this option to make the videos play automatically whenever the product view page is loaded.
  • Display Controls: When this option is switched on, then video controls are shown whenever the videos on the product view page are played.
  • Display Video Frame Border: Check on this option to show the Frame border for the video.

3. Vimeo Settings

Vimeo Settings tab is used to change the settings for Vimeo videos. It has the following options:

  • Autoplay Video(s): Switch on this option to make the videos play automatically whenever the product view page is loaded.
  • Display Video Frame Border: Check on this option to show the Frame border for the video.

4. Dailymotion Settings

Dailymotion video settings can be changed from here. It has following options:

  • Autoplay Video(s): Switch on this option to make the videos play automatically whenever the product view page is loaded.
  • Display Controls: When this option is switched on, then video controls are shown whenever the videos on the product view page are played.
  • Display Video Frame Border: Check on this option to show the Frame border for the video.

Admin Panel Video Settings

Admin Panel Video Settings contains the following options/features.

1. Product Video Tab

When the module is enabled from the “General Settings” tab in admin panel, the “Product Video” tab is added in the options bar shown in the left panel of product edit page.

When this tab is clicked a table is displayed. This table contains details of all the videos assigned to that product. We can add new videos, edit existing videos and delete them.

2. Add Video

To add new video click on the “Add New” button shown in the table head area. When we click this button, a new form openes where we have to fill the details of the new video. Add new video form has following fields:

  • Video Name: This is the name of the video that we are adding.
  • Video Type: Here we have to select the type of the video that we want to show in the front. If you want to show the YouTube video then you have to select the youtube option same for rest of the options.
  • Video Code: This is the most important data to show video in the front and should be filled very carefully. Video code is uniquely defined code for every video. You dont have to give the full URL of the video just give the right video type and copy the video code. Video code is taken by following way.

Example –

  • For YouTube, if the video page URL is “https://www.youtube.com/watch?v=LCohV07kSRi” then the video code will be “LCohV07kSRi”.
  • For Vimeo, if the video page URL is “https://vimeo.com/142220544” , then the video code will be “142220544”.
  • For Dailymotion videos, if the page URL is “https://www.dailymotion.com/video/x2v0voc_micromax-yu-yuphoria-camera-review_tech”, then the video code will be “video/x2v0voc_micromax-yu-yuphoria-camera-review_tech”.

Full URL of the video can also be given.

  • Show Video: This option is used to make a video visible or hide from the front. Switch this option to show the video in the front.
  • Default Video: Using this option we can make a video default video. The default video is shown first on the front. Only one video can be a default. Whenever we turn on this option and save the video, then all the other videos are set to ‘not default’ videos and the current video is set as default video.

3. Edit Video

To edit a video details, click on the “Edit” link provided in the last of every table row. When we click on the “Edit” link a new page is opened. Edit page provides a form which is filled already by current values and we can change those values.

Edit page has the same options as the add page but the only difference is that by default the values are filled in the Edit page.

4. Delete and Mass Delete

These options provide the functionality to remove assigned video(s).

If you want to remove only one video from the list, then go to the video table and click on the “Delete” link shown in the front of every row, the respective video will be deleted.

If you want to remove/delete multiple videos at a time then check the checkbox for the video that you want to remove and then click in the “Delete Selected” button to delete all the checked videos.

These both actions cannot be undone.

Store Front

If the module is enabled, and at least one video is active then the video box is shown on the product view page. The location of the box depends upon the settings given in admin panel. The video box is not shown in following cases:

  • The product has no video assigned
  • Product has videos but no video is active
  • Module is disabled from the admin panel

The module at the front-end appears as follows:

Module at footer area.

Module at the right column.

For more details:

Module Link: https://www.knowband.com/magento-product-video

Watch Video: https://www.youtube.com/watch?v=U9AhCFH-b18&feature=youtu.be

Admin Demo Link:

https://mademo1.knowband.com/index.php/productvideo/adminhtml_index/index/key/ac91efaa6d652ee58a922da7896dbb33/

Front Demo Link: https://mademo1.knowband.com/

Please contact us at support@knowband.com for any query or custom change request as per your business requirement.

Magento Exit Popup Extension – User Manual

1.0 Introduction

Magento Exit Popup module is an extension by Knowband which when enabled shows a popup in the front-end of the website whenever the customer tries to leave the webpage. The features and functionalities of responsive pop-up can be changed from the admin panel of Magento exit pop-up extension. The admin can also set the terms and conditions offered by the Magento exit intent pop-up module as well as cookie life for the popup.

1.1 Merchant Benefits of Magento exit popup plugin:

  • The Magento exit intent pop-up module can be installed and used with least effort and difficulty.
  • The Magento exit intent pop-up extension monitors the mouse movement of the users and displays a subscription pop-up when they are about to exit the site.
  • The look and feel of the front-end UI can be changed from the back-end of the Magento subscription pop-up module.
  • The Magento exit intent subscription pop-up allows the admin to set the discounts being offered to the customers.
  • The store admin can view the complete stats of the Magento exit intent pop-up.
  • The customers get alluring discounts just when they intend to leave the site. Thus, the Magento exit pop-up extension can change their intention and motivate them to complete the transaction.
  • The Magento newsletter subscription pop-up module can even increase the subscribers of the site.
  • The Magento exit intent pop-up is one of the ways to reduce the cart abandonment and exit rate of the site.
  • The easy customization options of the Magento exit pop-up makes it easier for the pop-ups to blend with the theme of the site.
  • Set visibilty of exit intent popup among selected customer groups and geolocations.
  • New attractive themes for exit-intent email subscription popup benefits e-merchants in getting increased user engagement for their store.
  • Email Marketing services like Mailchimp, Klaviyo and Constant Contact boost the subscription rate of the store.

2.0 Installation

Follow the following steps for installing Magento Exit Popup Module:

  • Download the Magento exit intent pop-up extension package.
  • Unzip the package on your root folder of Magento setup via FTP manager (like Filezilla or WinSCP – download here).
  • In Admin Panel go to “System > Knowband Extensions > Exit Popup”.

That is all – Your system is ready.

User Manual

This User Manual Guide users through the Admin Module/Store Front settings and features of the Magento Exit Popup Module.

3.0 Admin Module

The Admin Module contains the 4 tabs for settings and view.

3.1 General Settings 

The General Settings of Magento responsive pop-up module has following options:

   

  • Enable extension: Enables or Disables the Magento exit pop-up plugin by toggling this button.
  • Popup Title: Set the title text that will be displayed on the subscription popup shown in front-end of the site.
  • Discount Information: Set text on the popup to show the details about the discount.
  • Sub-title Text: Admin can set the sub title text for the exit popup window.
  • Popup Display Interval: Set the time interval(in days) after which the exit popup will be shown to the same user. Set this 0 if you want to make the Popup window pop-up every time.
  • Custom CSS: Add custom CSS code that will reflect on front-end.
  • CMS page for Conditions of use: Admin can select the CMS page to which the user/visitor is redirected as they click on Terms and Conditions provided on exit popup.
  • Include jQuery: This option lets admin include jQuery for the front-end.

3.2 Display Settings

The display settings of Magento Exit Intent pop-up module offers the following configuration options:

  • Minimum Screen Size: This options sets the minimum screen size over which the exit popup will be shown like mobile and tablet devices.
  • Maximum Display Frequency: This option shows exit popup on the front end after the specified time.
  • Hide Popup After: You can choose the time interval after which the Exit Popup on the front end will hide automatically. You can set the time in seconds or select Always Display option.
  • Set Time Interval: This option lets you set the visibility of Exit Popup on front end for a specific date range. You can choose start and end date for the display of popup.
  • Where to Display: This option lets you choose where to display the Exit Popup in the front end.
  • Who to Show: Select the customer group who will be able to see the Exit Popup on the front end
  • When to Display: This option sets the exact instant of time when the popup displays: immediately, on exit, or after the user scroll downs the screen.
  • Geo-location: Admin can set the geolocation for the visibility of exit popup. It can be set to all locations or to selected areas.

3.3 Look and Feel Settings

The Look & Feel tab of Magento exit pop-up module allows the admin to change the appearance of popup window. It has following theme options.

Admin need not to modify or style the title text and background color separately. Everything comes readymade with Magento Exit Pop-up Plugin. The plugin offers you different theme options out of which you can set a particular theme or you can choose multiple themes at a time. If you select multiple themes then the themes are displayed in the random order.

Theme 1

Theme 2

Theme 3

Theme 4

Theme 5

3.4. Discount Settings

The Discount settings tab of Magento exit pop-up extension has the following options:

  • Discount Amount Type: Using this option, we can set the type of discount given to the customer(s) using Exit Popup front end. There two options to choose. By default Fixed option is selected if Magento Exit intent pop-up module values are not saved yet. Percentage discount will deduct the total cart balance by given percentage. Another option is the Fixed amount. The fixed amount will be deducted from the cart.
  • Discount Amount: This field is used to give the amount of discount for the generated coupon. The value validations work according to the selected option in Discount Amount Type.
  • Threshold Amount: The Magento Exit pop-up module allows the admin to fix the minimum cart value required to avail the offer. This field is used to set the minimum required cart amount to use the coupon. The coupon will not work if the cart amount is less than Threshold Amount. By default, the value is set to ‘0’ which means there is no restriction at all.

3.5 Email Marketing Settings

Magento Exit Pop-up Extension offers you three email marketing options as:

  • MailChimp
  • Klaviyo
  • Constant Contact

Each of these marketing services can be separately configured, enabled and disabled. For configuring them, you just need to set the API keyof that connected account. Once configured, the customer email is automatically synced to the connected subscriber list.

3.6 Email Settings

  • Email Subject: This option sets the subject line for the email which is automatically sent to the discount winners stating the discount information they have won on the store.
  • Email Template: You can set a desired template for your email to make it look appealing to users.
  • Email Content: This specifies the body of the email. Here, you can give the rich text content of email along with images and required links.

3.7 Statistics

The Statistics feature tab of Magento Exit pop-up extension is to view all the details (in graphical form) about the number of visited customers, generated coupons, customers visiting again etc. There are two filters to filter the data which is getting displayed and one more button to reset all the filters. By default, all of the data is shown.

  • Date Range Filter: In this filter, there are two datepickers and one filter button. From date and to date are given using datepicker and when the Filter button is clicked, all the data between those two dates is shown. If no date is provided in datepicker then the default date is taken. The default date is 1970-01-01 00:00:00 (YYYY-MM-DD Hours:Minutes:Seconds) and the data is processed according to this date.
  • Month filter: This filter contains one button. When we click on this button, then all the data of current month is displayed starting from the first date of the current month upto the present date.
  • Reset Filters: This option is used to reset all the filters and to show the default data. When this button is clicked, then all the filters are reset and the values inside datepickers are also removed.

There is one more division/component in the admin panel of Magento Exit pop-up. This division is displayed just below the header of the Exit Popup admin panel. This division is used to show total visitors, Used By, Used Again By and Total Coupons Generated.

Store Front

After enabling this Magento Exit pop-up plugin, the offer and subscription popup is shown in the front website whenever the customer tries to leave the webpage from the upper side.

The Magento Exit pop-up module at the front-end appears as follows:

User has to enter the email id and click on the button.

A coupon is generated and the message is shown in the popup window and an email is sent to the provided email id.

Disclaimer: In case the “Exit” popup does not display at the front, kindly clear the cache or delete the cookies. Sometimes cookies prevent the popup from displaying at front.

Watch Video: https://www.youtube.com/watch?v=O7q-7q9YXSM&feature=youtu.be

Related Stories:

Magento Better Thank You Page Extension – User Manual

1.0 Introduction

Magento Better thank you page module is a Magento plugin which when enabled makes the order confirmation page look better than use. The Magento better thank you page extension not just optimizes the user interface, it even allows upsell and cross-sell. The Magento better thank you page plugin allows the store admin to display the related products to the item purchased. The admin can even show the coupon in the order confirmation page with the help of Magento better thank you page module. Along with this, the store admin gets an advertisement block to display the promotional triggers.

Through this Magento better thank you page plugin, the admin can show three different blocks at order confirmation page:-
Products Block: All the related products which the customer might be interested to buy can be shown.
Discount Block: In this block discount coupon code can be shown for next purchase.
Advertisement Block:  In this block banner can be shown for advertisements.

1.1 Admin Benefits of Magento better thank you page module:

  • Magento better thank you page module by Knowband allows the store admin to optimize the order confirmation page of the website.
  • With the help of Magento better order confirmation page module, the admin can trigger upsell and cross-sell after the order is placed.
  • The admin to display the related products if this functionality is enabled from the back-end of the Magento better thank you page extension.
  • The merchants can even display the coupon codes available with the help of Magento better thank you page extension encouraging the customers to shop for more.
  • The admin can even display advertisement banners in this page. The images can be selected from the back-end of the Magento better thank you page plugin.
  • This optimizes the look and feel of the order confirmation page.
  • This is one of the ways to motivate the customers to return back to the store and shop more.

2.0 Installation of Magento better thank you page Module

Follow the following steps for installing Knowband’s Magento better thank you page Module:

  • Download the Magento better thank you page extension package.
  • Unzip the package on your root folder of Magento setup via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).
  • In Admin Panel go to “System > Knowband Extensions > BTYP”.

  • That is all – Your system is ready.

3.0 Admin Panel Settings

Admin Panel of Magento better order confirmation page offers 4 tabs for settings.

3.1. General Settings

The General Settings of the Magento order confirmation page extension  has following options:

  • Enable/Disable: This option allows the user to enable or disable the plugin. Switch it on to enable the module.
  • Show Order reference number: Enable this option to show order reference number to customers at order success page.
  • Include jQuery: This option allows us to include jQuery in our module so that the module can work for other versions of the Magento also.

3.2. Products Block Settings

After clicking on the products block settings tab of Magento better thank you page plugin, the below screen appears. It has following options:

  • Show Related Products: Enable this option to show related products block at the order confirmation page. All related products of the order will be shown in which customer might be interested to buy.
  • Product Block Position: It decides the sort order in which Related Product Block will be shown on screen with respect to Discount and Advertisement section.
  • Test message: Here HTML can be added to show below Related Products Block.

3.3. Discount Block Settings

After clicking on the discount block settings tab of Magento better order confirmation page module, the below screen will appear. It has the following options:

  • Enable: By enabling this option, the admin can display discount coupon on every successful order. This coupon can be used only one time at next purchase.
  • Discount Block Position: It decides the sort order in which Discount section will be shown on screen with respect to Related Product List section and Advertisement section.
  • Discount Type: Discount type can be both percentage discount or fixed value discount. Coupons will be generated as per this setting and value.

3.4. Advertisement Block Settings

After clicking on the advertisement block settings tab of Magento order confirmation page extension, below screen appears. It has following options:

  • Enable: If admin enables this option from the back-end of the Magento custom thank you page extension, then, he/she can upload any banner or picture to be displayed as an advertisement on the order confirmation page.
  • Advertisement Block Position: It decides the sort order in which Advertisement section will be shown on screen with respect to Related Product List section and Discount section.
  • Background Image: Here admin can upload the banner which he/she wants to be shown on the front end of the order confirmation page. Already uploaded image can be removed by clicking remove button. The changes made in the back-end of the Magento order success page extension will be reflected in the front-end.

Store Front

After enabling this Magento order confirmation page plugin the order confirmation box of the front end will be changed and a new order confirmation page will appear with the features of the backend settings done in the better thank you page.

The Magento custom thank you page module will optimize the front-end of order success page and it will appear as follows:

Module Link: https://www.knowband.com/magento-better-thank-you-page

User Manual Link: https://www.knowband.com/blog/user-manual/magento-user-manual/magento-better-thank-page-extension/

Admin Demo Link: https://mademo1.knowband.com/index.php/betterthankyoupage/adminhtml_index/index/key/4b92c72eb1314d09cd65b0269ede3717/

Front Demo Link: https://mademo1.knowband.com/

Contact us at support@knowband.com for any query or custom change request as per your business requirement.