Product Help Documentation - NopAdvance

NopAdvance Store

Plugin Guide - Content Delivery Network (CDN)

Buy Now

Configure

Once you click on the configure menu item, it will display the configuration page as shown in the image below. 

 content delivery network configure page

The settings from the configuration page are explained below:

  • Enabled Image URL: Select this setting to enable the CDN plugin for delivering images via CDN on your nopCommerce website store.
    • Image URL: You need to paste the CDN Provider URL from where images of the store will be displayed.
  • Enable CSS URL: Select this setting to enable the CDN plugin for delivering CSS via CDN on your nopCommerce website store.
    • CSS URL: You need to paste the CDN Provider URL from where the CSS of the store will be displayed.
  • Enable JavaScript URL: Select this setting to enable the CDN plugin for delivering the script via CDN on your nopCommerce website store.
    • JavaScript URL: You need to paste the CDN Provider URL from where the script of the store will be displayed.

ImageKit.io Example

Image Kit CDN is a global, secure, and reliable CDN provider mainly used for all the content delivering websites as well as for those who want to improve their website performance. This section covers a step-by-step guide to configuring Imagekit.io with our CDN plugin in your nopCommerce store.

 STEPS TO CONFIGURE TAWK.TO

  1. After you have installed and enabled the CDN plugin in your nopCommerce website, please see the steps below to continue to configure imagekit.io to enable CDN on your website.
  2. If you don't already have an account with imagekit.io then you can create a free account on imagekit.io by clicking on this link.
  3. While creating your Imagekit account you will get an imagekit ID as shown in the image below. You can also customize the URL as per your requirement. 

content delivery network imagekit io

  1. Once your account is created you can now go to the External storage section from the menu. Click on add new for creating your website folder in the image kit as shown in the image below. 

content delivery network imagekit new origin

  1. Save the folder in External storage
  2. Then the next step is to add the URL endpoint in the image kit. You can find the URL endpoint below External Storage in the menu section. 
  3. Click on URL endpoints and then click on Add new. Add the details of your website as shown in the image below. 

content delivery network imagekit add new url endpoint

  1. In the Image Origin Preference section, select your site for the list as shown in the image below, and then click Save. 

content delivery network imagekit add new url endpoint

  1. If you miss copying the CDN URL at the login section. You can copy the link for the URL endpoints as shown in the image below.

content delivery network imagekit add new url endpoint

  1. Once you have copied the Imagekit URL, you can now paste it into the Image URL, CSS URL, and JavaScript URL. As shown in the image below. 

content delivery network configure page

  1. Click on the Save button. 
  2. You can now go to the public store and press right-click and click on inspect to confirm whether the Images, CSS, and JavaScript are coming from the Imagekit.io or not as shown in the image below. 

Content Delivery Network store