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

Installing the NopCommerce Plugin

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 for the actual version of this plugin.

To implement a personalization workflow, this plugin uses additional editors based on the UI Framework. 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 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.

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

See Also

Manual