Some test text!

Overview
Documentation
All Products
Search
Downloads
Chat with us
Discord Logo
Hamburger Icon

Web / Guides / Setup viewer

Setting up WebViewer for real-time document collaboration

  1. Download the WebViewer SDK and unzip the package.

  1. Copy lib/ folder to a location on your web server.
  2. Create an HTML page.
  3. Add the WebViewer script to the <head> of the HTML page.
<script src="lib/webviewer.min.js"></script>
  1. Add necessary scripts server methods. In this guide, we are going to include Firebase library and a separate file named server.js
<script src="https://www.gstatic.com/firebasejs/3.5.3/firebase.js"></script>
<script src="server.js"></script>
  1. Add a script to initiate and use WebViewer.
<script src="main.js"></script>
  1. Create a <div> tag in the HTML <body> and give it an id. This will be the container for the WebViewer
<div id="viewer"></div>

Trial setup questions? Ask experts on Discord
Need other help? Contact Support
Pricing or product questions? Contact Sales