Category: User Manual

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:

Magento Size Chart Extension | KnowBand

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.

Magento Ajax Cart Extension – User Manual

Introduction of Magento Ajax Cart Extension:

Ajax Cart is an addon which (when enabled) replaces the default “Add To Cart” action with the module’s custom action. After enabling this Magento Ajax Cart Extension, whenever a customer clicks on the “Add To Cart” button, the user is not redirected to the view cart page instead a popup is displayed. In the popup, items are shown. Cart items can be removed, updated, edited from the Ajax add to cart extension. Coupons can be also applied on Magento popup cart extension and user can checkout from there. The merchant can also show his/her banners or show the best-selling products on Magento popup cart page with the help of this Magento plugin.

Installation of Magento Ajax Cart Extension:

  • Follow the following steps for installing Magento Ajax Cart Extension:
  • 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 > Ajax Cart”.
  • 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 Ajax Cart Extension by Knowband.

Admin Panel Setting of Magento Ajax Cart Extension

Admin Panel Settings of the Magento ajax cart popup extension contains the 3 tabs for settings.

1. General Settings of Magento Ajax Cart Extension

The General Settings of the Magento popup cart module has following options:

  • Activate: Enables or Disables the Magento plugin. Switch it on to enable the Magento pop-up cart module.
  • Show Apply Coupon Option: This option of the Magento ajax cart extension allows the admin to show or hide the apply coupon division on the pop-up window shown on the front website.
  • Show Contact Email: Switch on this option of Magento Ajax Cart Extension to show the Contact Email option on the pop-up cart.
  • Email ID: This field of Magento add to cart popup extension offers the admin to set the default email id for the contact email option shown on the front. By default, the email id of the store admin will be filled in the field.
  • Include jQuery: This option of the Magento add to cart ajax popup allows us to include jQuery in our Magento module.

2. Look and Feel of Magento Ajax Cart Extension

This tab of Ajax add to cart extension is used to customize the pop-up window shown in the front.

  • Button Color: This option of Magento cart popup extension changes the background color of the checkout button.
  • Button Text Color: Color of the text shown inside the checkout button on the pop-up. The admin can change the text color of this Magento ajax cart popup extension button.
  • Button Border Color: Color of the border of the button can be changed using this option of Magento add to cart popup extension.
  • Popup Background Color: Background color of the main pop-up window is set from this Magento add to cart ajax popup module.
  • Popup Border Color: Background color of the main pop-up window is set from this field of Ajax add to cart extension.
  • Show Items: This option of the Magento Ajax Cart Extension is to show the banners or the top selling items on the front pop-up window. When this option is selected as “None”, no item is shown on the pop-up. If this option is selected as “Top Selling” then 4 most top-selling products are shown on the right panel on pop-up window and if selected as “Banners” then a decision is shown from where we can choose the banners to show on the front of this Magento extension.

3. Selector Settings of Magento Ajax Cart Extension

Selector Settings tab of the Magento add to cart ajax popup is used to make the module work in case checkout buttons have different class names. The field of Magento plugin has the following options:

Button Class Name: By default this field of Magento pop-up cart extension is auto-filled. If the Magento module still does not work then we have to enter the correct class name for the checkout buttons shown on the front site (except product view page). To get the class name of the button right click on the “Add to cart” button and click on “Inspect Element”.

When the inspector opens find the class name inside “button” tag.

Take a look at following image.

  • Button Class Name (Product Page): This field of Magento popup cart is also filled by default. To get the class name of the “Add to cart” button shown on product view page. Go to the product view page of Magento Ajax Cart Extension and follow the same process as shown above.
  • Add To Cart Form Id: This field of Magento Ajax Cart Extension is also filled by default. To change the form id of the Magento Ajax Cart Extension, Go to the product view page and right click on the “add to cart” button then click on the “Inspect Element”. When inspector opens to find the form as shown in the below image.

 

Yellow box is the location of the “Add to cart” button and the red box is the location to find the id of the form.

Store Front End of Magento Ajax Cart Extension:

When the Magento add to cart ajax popup module is enabled and the user clicks on the “Add to cart” button, a pop-up is opened. The product is added to the cart and sown in the pop-up. The Magento Ajax Cart Extension allows us to update product quantity or remove them from the cart. From the popup, the user can go to checkout and apply for the coupon also.

  • To update the quantity of the product enter the quantity in the input field and click on the update link of the Magento Extension.
  • To remove a product from the pop-up, click on the cross icon shown in front of every product row.
  • To apply the coupon, switch on the “Show Apply Coupon” option from admin panel of the Magento cart popup extension and the coupon division will be visible on the front pop-up cart. Enter the coupon code in the input field of the Magento Ajax Cart Extension and click on the “Apply” button.

To send mail for any help or suggestions, click on the “Send Email” option. A window will open, from where the user can send email to the admin.

Watch the video tutorial of Magento Ajax Cart Extension here:

Click here for Admin Demo of Magento Ajax Cart Extension and Front Demo of Magento Ajax Cart Extension.

OpenCart Mailigen Integrator – User Manual

Opencart Mailigen Integrator

Opencart Mailigen Integrator is an open-cart plug-in that allows you to automatically synchronize email addresses of customers of your store with your Mailigen account. This plugin will synchronize the emails of users even if they opt out of subscribing to the newsletter. Opencart Mailigen Integrator will provide multiple settings to store owners like synchronizing the customer email as soon as the user enters it in an email field. Opencart Mailigen Integrator can also be configured to synchronize emails from third party email fields on the store.

User Manual

This User Manual will guide you through the Admin Module/Store Front settings and various features of the this Opencart Mailigen Integrator.

Admin Panel

The admin panel have 2 tabs for configuring this plugin, as listed below:

  • General Settings
  • Mailigen Settings

General Settings

General Settings tab have following options:

  • Enable/Disable : In this General setting’s tab of Admin panel , Admin will have the option to Enable/ Disable the plugin. This is the global enable switch. On switching this on, the entire module is switched on and similarly switched off on turning it off.
  • Synchronize Email on Blur From Input Field : This option when enabled , module will synchronize the email id on the javascript blur event of email field irrespective of the fact if the user have submitted the form or an error occurred in form submission.
  • Synchronize Email from Checkout page : This option when enabled , module will synchronize the email field values from the checkout page when user fills ‘billing Details’ and click ‘Continue’. Email id will be synchronized even if customers choose not to subscribe to the newsletter.
  • Synchronize Email from Registration page : This option when enabled , module will synchronize the email field values from the Registration page. Email id will be synchronized even if customers choose not to subscribe to the newsletter
  • Third-party Selectors : This option features a text area that will be hidden and for developer purpose only. This input will be used to synchronize emails from the fields with the given selectors. This option is to synchronize emails from the non-default email fields. This text area will be used to collect comma-separated selectors of the email fields that the user wants to synchronize emails from. The purpose of this field is to enable admin to make module compatible with other newsletter forms which are coming because of theme or third party module.

Mailigen Settings

The Mailigen Settings tab will  provide users the interface to provide their Mailigen account credentials so that API connection can be made.

  1. Mailigen API Key : Mailigen API key is the key that the user created on his Mailigen account at www.mailigen.com. This API key will be used to connect to the Mailigen API.
  2. Mailigen Lists : Mailigen lists are those lists that the user has created in his Mailigen account at www.mailigen.com . Mailigen Lists will be available only when a valid Mailigen API key  is provided.

NOTE : If the Mailigen Setting fields > Mailigen API key field is empty then no lists will be shown , but an error message will be shown instead saying ‘No lists available for these credentials’.

Front End

Newsletter Subscription

Whether the customer opts for the newsletter subscription or he do not , In both the cases customer is automatically added to the lists configured in admin panel when clicked on continue.

Registration Page

if the ‘Add module on  Registration Page’ setting is enabled in Admin panel, Then customer will also be added to the configured lists on registration page whether or not he/she chooses the option to subscribe to newsletter.

Checkout Page

If the ‘Sync Email from checkout page’ is enabled in admin panel,  then on the Checkout page , customer’s email address will be synchronized to the configuration lists , neglecting the fact if the user is logged on in or a guest user.

For logged in customers :

For the logged in customers , If the ‘Sync from Checkout page’ is enabled in admin panel, then on the checkout page, Customer’s email address will be synchronized to the mailigen  configuration lists as soon as the customer ‘Confirm’ the ‘ Billing Details ‘.

For Guest Users:

For Guest users (users that are not logged in ) , if the ‘Sync Email from checkout page’ and ‘Sync Email on Field Blur’ is enabled in admin panel, then on the Checkout page , customer’s email address will be synchronized to the mailigen configuration lists as soon as the user fills his email address in email field of ‘ Billing Details ‘.

If the ‘Sync Email on Field Blur ‘ is disabled in admin panel, then the entered email will be sent to the configuration lists when the user click on ‘continue’ at the ‘Billing Details’ section of the checkout page.

For Users Registering on Checkout Page

For Guest users (users that are not logged in ) and who want to register , if the ‘Sync Email from checkout page’ and ‘Sync Email on Field Blur’ is enabled in admin panel,  then on the Checkout page , customer’s email address will be synchronized to the mailigen configuration lists as soon as the user fills his email address in email field of ‘ Account & Billing Details ‘.

If the ‘Sync Email on Field Blur ‘ is disabled in admin panel, then the entered email will be sent to the configuration lists when the user click on ‘ Register ‘ at the ‘Account & Billing Details’ section of the checkout page. The email will be sent to the configuration list of mailigen account irrespective of the choices the user made about the subscription to the newsletter.

Installation Manual

  • Download the Opencart Mailigen Integrator package.
  • Unzip the package, and open the /upload folder  and upload the contents of upload folder  via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/). Folder structure for opencart Mailigen Integrator plugin is shown in the image below:
  • You will be able find the Opencart Mailigen Integrator module that is ready to be installed in the “Modules List” in your Opencart store as shown below.

  • Click on the Install link to install. Once the module is installed properly the ‘’ link will be converted to ” and the ” button will be enabled.

Related Stories:

OpenCart Exit Popup Extension – User Manual

OpenCart Exit PopUp Module

Introduction

OpenCart Exit Popup is an addon which when enabled shows a popup in the front website whenever the customer tries to leave the web page from the upper side. The front popup values and functionality can be changed from the admin panel. Admin can also set the cookie life to make the popup disabled for the given amount of time on a same device. The text can also be changed from the admin panel.

Installation

Follow the following steps for installing Exit Popup Module:

  • Download the extension package.
  • Unzip the package on your root folder of Opencart setup via FTP manager (like Filezilla or WinSCP – download here).
  • In Admin Panel go to “Extensions > Modules > Exit Popup>Install”.

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

User Manual

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

Admin Module

The Admin Module contains these 7 tabs for settings and view.

  1. General Settings
  2. Display Settings
  3. Look and Feel Settings
  4. Discount Settings
  5. Email Marketing
  6. Email Settings
  7. Statistics

All the information provided below is for the case if Admin has only one store.

In case of more than one store, drop down of store list will be seen. Admin can change store and can set different settings for different store front.

After changing store, settings or values of selected store will be visible.

All the functionality will be same no matter if anyone have 1 store or many. All you have to do is just select the store and save the settings accordingly.

1. General Settings 

The General Settings has the following options:

  • Status: This option will enable or disable the complete functionality of the OpenCart Exit Intent popup module.
  • Email Recheck: This option will enable or disable the email recheck functionality of the store. If enabled, no same email address is provided discount voucher more than one time.
  • Popup Title: With this option, you can set the desired title for the exit intent popup in English or French language.
  • Discount Information: You can set any discount information which will be shown over the exit intent popup.

  • Sub-title Text: This field will set the title for the discount or email subscription popup.
  • Popup Display Interval: You can set a fixed time interval (in days) after which the responsive exit popup will be shown to the same user.
  • Custom CSS: This option allows you to include additional CSS code from the backend of this module.
  • CMS Page for the Conditions of use: Using this option, you can set the desired CMS page on which user is redirected when they check the Conditions of use.

2. Display Settings 

  • Minimum Screen Size: This option sets a minimum screen size to display exit popup on frontend.
  • Maximum Display Frequency: This option lets you show the exit popup on frontend after the specified time.
  • Hide Popup After: This option lets you choose the time interval after which the exit popup will hide automatically.
  • Set Time Interval: Using this option, you can set a specific date range when you want to display the exit popup on frontend.
  • Where to Display: This option will let you choose the page where you want to display the exit popup on frontend.
  • When to Display: This option allows you to set display time after which the exit popup will be shown on the frontend to users. The options include immediately, after some time, after scroll down percent, or upon exit.
  • GEO Location: With this option, you can select the countries where you want to show/hide the exit popup to users.

3. Look and Feel Settings

The Look & Feel settings is to change the colors of popup window. It has the following options:

  • Theme: This option allows you to select the theme you want to apply for an exit popup.
  • Select the theme to see a preview: Select the theme you want to check the preview.

You get five pre-defined templates for exit popup as shown below.

Theme 1:

Theme 2:

Theme 3:

Theme 4:

Theme 5:

 

4. Discount Settings

The discount which is offered using OpenCart exit pop extension can be configured with the listed settings:

  • Generate Coupon: If generate coupon type is set to “Fixed Code”, a fixed code is sent to every customer with fixed discount value.
  • Coupon Code: Using this option, you can specify the fixed coupon code which is sent to all the customers. This coupon is generated at the backend under the Coupons section.

This fixed coupon code has a unique code value, discount value, validity period and status(enabled/disabled). You can change these details under the Coupon section of Marketing Tab at the backend as shown below.

The second way to offer a discount is by generating a new coupon code for every user.

  • Generate Coupon: If generate coupon mode is selected to “New code each time”, then new coupon code is generated each time for every new user.
  • Discount Amount Type: This option allows you to select the coupon discount type as Fixed or Percentage. Percentage discount will be deducted from the total cart balance by given percentage. Another option is Fixed amount. The fixed amount will be deducted from the cart.
  • Discount Amount: Using this option, you can specify the discount which you want to offer to your customers through the exit popup. This discount can be a fixed value or a percentage value.
  • Threshold Amount: This option allows you to set a minimum cart amount which is required to use the discount voucher. The coupon will not work if the cart amount is less than the Minimum Cart Amount.

 

5. Email Marketing Settings

Email Marketing settings involves the following options:

  • Enable MailChimp: Enable or disable MailChimp Integrator services for your eCommerce website.
  • MailChimp API Key: With this option, you can set the API key for connecting with the MailChimp account.
  • MailChimp List: This option shows you the fetched lists connected with the particular MailChimp account. You can select one out of those lists.
  • Enable Constant Contact: This option allows you to enable or disable the Constant Contact integration service. The process is similar for this email marketing service. You have to set the API key, Token, and lists associated with that account.

6. Email Template Settings

Under this section of the OpenCart Exit Intent Popup module, you can configure the discount email sent to the customers. This includes the following options:

  • Coupon Display Options: This option will set the location where you want to show the discount coupon code: over popup or email. The discount coupon can be shown on exit popup, discount email, or both.
  • Email Subject: With this option, you can set the subject for the discount email.

 

  • Email Content: This option allows you to set the content of the discount email. You can add as much text, images or links in the email content.
  • Test Email: With this option, you can set a test email address which can be used for testing purposes.

7. Statistics

The Statistics feature of Opencart Exit popup extension allows you to check the coupon details in tabular and graphical format. You can see the number of visitors, Visitor stayed, Visitors not stayed, coupons generated, coupons used. You can use filters to filter the data which is getting displayed. By default all data of 8 days is shown.

  • Date Range Filter: In this filter, there are two date pickers and one filter button in visitor statistics. From date and to date are given using date picker and when the Filter button is clicked, all the data between those two dates is shown. If From date is greater than To date than message will be displayed “No Data Found for specified date”.

In Coupon statistics there is one filter and a filter button. Total 7 days stats can be seen.If admin selected date 2016-01-01. Then stats will be from 2015-12-26 to 2016-01-01.

Store Front

After enabling this plugin the Popup is shown in the front website whenever the customer tries to leave the web page from the upper side.

The module at the front-end appears as follows:

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

A coupon is generated and the success message is shown in the popup window and an email is sent to the provided email id containing coupon code, Coupon value in percentage or fixed amount and validity.

If user has already claimed coupon then a failure message will be seen.

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.

OpenCart Better Thank You Page Extension- User Manual

Introduction

Opencart Better Thank you page is a plugin which when enabled makes the order confirmation page look better than the previous OpenCart Order Confirmation page.

Through this Opencart Better Thank You Page plugin, Admin can show three different blocks at order confirmation page:-

  1. Products Block: All the related products which the customer might be interested to buy can be shown.
  2. Discount Block: In this block of the Opencart custom thank you page plugin, discount coupon code will be shown which can be applied for next purchase.
  3. Advertisement Block:  In this block of the Opencart custom success page module, banner can be shown for advertisements.

Installation

Follow the following steps for installing “Better thank you page” Module:

  • Download the extension package.
  • Unzip the package on your root folder of Opencart setup via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).
  • In Admin Panel go to “Extensions > Modules > Better Thank You Page>Install”.

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

User Manual

This User Manual Guide users through the Admin Module/Store Front settings and features of the Better Thank You Page Module.

Admin Panel Settings

Admin Panel Settings of the Opencart success page extension contains the 4 tabs for settings:

1. General Settings

The General Settings of this Opencart module by Knowband has following options:

  • Enable/Disable: This option of the Opencart Better Thank you page plugin allows user to enable or disable the plugin. Switch it on to enable the Opencart module.
  • Show Order Id: Enable this option of the Opencart custom thank you page module to show Id to customers at order success page.

2. Products Settings

After clicking on the products settings tab of the Opencart custom success page module, the below screen appears. It has following options:

  • Show Related Products: Enable this option of the Opencart success page extension to show related products block at the order success page. All products related to products ordered by customer will be shown here.
  • Product Block Position: It decides the sort order in which Related Products Block will be shown on screen with respect to Discount and Advertisement section.
  • Text Message: Here HTML or any text message can be added to show at the end of all 3 blocks.

3. Discount Settings

After clicking on the discount settings tab of the Opencart Better Thank you page module by Knowband, the below screen will appear. It has the following options:

  • Enable: By enabling this option of the Opencart module, admin can generate discount coupon on every successful order. This coupon can be used only one time.
  • 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 percentage discount or fixed value discount. Coupons will be generated as per this setting of the Opencart custom thank you page plugin.
  • Discount Value: Here, in thsi field of the Opencart custom success page module, the admin can set discount value of coupon based on discount type. For Percentage type discount, discount value can be in between 1 to 100.
  • Discount Period: In this field of the Opencart success page extension, the admin can set the validity of coupon generated at successful checkout.

4. Advertisement Settings

After clicking on the advertisement settings tab of the Opencart Better Thank you page, below screen appears. It has following options:

  • Enable: If admin enables this option of the Opencart custom thank you page, then he/she can upload any banner or picture to be displayed as advertisement on the order confirmation page.
  • Banner 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: This field of the Opencart custom success page module by Knowband allows the admin to 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.

5. Store Front

After enabling this Opencart success page extension the order confirmation box of the front end will be changed and a new order confirmation page will appear with the features of the back-end settings done in the better thank you page.

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

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

Admin Demo:
https://ocdemo.knowband.com/2.0/admin/index.php?route=module/btyp&token=7f45e8b4986f806a3e445643cb4a622c

Front Demo:
https://ocdemo.knowband.com/2.0/

Magento One Click Checkout(Buy Now) Extension- User Manual

Introduction of Magento One Click Checkout (Buy Now) Extension

1.0 Introduction

The Knowband Magento one click checkout (Single Checkout) extension is a module which when enabled allows the online shoppers to buy product instantly without modifying their exiting cart. A new button “Buy Now” will be shown at product detail page. On clicking this button, the old cart will be hidden and the new product will be added to the cart for instant checkout.

On successful order confirmation, old cart will be resumed.

Old cart can also be resumed along with the new product, if after clicking on “Buy Now” button customer navigates to any other page.

This Magento Quick checkout extension will also provide an option to track the number of times the users clicked and bought from the “Buy Now” button.

Also, the Google analytic code can be inserted through this Magento single click checkout extension which will be helpful in Google tracking on click of “Buy Now” button.

1.1 How Merchant will benefit from Magento One Click (Single click) Checkout Extension?

  • The Magento quick checkout extension allows the store admin to adds a ‘Buy Now’ button on Product pages, clicking on which will directly take the user to the checkout page with only the current product in the cart.
  • The Magento one click checkout extension enables the store admin to customize the One click checkout (Buy Now) button if they require.
  • The Magento instant checkout extension allows the e-merchant to include the jQuery if required.
  • The Store admin can track the One click checkout (Buy Now) button clicks by adding the Google analytics script code.
  • With the help of the Statistics tab, the admin can view the visited product page and also the conversion mapping of those who clicked on “Buy Now” button and placed a successful order.
  • The Magento single button checkout extension boosts the direct sales.
  • The Online retailers have a chance to increase the conversion rate of the website.
  • With the use of this Magento one click checkout (Buy now) extension, the store admin can make the UI and UX of the site appealing and responsive.
  • This Magento instant checkout extension is easy to use.
  • This Magento single click checkout extension reduces the cart abandoned rate of the website.

1.2 How Customer will benefit from Magento One Click (Single click) Checkout Extension?

  • The Customer can easily make the checkout process without editing the old shopping cart.
  • The Online consumers will get a quick and hassle-free way to directly checkout.
  • The Online shoppers can checkout in a single click.
  • The Buyers always love the easy and fast checkout process.

2.0 Installation

After purchasing the Magento single click checkout extension, you will get the following files as listed below:

1. magentocustommaintenancepage.zip (contains source code of the extension)
2. User Manual

Follow the following steps for installing Magento One Click Checkout Module:

Download the Magento extension package.

1.Unzip the package on your root folder of Magento setup via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).

2. Copy all the files and folders of unzipped folder into your store root directory.

3. After copying all the files and folders, clear the cache.

4. Open any page of your store. Magento will install the module at the time of loading any page.

5. In the Admin Panel go to “System > Knowband Extensions > One Click Checkout”.

3.0 Extension Interface

There are two interfaces in this extension. Each interface has a different functionality according to its use. These interfaces are:

A.Admin Panel Interface (Only be accessible by admin/store owner)
B.Front End Interface (accessible to front end user)

Each interface has been described in separate section.

4.0 Admin Panel Settings

Admin Panel Settings contains the 3 tabs for settings.

4.1 General Settings

From here, Admin can enable/disable this plugin. Also look and feel of Button can be controlled here. Initially the fields in form will be already be filled with their default values.

Setting will have options as:-

  1. Enable/Disable: This option allows user to enable or disable the Magento one click checkout extension. By default this option will be disabled.
  2. Button Color: “Buy Now” Button color at product detail page of front end will be changed by this option.
  3. Button Text Color: “Buy Now” Button text color will be changed by this option.
  4. Include jQuery: This option allows us to include jQuery in our Magento single click checkout extension so that the module can work for other versions of the Magento also.

4.2 Statistics

From here the store owner 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. Statistics: Two pie charts will be shown here. There will be a filter to select the start date and the end date to create the pie chart.

a. Buy Now Interaction mapping: It will show mapping between the number of visitors to Product details page and number of visitors who clicked “Buy Now” Button.

b. Conversion Mapping: It will show mapping between No of clicks on “Buy Now” Button and no of order placed by this this options to show actual conversion rates.

5.0 Store Front

After enabling this Magento one click checkout extension, a new “Buy Now” button will be shown at product details page along with “Add To Cart” Button.

The Magento direct checkout extension at the front-end will appear as follows:

  • This “Buy Now” button allows user to order product instantly. On clicking “Buy Now” button, a new cart with this product will be created and it is redirected to checkout page.
  • On successful Order confirmation, 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.

You can try Knowband’s Magento One Click Checkout extension for on your Magento store. KnowBand’s Magento single click checkout module helps you increase customer engagement to your store and give the better user experience to your eCommerce customer. It also reduces the exit rate of the store by minimizing the checkout overhead involved in purchasing a single product. Moreover, the implementation of single button checkout feature doesn’t affect the product page design and layout. As the customer opts for a single buy, the existing cart items remain unaltered. Additionally, if the customer skips the single buy checkout, the product is automatically added to the cart.

Module Link: https://www.knowband.com/Magento-one-click-checkout

Admin Demo: https://mademo3.knowband.com/index.php/oneclickcheckout/adminhtml_index/index/key/3d77b3a591113336177dead9ce8e2016/

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

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

Magento 2 Autosubscribe – User Manual

Introduction

Knowband offers Magento 2 auto subscribe extension which allows the store admin to showcase an attractive subscription pop-up or subscription box on the eCommerce store. Now the e-merchant can get more email subscribers for sending the email newsletter. By showing an attractive subscription popup on the homepage the admin can improve the chances of more subscription. If you are an eCommerce store admin and want to get more email subscriptions then you can apply for this Magento 2 email newsletter extension. The advance feature of this Magento 2 Mail Chimp extension is that it can subscribe the store visitors while checkout or registration.

This module will let you add Email ID of the customers, automatically into your MailChimp and Constant Contact’s contact list as soon as they register themselves or checkout items at your online store. Visitors can also subscribe themselves through auto-subscribe box or through pop up that appears on the home page.

Features:

  • Easy to install and configure.
  • It is easy for the admin to activate this Magento 2 auto subscribe extension.
  • This Magento 2 email subscribe module is highly customizable.
  • There is no need to change codes for implementation.
  • You don’t need any technical help for applying this functionality.
  • The Magento 2 newsletter subscribe module allows the store owner to show subscription box on every page or selective pages.
  • There is an option in Magento 2 newsletter pop up to show subscription box in content or sidebar as per the requirement.
  • This Magento 2 module offers the admin to design form as per the requirement.
  • You can set the look and feel of this subscription box and subscription popup without any code changes.
  • The admin can set the subscription pop-up display interval from the admin panel.
  • The store admin can display a success message just after completion of subscription process.
  • This Magento 2 Mail Chimp extension supports MailChimp and constant contact API.
  • The Magneto 2 MailChimp extension automatically passes the email id information from the eCommerce store to the MailChimp/Constant Contact account.
  • The e-merchant can auto subscribe the store visitors while checkout, registration or guest checkout.
  • Fully customizable email templates are available for sending personalized emails.
  • The Magento 2 Mail Chimp extension offers a user friendly interface.
  • Magento 2 email subscription popup offers mobile responsive layout.
  • This email newsletter extension is theme compatible.

Installation Guide of Magento 2 Auto Subscribe

  1. Download the zip from our Magento Plugin Store & unzip it.
  2. Open the extracted directory & you will see following folder structure.

3. Create a folder {Magento root}/app/code/Knowband/Autosubscribe.

4. Copy the extracted content in the above folder.

5. Run the following command in Magento root

  • composer require constantcontact/constantcontact
  • composer require drewm/mailchimp-api

Enable Autosubscribe

Enable Autosubscribe Run the following commands in your terminal to enable autosubscribe plugin

  1. php -f bin/magento module:enable –clear-static-content Knowband_Autosubscribe
  2. php -f bin/magento setup:upgrade

Configure Autosubscribe

Log into your Magento Admin, then goto Stores -> Configuration -> Knowband -> Autosubscribe and configure the plugin as shown below:

User Manual

Prerequisites

Php version 5.6 or greater

To access the API of constant contact, one must use the php version equal or higher than 5.6 . Unless your server is running the required php version, you will not be able to successfully install this plugin.

MailChimp

Before you may use this module, you must have a valid account with MailChimp and one or more lists created into it. Note that, you must also have the access right to alter your email subscribers list. Below we have mentioned the data which plugin needs for successful installation –

API Key: In MailChimp, users with Manager permissions can generate and view their own API keys.

  1. Click your profile name to expand the Account Panel, and choose Account.
  2. Click the Extras drop-down menu and choose API keys.
  3. Copy an existing API key or click the Create A Key button.
  4. Name your key descriptively, so you know what application uses that key.

Constant Contact

You need to have a valid account with constant contact and one or more lists created into it. Note that, you must also have the access right to alter your email subscribers list. You will need to provide these for this module to work.

API Key: You can get API Key as follows

  1. Open the Constant Contact API Key Management Portal (powered by Mashery) https://constantcontact.mashery.com/
  2. Log in using your Mashery ID or create one by clicking “Register” for a user account.
  3. Click the API Keys tab.
  4. Click Get API Keys.
  5. Fill out the Constant Contact Registration Application.
  6. Click Register Application.

Enter the app details on registration form as shown below:

Check the I agree to terms of service and click Register Appliation as shown below:

After successful registration, API-Key will be shown as follows:

Access Token: To get access token. Click API Tester, enter you API Key and click Get Access Token as shown in the screenshot below:

In case you are still facing problem with getting your API Key and Access Token, please follow the instructions as mentioned in link https://developer.constantcontact.com/api-keys.html

Admin Settings

To access Autosubscribe plug-in, go to Stores -> Configuration -> Knowband -> Autosubscribe

Store admin will have various settings options categorized as follows:

Subscriber Box Settings

Admin can customize the subscription box to be displayed in store front by using the following settings option available.

Enable/Disable: Admin can choose to enable or disable the subscription box by turning this button on or off. One cannot view subscription box on front.

Visible on Pages: Admin can choose whether the subscription box should be visible on all pages or specific pages. On selecting specific page user will be shown a list of pages from which user can select.

Position: Admin can select the position of box. We can show the box either on main content box or in the sidebar.

Title Text: Admin can enter the text to be shown for the title of box. By default, it is set to “Subscribe”.

Curve Borders Value: You can enter the radius for curve borders. This value will be applied to the four corners of the subscription box on front.

Box Border Width: You can set the border width for box.

Description: You can enter the text for describing to visitors, the advantages of subscribing to your email list here.

Button text: You can change the text for button in this text box.

We have also added the code snippet of module in case admin wants to add the subscription box manually on CMS or any other page.

Color Scheme

We have added the color picker option to set the background color and text color for different sections of subscription box.

Pop up Settings

Admin can customize the pop up box too. If this box is enabled then it will show on home page only.

Enable/Disable Pop up:  Admin can choose to enable or disable the pop up display on home page.  One cannot view subscription pop up on front until this is enabled.

Pop up Image: Admin can choose to show any image on the pop up box, or choose to not show any image at all.

Show pop up again in (days): You can choose the duration (in days) for which the pop up will not reappear from the day the pop up appeared first time on a user’s system. If you want pop up to appear only once in a lifetime, type in a large number of days, for say 999. If you want it to appear every time a user lands home page, you should choose to type value as 0.

Title Text: You can change title of your pop-up from this option.

Description Text: Description appearing on the pop up can also be customized by adding desired text .

Button Text:  Button text and its font color can also be set from admin panel.

Button background color: You can also change the background color of your button to go with your theme.

Display Success Message: Turning it off means that the moment a successful subscription takes place through this pop up, it will get automatically closed without showing any success message to the user. Turning it on will display a customized success message on the pop up box after successful subscription.

Success Message:  Here you must enter the text to be displayed and choose the desired color for the text.

Color Scheme: We have added the color picker option to set the background color and text color for different sections of popup box.

MailChimp

In this tab, admin can choose from the lists in his/her MailChimp account where emails should be added. Initially the Default List dropdown will contain “No options found”.

MailChimp API key: Admin needs to enter API key to fetch lists from his/her account. As soon as admin enters the key and clicks outside the text box or press enter button, request is sent and lists (if any) are fetched and displayed in a drop down box.

Constant Contact

In this tab, admin can choose from the lists in his/her Constant Contact account where emails should be added. IInitially the Default List dropdown will contain “No options found”.

Constant Contact API key: Admin needs to enter API key. As soon as admin enters the key and clicks outside the text box, request is sent and lists (if any) are fetched and displayed in a drop down box.

Constant Contact Access Token: Admin needs to enter access token along with API Key. As soon as admin enters the token and clicks outside the text box, request is sent and lists (if any) are fetched and displayed in a drop down box.

Auto Subscribe Events

Auto-subscribe events are the events on which the users can be subscribed to the configured lists in admin automatically. On such events, user will not be notified of being added to the subscription lists you have chosen in admin.

Register: Turn Register to ‘on’, if you want a user to be automatically added to your list on successful registration.

Checkout: Turn Checkout to ‘on’, if you want a user to be automatically added to your list on successful checkout.

Guest Checkout: Turn Guest Checkout to ‘on’, if you want a user to be automatically added to your list on successful guest checkout.

Email Settings

Email settings will be used to set the email template that will send to customer after successful subscription. Admin can disable/enabled the email if he don’t want to send the email to customer.

Store Front

Auto-subscribe Module

On the front end, users will have the option to subscribe themselves by clicking on subscribe button. The module will look like following screen with default settings.

In content section

In sidebar

Pop up

On the user’s end, pop up will appear something like this screen below, depending upon your chosen display settings.

To subscribe through this pop up, type in your email (required) and name (optional), and then click on the button below. On successful subscription, either the pop up will disappear automatically or a custom message provided by you in admin settings will start appearing on the pop up.

For more details about Magento 2 extensions visit Knowband store.

Knowband Magento 2 auto subscribe extension link.

Knowband Magento 2 email subscription popup admin demo link.

Knowband Magento 2 MailChimp extension front demo link.

Magento 2 email subscribe user manual link.

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