1. Aurigma Customer's Canvas 4.2.15
  2. Integration with E-commerce
  3. Integration with NopCommerce

Installing the NopCommerce Plugin

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 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.

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 > Plugins > 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 > Products > Edit > 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 topic.

You can verify that the plugin is enabled by navigating to Catalog > Products > Edit > Preview. As a result, a product page will appear as follows:

nopCommerce personalization settings.

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.

See Also

Manual