You can put client dashboards and reports on any page of your website by using dashboard embedding feature.
To setup embedding you should use an iFrame code generated by Octoboard and put it on any page of your website where you want to display client dashboards or reports. You can protect access to embedded dashboards easily by using a PIN security feature from Octoboard or implement your own login.
Embedded dashboards are fully white labeled - all references to Octoboard already removed. To your visitors and clients they will look like a neat feature of your website – a great looking data analytics technology. Octoboard will do all the heavy lifting on the background. All you need is generate iFrame code and put it on your website pages.
iFrame code is generated per Octoboard client. Go to LEFT MENU > CLIENTS > SELECT CLIENT > EMBEDDING TAB.
In embedding tab use the following configuration:
Access Type - specify the level of access you want to give to your clients. Viewer allows read-only access to dashboards, while Editor can modify dashboard configuration – change, remove, reposition widgets in dashboards.
Domain is an optional configuration. By specifying your domain, you will add security. It will guarantee that the generated iFrame code will only work when embedded in your website.
Display switch allows you to configure if you want to show reports, dashboards or both.
Secure access switch allows you to specify a 6-digit PIN code. Users can only see dashboards if they know and enter the PIN.
Language switch will set the language of the displayed dashboards and reports. This will affect timeframe labels. If you would like to change widget titles, you can always do so by modifying widget parameters (use widgets' Top-Left menu > Quick Switch option).
Once you have completed above actions you can copy the generated iFrame code to clipboard and paste it to your website html code.
iFrame code should be inserted anywhere in thepart of the html page.
USEFUL TIP: before embedding the code to your website test is using this public page https://tinyurl.com/try-embed. Paste generated iFrame code there, click "RUN" button and check the results. Before testing, make sure you clear “Domain” field above.
Your clients will see the very last dashboard or report in the list. You can always define which element will be displayed by default. Use drag-and-drop feature of reports and dashboards list to move default element to the bottom of the list.
For more information about sharing data in Octoboard, please read our tutorial Sharing data with clients and internal teams