This repository contains several examples showing you how you can embed Iorad tutorial builder right in the heart of your chosen online Knowledgebase system.
Iorad Web Widget can be easily installed by help center admins. Agents can create iorad articles/tutorials using Iorad straight from their Web Portal home page.
Currently, Iorad Web Widget only supports Fresh desk. In the future, we will replace the Zendesk Help Center Widget with Iorad Web Widget. We will also be looking at possibilities with desk.com.
- install NPM - Package manager for Node.js
- Install Grunt.js
[sudo] npm install -g grunt-cli
- Install Bower
[sudo] npm install -g bower
- Run
grunt install-bower-packages
- Run
grunt build-dev-js
- Run
grunt build-release-js
Only run this if you really wants to read a uglified javascript file :) So don't...
After you have successfully followed through the steps above, you will find IoradWebWidget-*.js in scripts/vendor/dist.
- Go to Helpdesk rebranding page - https://{your_domain}.freshdesk.com/account/edit
- Click on Customize Portal
- Click on the Layout & pages tab
- Go to Page layout editor
- Copy and Paste the source code below at the end of the Page Layout file.
{% if portal.user.is_agent %}
<script type="text/javascript" src="https://test.iorad.com/server/assets/bower_components/integrations/IoradWebWidget/dist/IoradWebWidget-{widget name}.min-0.0.1.js"></script>
{% endif %}
{% if portal.user.is_agent %}
<script type="text/javascript" src="https://iorad.com/server/assets/bower_components/integrations/IoradWebWidget/dist/IoradWebWidget-{widget name}.min-0.0.1.js"></script>
{% endif %}
coming soon.
This is a Freshplug that list all available categories and folders. When clicking on a create tutorial button, the Iorad page shows up. Upon closing the tutorial page, it is automatically added to a new article page in a selected folder.
- Go to Admin page - https://{your_domain}.freshdesk.com/admin/home
- Click on Integrations
- Click on the FreshPlugs tab
- Click New FreshPlug to create.
- Enter details such as Name and Description, copy and paste Iorad FreshPlug source code into Script field.
- Check Show the widget in ticket view page. option and Click Create and Enable to complete the installation.
- install NPM - Package manager for Node.js
- Install Grunt.js
[sudo] npm install -g grunt-cli
- Install Bower
[sudo] npm install -g bower
- Run
grunt install-bower-packages
- Run
grunt build-freshplug
To Install: (Assume Help Center is enabled.)
- Go to General Settings and enable Display unsafe content
- In Help Center, Click on Customize Design
- Click on Edit Theme to go to Help Center's Theme Editor.
- Click on the dropdown button and edit the Home page.
- Copy and Paste code from widgetLayout.html into the editor as shown below
<div class="knowledge-base clearfix"> <!-- Copy Iorad code here... --> {{category_tree}} </div>
- Click on the JS tab
- Copy and Paste JavaScript code from script.js into the location mentioned below.
$(document).ready(function() {
... some existing code
// Iorad starts here.
});