Custom Initialization

If you don't want WebReader to initialize and show when a user visits your website on default, you can leverage the Custom Initialization feature.

The Custom Initialization allows you to place a trigger anywhere on your website (e.g. beside the title of an article or in the footer). When a user clicks the trigger, the WebReader then initializes and shows up on your website. After the WebReader is initialized, users can toggle WebReader to show/hide with the trigger, too.

Let's get into how to set up a trigger for custom initialization:

Step 1 (the only step)

Simply assign any element (can be multiple) with the class nr-custom-trigger, and you are good to go!

Any element with the class will initialize the WebReader when users click.


If you do not want to create a trigger on your own, we also provide NR Trigger for you to use. NR Trigger looks like this:

Step 1

In your code, create a wrapper HTML element (e.g. DIV, SPAN) that can have HTML BUTTON appended to it.

Step 2

Assign class nr-trigger-placeholder to the wrapper you created in Step 1. Your NR Trigger is set!

For example:

If you need a demo, please visit the management console > Click "Get Code" of any widget > Custom Initialization > View Demo

Note: the Custom Initialization feature won't work if you use lazy-loaded elements as the triggers. An lazy-loaded element is an element that has its initialization deferred.