Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

7 mayo 2024By Sergey

Puedes compartir archivos con usuarios externos incrustando todo el ONLYOFFICE DocSpace y sus componentes en cualquier interfaz web. Esta funcionalidad permite a los visitantes de tu sitio web interactuar con documentos sin salir de la página web o registrar su propia cuenta de DocSpace. Lee este artículo para saber más.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Preajustes de incrustación en ONLYOFFICE DocSpace

Proporcionamos preajustes configurados para que la incrustación de DocSpace sea fácil y flexible, sin necesidad de tener conocimientos especiales de programación. Esto es lo que puedes integrar en tu página web:

  • todo el DocSpace,
  • una sala pública,
  • editor,
  • visor,
  • selector de salas,
  • selector de archivos.

También está disponible el modo personalizado en caso de que quieras compartir una parte diferente de DocSpace. Vamos a ver cómo funciona.

Antes de incrustar DocSpace en una página web

Presta atención a estos sencillos, pero cruciales pasos. Permiten la incrustación de DocSpace en tu interfaz web y, por lo tanto, debes seguirlos.

Paso 1. En la pantalla de inicio de DocSpace, haz clic en los tres puntos junto a tu nombre y accede a la configuración de DocSpace.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Paso 2. En el panel de la izquierda, selecciona la opción Herramientas para desarrolladores.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Paso 3. Navega hasta SDK de JavaScript y presta atención a la sección Incrustar DocSpace como iframe.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Cómo elegir el preajuste de incrustación adecuado

ONLYOFFICE DocSpace ofrece varias opciones de incrustación con breves descripciones, para que tengas una idea de cada una.

DocSpace

Los usuarios podrán interactuar con todas las salas, archivos y configuraciones de todo tu espacio.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Sala pública

En las salas públicas de DocSpace, puedes invitar a los usuarios a través de enlaces externos para que puedan ver los archivos sin necesidad de registrarse. La edición y otras acciones que puedan afectar al contenido del archivo no están disponibles. También es posible proteger estas salas mediante contraseña.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Editor

Este preajuste incorpora un editor de textos, hojas de cálculo, presentaciones, formularios o archivos PDF para permitir la edición en la sala correspondiente.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Visor

Esta opción permite abrir cualquier tipo de documento para su visualización en la sala correspondiente. La edición y otras acciones que puedan modificar el contenido están prohibidas.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Selector de salas

El selector de salas permite acceder a cualquier sala de la lista de las disponibles. Los tipos de salas pueden ser diferentes.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Selector de archivos

Del mismo modo, el selector de archivos muestra una lista de archivos disponibles (o un botón que genera esta lista) y permite acceder a ellos.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Cualquier componente de DocSpace con ajustes personalizados

Esta opción permite cambiar elementos de la interfaz, como botones, encabezados, activar y desactivar el filtrado, la clasificación, la búsqueda, etc.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Cómo insertar código HTML o JavaScript en tu página web

El último paso después de elegir la configuración de DocSpace deseada será abrir la pestaña Código para insertar, copiar y pegar en el archivo index.html del sitio web.

Cómo incrustar ONLYOFFICE DocSpace y sus componentes en tu sitio web

Ahora tu DocSpace o sus componentes aparecerán en tu página web – como en el ejemplo abajo.

Fallback text

Intenta incrustar salas públicas en DocSpace tú mismo o crea una cuenta gratis si eres nuevo en ONLYOFFICE DocSpace.

CREAR CUENTA

¿Por qué incrustar DocSpace en tu sitio web?

Los desarrolladores que planean permitir la colaboración en documentos ofimáticos dentro de su servicio web consideran DocSpace por las siguientes razones.

  • Los visitantes del sitio web pueden ver e interactuar con documentos ofimáticos directamente en la página web (en lugar de descargar archivos adjuntos);
  • No es necesario instalar software adicional para examinar los archivos localmente: los documentos pueden abrirse literalmente en cualquier navegador web;
  • Los visitantes del sitio web pueden descargar, copiar e imprimir documentos compartidos (si estas acciones no están restringidas);
  • Los visitantes del sitio web no necesitan una cuenta de DocSpace para ver los archivos compartidos;
  • Se crea un área interactiva con carpetas que contienen documentos compartidos en tu sitio web;
  • Sin uso excesivo de enlaces en los que se pueda hacer clic;
  • Los materiales compartidos son más visibles entre el resto de contenidos.

DocSpace está disponible en la nube, así como en el entorno local para aquellos que deseen implementar la solución en sus servidores.