Embedding rooms

You can embed a public, form filling, or custom room available via a shared link to your website so that the room will be accessible to anyone without authorization.

For public and form filling rooms, the shared link is enabled by default. If you want to embed a custom room, you should create a shared link first.

By default, a public or custom room will be available with View Only permissions, a form filling room will be available with Form Filler permissions. The permissions are applied to all the files in the room, for all non-authorized users. In a public or custom room, you can additionally change the default Viewer permissions by selecting a different permission level for the link: Editor, Reviewer, or Commentator. This can be done on the room Info -> Contacts screen by clicking the View icon icon next to the Shared link.

  1. In the room menu, use the Info icon Info item.
  2. Switch to the Contacts screen.
  3. For a public or form filling room, proceed to the next step. For a custom room, use the Create and copy option in the Shared links section.
  4. Click the Options icon icon next to the Shared link.
  5. Choose the Embed option. The Embedding settings panel will open.
  6. Add the website URL for embedding to the allow list: click the allow list link to switch to the DocSpace Settings -> Developer Tools -> JavaScript SDK -> Enter the address of DocSpace to embed section, paste the link to your website and press the + icon.
  7. Adjust Display settings: customize the size in the Width and Height fields by entering the required values measured in % or px.
  8. Select Interface elements: uncheck Title and/or Search, Filter and Sort if you want to disable these elements.
  9. Copy the embedded code by clicking the Copy button.
    EmbeddingEmbedding
  10. Insert the copied code into your website's index.html file.

The room will be available to all visitors of your web page with the specified access rights.

If you want to embed the whole DocSpace into your application or find more embedding options to customize them manually (for example, select interface elements to display), please use the DocSpace Settings -> Developer Tools -> JavaScript SDK sections. Read the instructions.

Host ONLYOFFICE DocSpace on your own server or use it in the cloud

Article with the tag:
Browse all tags