---
title: "Installing the NopCommerce Plugin"
canonical: https://customerscanvas.com/docs/cc4/installing-nopcommerce-plugin.htm
archived: true
applies_to:
  - product: "Customer's Canvas On-Premises"
  - product: "Design Editor"
    versions: ["4.4.25", "4.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 4.4.25, 4.x (may differ) · **Archived documentation**
 
Aurigma has implemented the Personalization plugin for nopCommerce 3.8, 3.9, and 4.0. At the moment, the current Customer's Canvas distribution does not include this plugin. Please contact info@aurigma.com for the actual version of this plugin.
 
**Note** 
To run the plugin, you need a deployed Customer's Canvas instance - either the [hosted or on-premises](https://customerscanvas.com/docs/cc4/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/cc4/deploying-application-to-windows-server-and-azure.htm.md).
 
#### To install the Personalization plugin
 
1. In the `<Your NopCommerce Folder>\Plugins\` folder, create the `Widgets.CustomersCanvas` subfolder and unzip the plugin to this subfolder.
2. Open the **Administration panel** of nopCommerce.
3. Navigate to **Configuration** &gt; **Plugins** &gt; **Local plugins**.
4. Click **Reload list of Plugins**.
5. Find the **Aurigma Personalization Plugin**, click the **Install** button, and then click **Configure**.
6. Change the **Customer's Canvas URL** to your instance URL and click **Save**.
7. Click the **Edit** button and verify that the **Is enabled** checkbox is selected.
8. In the upper-right corner, click **Restart application**.

## 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 **Customize** 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; **Personalization 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/cc4/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/cc4/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 **Customize**, 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, on the **Designs** tab, you can find both the preview and the URL that links to hi-res images.
 
![nopCommerce links to previews and hi-res.](https://customerscanvas.com/docs/cc4/images/nopCommerce_Designs.png)
 
## See Also
  
### Manual
 
- [Integration with E-commerce Overview](https://customerscanvas.com/docs/cc4/integration-with-e-commerce.htm.md)
- [Setting Up a Product](https://customerscanvas.com/docs/cc4/configuring-nopcommerce-products.htm.md)