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