Days
Hours
Minutes
Seconds
x

Froala Editor v4.2.0 is Here LEARN MORE

Skip to content

License Activation

This tutorial covers how to activate your license. When you receive the license details from us, it will contain the following information:

  1. License Key: Encrypted license key which you will be adding in your application
  2. Product Details: List of products and modules associated with the license
  3. Expiry Date: Expiration date for the license key

In case you feel there is any discrepancy in the information, please contact the sales team: [email protected].

To activate your license follow these steps:

Download the latest version of Froala Charts: https://froala.com/charts/download/ Embed the library in your project. In case you don’t know how to use FusionCharts, refer to how to create your first chart. Add the license key to your project, especially where you have instantiated FusionCharts. In your case, the snippet would look like:

FroalaCharts.options.license({
    key: '<YOUR KEY>',
    creditLabel: false,
  });

You don’t have to provide a license every time you add or render a chart. You could provide the key one time on a global level (at web page or application level), and it will work. Make sure to set the creditLabel property to false.

Using CDN

If you are using the following Froala Charts CDN URL: https://unpkg.com/[email protected]/froalacharts.js, your application will be automatically upgraded to the latest version. And if you don’t provide the license key then the watermark will appear.

Using package.json

If you are following modern web development practices then most of your modules must have been defined in package.json. Especially in devDependencies or dependencies. If you have provided a range of versions to Froala Charts for example: { “froalacharts”: “^1.x” } then your application will be automatically upgraded to the latest version of Froala Charts whenever you run npm install or npm upgrade.

If you have CI and CD in implemented then you won’t even notice that the version has been upgraded and the watermark will appear. To avoid this, ensure that you have provided an unabridged version. For example your package.json should have { “froalacharts”: “1.0.0” }

Frequently asked questions

I did not upgrade but watermark has started appearing randomly

It could be because you have not provided absolute versions. Refer to the precautions section to resolve it. If the issue still persists then get in touch with our support team and we will try to resolve the issue ASAP: [email protected].

I’m an active customer but didn’t receive any keys. Where do I get them?

Please get in touch with our sales team to get the license keys and related information: [email protected].

My application is an on-premise intranet application and I don’t want any external communication for license validation, how does it impact me?

FusionCharts license validation is completely client-based. It does not communicate with any external servers to validate the license. Hence, you can keep using it without any issues.

I applied the keys as instructed but I still see the watermark. Who can help me?

If your doubts are still not resolved, then feel free to reach out to our support team: [email protected].

[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_477434355" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>
[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_1370796340" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>
[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_672651524" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>