---
title: "Installing the NopCommerce Plugin"
canonical: https://customerscanvas.com/docs/cc6/installing-nopcommerce-plugin.htm
archived: true
applies_to:
  - product: "Customer's Canvas On-Premises"
  - product: "Design Editor"
    versions: ["6.15.0", "6.x (may differ)"]
---

**You’re viewing outdated documentation.** [View the latest Customer’s Canvas On-Premises documentation](https://customerscanvas.com/docs/on-premises/).

# Installing the NopCommerce Plugin

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
Aurigma has implemented the Personalization plugin for nopCommerce 4.3 and earlier (3.9, 4.0, 4.1, and 4.2). At the moment, the current Customer's Canvas distribution does not include this plugin. Please contact our [support team↗](https://customerscanvas.com/account/cases/add) for the actual version of this plugin.
 
To implement a personalization workflow, this plugin uses additional editors based on the [UI Framework](https://customerscanvas.com/docs/cc6/product-editors.htm.md). You can also request a zipped package of the UI Framework from our support team.
 
**Note** 
To run the plugin, you need a deployed Customer's Canvas instance - either the [cloud or on-premises](https://customerscanvas.com/docs/cc6/customers-canvas-hosted.htm.md) version will work. You can find step-by-step instructions on how to deploy the on-premises version on your server in the [corresponding topic](https://customerscanvas.com/docs/cc6/deploying-application-to-windows-server.htm.md).
 
## Installing the Aurigma Personalization Plugin
  
#### To install the Personalization plugin
 
1. In your nopCommerce account, click **Administration**.
2. In the **Administration panel**, navigate to **Configuration** > **Local plugins**.
3. Click **Upload plugin or theme** and upload the zip file with the plugin.
4. Find the **Aurigma Personalization Plugin**, click the **Install** button, and then click **Configure**.
5. Change the **Customer's Canvas URL** to your instance URL and click **Save**.
6. Click the **Edit** button and verify that the **Is enabled** checkbox is selected.
7. In the upper-right corner, click **Gears** > **Restart application**.

**Note** 
As an alternative to the third step, you can manually create the `Widgets.CustomersCanvas` subfolder in the `<Your NopCommerce Folder>\Plugins\` folder and unzip the plugin to this subfolder. After that, in the **Administration panel**, you can click **Reload list of Plugins** to display the plugin.
 
#### To install the Editors
 
1. In the **Administration panel**, navigate to **Plugins** &gt; **Personalization Plugin Editors**.
2. Click **Upload editor** and upload the zip file with the UI Framework.
 
## Verifying the Aurigma Personalization Plugin
  
To make sure that the installation was successful, you need to enable Customer's Canvas for a product and verify that the **Personalize** button, which opens the editor, appears near this product.
 
To enable the plugin, in the nopCommerce admin panel, navigate to **Catalog** &gt; **Products** &gt; **Edit** &gt; **Customization Settings**, select the config and version of the editor, and then click **Apply**. For more details, you can refer to the [Setting Up a Product](https://customerscanvas.com/docs/cc6/configuring-nopcommerce-products.htm.md) topic.
 
You can verify that the plugin is enabled by navigating to **Catalog** &gt; **Products** &gt; **Edit** &gt; **Preview**. As a result, a product page will appear as follows:
 
![nopCommerce personalization settings.](https://customerscanvas.com/docs/cc6/images/nopCommerce_ProductPreview.png)
 
In this screenshot, you can see that the **Customize** button is displayed for this product.
 
To verify the editing process, click **Public store** and select a product, click **Personalize**, click **Finish**, and then click **Approve**. You can see that the order has appeared in the basket. If you simulate a checkout, you can observe preview images and a link to the resulting PDF file.
 
When you open the order details in the admin panel, you can find both the preview and the URL that links to hi-res images in the **Customization settings** panel.
 
![nopCommerce links to previews and hi-res.](https://customerscanvas.com/docs/cc6/images/nopCommerce_Designs.png)
 
## See Also
  
### Manual
 
- [Integration with E-commerce Overview](https://customerscanvas.com/docs/cc6/integration-with-e-commerce.htm.md)
- [Setting Up a Product](https://customerscanvas.com/docs/cc6/configuring-nopcommerce-products.htm.md)