En esta página, se describen las opciones para extender la interfaz de usuario (IU) de Google Workspace. Puedes extender la IU de Google Workspace por muchos motivos, incluidos los siguientes:
- Integra tu app o servicio en Google Workspace para que los usuarios puedan usarlo directamente desde una o más apps de Google Workspace. Por ejemplo, compila un complemento de Google Workspace que cree chips inteligentes y vistas previas de vínculos para tu servicio dentro de Documentos de Google.
- Ayudar a los usuarios de Google Workspace a ser más productivos o mejorar su flujo de trabajo Por ejemplo, compila una app de Google Chat que permita a los usuarios informar hojas de horas semanales directamente desde Google Chat.
- Agrega funciones que no están disponibles de forma nativa en Google Workspace. Por ejemplo, agrega un menú personalizado en Documentos, Hojas de cálculo o Presentaciones de Google.
Puedes publicar la mayoría de las opciones para extender la IU de Google Workspace a Google Workspace Marketplace, una tienda en línea en la que los usuarios pueden encontrar y también instalar apps de terceros que se integran a Google Workspace.
Descripción general de las opciones para extender la IU de Google Workspace
En la siguiente tabla, se enumeran las opciones para extender la IU de Google Workspace y se comparan según estas características:
- Apps extendidas: Muestra una lista de las apps de Google Workspace que puedes extender con la opción determinada.
- Opciones de programación: Muestra una lista de las formas en que puedes compilar, incluidas las siguientes:
- AppSheet: Es una plataforma de desarrollo sin código.
- Apps Script: Una plataforma de desarrollo basada en la nube y con poco código basada en JavaScript.
- Desarrollo completo: Tu propia pila tecnológica que admite tu lenguaje de programación preferido.
- Frameworks de IU: Indica los tipos de frameworks de IU que puedes usar para compilar cada opción, incluidos los siguientes:
- Basadas en tarjetas: Las interfaces de tarjetas son widgets y tarjetas predefinidos compilados con el servicio de tarjetas mediante Apps Script o mostrando JSON con el formato correcto para renderizar tarjetas con tu pila tecnológica preferida (desarrollo completo). Las interfaces basadas en tarjetas no requieren conocimientos de HTML ni CSS y funcionan bien en clientes de computadoras de escritorio y dispositivos móviles.
- HTML: Apps Script ofrece un servicio de HTML para desarrollar páginas web que puedan interactuar con las funciones de Apps Script del servidor. Las interfaces desarrolladas con el servicio HTML son altamente personalizables, pero requieren más trabajo manual para crear una excelente experiencia del usuario.
- iFrame: Los iframes incorporan contenido externo a Google Workspace y ofrecen la mayor capacidad de personalización para las interfaces de usuario.
A continuación de la tabla, se encuentran las descripciones de cada opción.
| Qué puedes compilar | Vista previa | Apps extendidas | Opciones de codificación | IU basada en tarjetas | IU de HTML | IU de iframe |
|---|---|---|---|---|---|---|
| Complementos de Google Workspace |
|
Gmail  Drive
Calendario
Documentos
Hojas de cálculo
Presentaciones |
Apps Script
Desarrollo completo
|
|||
| Vistas previas de vínculos y chips inteligentes | Complementos de Google Workspace |
|
Documentos
Hojas de cálculo
Presentaciones
|
AppSheet
Apps Script
Desarrollo completo
|
|||
| Borradores de correos electrónicos | Complementos de Google Workspace |
|
Gmail |
Apps Script
Desarrollo completo
|
|||
| Conferencia de Calendario | Complementos de Google Workspace |
|
Calendario
|
Apps Script
|
Usa la IU existente |
||
| Complementos del editor |
|
Documentos
Hojas de cálculo
Presentaciones
Formularios |
Apps Script
|
|||
| Apps de Google Chat |
|
Chat
|
AppSheet
Apps Script
Desarrollo completo
|
|||
| Funciones personalizadas |
|
Hojas de cálculo
|
Apps Script
|
Usa la IU existente |
||
| Macros |
|
Hojas de cálculo
|
Apps Script
|
Usa la IU existente |
||
| Menús, diálogos y barras laterales personalizados |
|
Documentos
Hojas de cálculo
Presentaciones
Formularios |
Apps Script
|
|||
| Apps de Google Drive |
|
Drive
|
Desarrollo completo
|
Usa la IU existente |
||
| Complementos de Google Classroom |
|
 Classroom
|
Desarrollo completo
|
|||
Complementos de Google Workspace
Los complementos de Google Workspace son aplicaciones que se integran en las apps de Google Workspace. Un complemento de Google Workspace puede extender varias apps de Google Workspace. En la mayoría de los casos, la app se abre en una barra lateral desde la app de Google Workspace que se extiende.
Consulta la documentación sobre los complementos de Google Workspace
Publicable
Opciones de programación:
Apps Script
Desarrollo completo
Extiende las siguientes apps:
Gmail
Drive
Calendario
Documentos
Hojas de cálculo
Presentaciones
Frameworks de IU disponibles:
Marco de trabajo de tarjetas
Vistas previas de vínculos y chips inteligentes | Complementos de Google Workspace
Los complementos de Google Workspace que extienden Documentos pueden crear vistas previas de vínculos personalizados desde un servicio de terceros. De manera similar a los chips inteligentes que genera Documentos para las menciones de una persona, un archivo, un evento de calendario o alguna otra entidad en una aplicación de Google Workspace, un complemento puede generar un chip inteligente para un vínculo de terceros y mostrar una tarjeta de vista previa cuando alguien coloca el cursor sobre el chip.
Puedes agregar vistas previas de vínculos a complementos de Google Workspace existentes o crear un complemento de Google Workspace separado específicamente para las vistas previas de vínculos.
Consulta la documentación de vistas previas de vínculos y chips inteligentes
Publicable
Opciones de programación:
AppSheet
Apps Script
Desarrollo completo
Extiende las siguientes apps:
Documentos
Hojas de cálculo
Presentaciones
Frameworks de IU disponibles:
Marco de trabajo de tarjetas
Borradores de correo electrónico | Complementos de Google Workspace
Los complementos de Google Workspace que extienden Gmail pueden proporcionar una interfaz personalizada cuando el usuario redacta mensajes nuevos o responde a mensajes existentes. Para usar esta interfaz, los usuarios abren el complemento desde el borrador del correo electrónico, ya sea en la parte inferior del borrador o en el menú Más opciones.
Consulta la documentación de borradores de correos electrónicos
Publicable
Opciones de programación:
Apps Script
Desarrollo completo
Extiende las siguientes apps:
Gmail
Frameworks de IU disponibles:
Marco de trabajo de tarjetas
Reuniones de Calendario | Complementos de Google Workspace
Si eres un proveedor de conferencias web, puedes compilar un complemento de Google Workspace que extienda el Calendario de Google con tu solución de conferencias. El complemento agrega una opción de reunión para los eventos de Calendario, lo que permite que los usuarios creen y se unan a esas conferencias directamente desde el Calendario.
Consulta la documentación sobre las reuniones de Calendario
Publicable
Opciones de programación:
Apps Script
Extiende las siguientes apps:
Calendario
Frameworks de IU disponibles:
Usa la IU existente
Complementos del editor
Los complementos de editor son apps que extienden Documentos, Hojas de cálculo, Presentaciones o Formularios. Los complementos de editor solo pueden extender una app por complemento, pero puedes publicar varios complementos en la misma ficha de Marketplace. Los usuarios abren los complementos del editor desde el menú Extensiones en la app que extienden.
Puedes usar las siguientes interfaces para un complemento del editor:
- Una barra lateral junto a la aplicación que extiende.
- Un diálogo que se superpone a la app que se extiende
- Un elemento de menú que ejecuta una secuencia de comandos
- Una función personalizada en una hoja de cálculo de Google.
Ver la documentación de los complementos del editor
Publicable
Opciones de programación:
Apps Script
Extiende las siguientes apps:
Documentos
Hojas de cálculo
Presentaciones
Formularios
Frameworks de IU disponibles:
HTML
iFrame
Apps de chat
Las apps de Chat agregan recursos y servicios a Chat. Puedes diseñar apps de Chat para interactuar con los usuarios de muchas maneras, incluidas las siguientes:
- Responde a los comandos de barra con un mensaje de texto o de tarjeta.
- Abre un diálogo para ayudar a los usuarios a completar procesos de varios pasos, como completar datos de formularios.
- Obtén una vista previa de los vínculos adjuntando tarjetas con información útil que les permita a los usuarios realizar acciones directamente desde la conversación.
Ver la documentación de las apps de Chat
Publicable
Opciones de programación:
AppSheet
Apps Script
Desarrollo completo
Extiende las siguientes apps:
Chat
Frameworks de IU disponibles:
Marco de trabajo de tarjetas
Funciones personalizadas
Las funciones personalizadas te permiten agregar más funciones en Hojas de cálculo. Los usuarios pueden encontrarlos y usarlos igual que cualquiera de los cientos de funciones integradas disponibles en Hojas de cálculo. Puedes publicar una función personalizada como complementos del editor.
Ver la documentación de las funciones personalizadas
Publicable
Opciones de programación:
Apps Script
Extiende las siguientes apps:
Hojas de cálculo
Frameworks de IU disponibles:
Usa la IU existente
Macros
Las macros son grabaciones en Hojas de cálculo que duplican una serie específica de interacciones de IU que defines tú. Puedes vincular una macro a una combinación de teclas o ejecutarla desde el menú Extensiones > Macros.
Cuando grabas una macro, Hojas de cálculo crea automáticamente una función de Apps Script que replica las interacciones de la IU. Puedes editar macros directamente en el editor de Apps Script. Puedes escribir macros desde cero en Apps Script o tomar funciones que ya escribiste y convertirlas en macros.
Consulta la documentación de las macros
Opciones de programación:
Apps Script
Extiende las siguientes apps:
Hojas de cálculo
Frameworks de IU disponibles:
Usa la IU existente
Menús, diálogos y barras laterales personalizados
Puedes agregar menús personalizados, mensajes, alertas, y cuadros de diálogo y barras laterales basados en HTML a los archivos de Documentos, Hojas de cálculo, Presentaciones y Formularios. Los menús personalizados aparecen junto a los menús predeterminados de la app que extienden. Por lo general, los diálogos, las barras laterales, los mensajes y las alertas se activan mediante acciones del usuario, como los clics en los elementos de menú, o mediante activadores como los activadores basados en eventos.
Consulta la documentación de menús, diálogos y barras laterales personalizados
Opciones de programación:
Apps Script
Extiende las siguientes apps:
Documentos
Hojas de cálculo
Presentaciones
Formularios
Frameworks de IU disponibles:
HTML
iFrame
Apps de Drive
Si tu app admite archivos de Drive, puedes integrarla con la interfaz de usuario de Drive para presentarla como una opción para crear o abrir archivos. Tu app puede aparecer en el menú Nuevo > Más y en el menú Abrir con cuando un usuario hace clic con el botón derecho en un archivo de Drive. Cuando un usuario selecciona tu app en cualquiera de los menús, esta se abre en una ventana nueva.
Ver la documentación de las apps de Drive
Publicable
Opciones de programación:
Desarrollo completo
Extiende las siguientes apps:
Drive
Frameworks de IU disponibles:
Usa la IU existente
Complementos de Google Classroom
Los complementos de Google Classroom permiten que los educadores creen archivos adjuntos en trabajos de curso, anuncios o materiales del trabajo del curso. Estos archivos adjuntos abren contenido de terceros en iframes de Classroom. Los iframes abren URLs separadas según el tipo de usuario y el contexto de Classroom.
Consulta la documentación sobre los complementos de Classroom
Publicable
Opciones de programación:
Desarrollo completo
Extiende las siguientes apps:
Classroom
Frameworks de IU disponibles:
iFrame