Ampliar a interface do Google Workspace

Esta página descreve suas opções para estender a interface do usuário (UI) do Google Workspace. Você pode estender a interface do Google Workspace por vários motivos, incluindo:

  • Integrar seu app ou serviço ao Google Workspace para que os usuários possam usar o app diretamente em um ou mais apps do Google Workspace. Por exemplo, crie um complemento do Google Workspace que crie ícones inteligentes e visualizações de links para seu serviço no Google Docs.
  • Ajudar os usuários do Google Workspace a serem mais produtivos ou melhorar o fluxo de trabalho. Por exemplo, crie um app do Google Chat para os usuários enviarem planilhas de horas semanais diretamente do Google Chat.
  • Adicionar recursos que não estão disponíveis nativamente no Google Workspace. Por exemplo, adicione um menu personalizado no Google Docs, Planilhas ou Apresentações.

Você pode publicar a maioria das opções para estender a interface do Google Workspace no Google Workspace Marketplace, uma loja on-line em que os usuários podem encontrar e instalar apps de terceiros que se integram ao Google Workspace.

Visão geral das opções para estender a interface do Google Workspace

A tabela a seguir lista as opções para estender a interface do Google Workspace e as compara por estas características:

  • Apps estendidos: lista os apps do Google Workspace que podem ser estendidos com a opção especificada.
  • Opções de programação: lista as maneiras de criar, incluindo:
    • AppSheet: uma plataforma de desenvolvimento sem código.
    • Apps Script: uma plataforma de desenvolvimento de pouco código baseada na nuvem e em JavaScript.
    • Desenvolvimento completo: sua própria pilha de tecnologia que oferece suporte à linguagem de programação preferida.
  • Frameworks de UI: indica os tipos de frameworks de UI que você pode usar para criar cada opção, incluindo:
    • Baseada em cards: as interfaces de card são widgets e cards predefinidos criados com o Card Service usando Apps Script ou retornando JSON formatado corretamente para renderizar cards com sua tecnologia preferida (desenvolvimento completo). As interfaces baseadas em cards não exigem conhecimento de HTML ou CSS e funcionam bem em clientes de computador e dispositivos móveis.
    • HTML: o Apps Script oferece um serviço HTML para desenvolver páginas da Web que podem interagir com funções do Apps Script do lado do servidor. As interfaces desenvolvidas com o serviço HTML são altamente personalizáveis, mas exigem mais trabalho manual para criar uma ótima experiência do usuário.
    • iframe: os iframes incorporam conteúdo externo ao Google Workspace e oferecem a maior capacidade de personalização para interfaces do usuário.

A seguir, há descrições de cada opção.

O que você pode criar Visualizar Apps estendidos Opções de programação Interface baseada em cards Interface HTML Interface do iframe
Complementos do Google Workspace Exemplo de complemento do Google Workspace mostrando uma integração da barra lateral.
Logotipo do Gmail mostrando a disponibilidade da integração de e-mail. Gmail
Logotipo do Google Drive para suporte de armazenamento de arquivos. Drive
Logotipo do Google Agenda para extensão de app de agendamento. Agenda
Logotipo do Google Chat para integração de apps de mensagens. Chat
Logotipo do Google Docs para integração de edição de documentos. Documentos
Logotipo do Google Meet para integração de videoconferências. Meet
Logotipo do Google Planilhas para extensão do app de planilha. Planilhas
Logotipo do Google Slides para extensão do app de apresentação. Apresentações
Logotipo do Google Apps Script para opções de programação. Apps Script
Logotipo do Google Developers para opções de pilha completa. Full dev
Prévia de links e ícones inteligentes | Complementos do Google Workspace Exemplo de visualizações de links de complementos do Google Workspace mostrando ícones inteligentes.
Ícone do Google Docs para visualização de ícone inteligente. Documentos
Ícone das Planilhas Google para visualização de ícones inteligentes. Planilhas
Ícone do Google Slides para visualização de ícone inteligente. Apresentações
Logotipo do AppSheet para opções de desenvolvimento sem código. AppSheet
Logotipo do Google Apps Script para programação com pouco código. Apps Script
Logotipo do Google Developers para programação profissional. Full dev
Rascunhos de e-mail | Complementos do Google Workspace Exemplo de complemento do Google Workspace para rascunhos de e-mail no Gmail.
Logotipo do Gmail representando extensões de rascunho de e-mail. Gmail
Ícone do Google Apps Script para extensões de e-mail. Apps Script
Ícone do Google Developers para desenvolvimento completo. Full dev
Palco principal e painel lateral da reunião | Complementos do Google Workspace Os complementos do Google Meet fazem interface com a janela principal e o painel lateral.
Logotipo do Google Meet para integração de reuniões. Meet
Logotipo do Google Developers para reuniões de programação. Full dev
Apps do Google Chat | Complementos do Google Workspace Exemplo de app do Chat mostrando mensagens interativas no Chat.
Logotipo do Google Chat para extensões de chat. Chat
Logotipo do AppSheet para opções de app de chat. AppSheet
Logotipo do Google Apps Script para extensões de chat. Apps Script
Logotipo do Google Developers para chat full stack. Full dev
Videoconferência no Google Agenda | Complementos do Google Workspace Exemplo de interface de videoconferência da Agenda com um complemento do Google Workspace.
Logotipo do Google Agenda para recursos de videoconferência. Agenda
Logotipo do Google Apps Script para extensões do Google Agenda. Apps Script

Usa a interface atual

Complementos do editor Exemplo de complemento do editor mostrando a extensão do Google Docs.
Logotipo do Google Docs para editores de documentos. Documentos
Logotipo do Google Planilhas para editores de planilhas. Planilhas
Logotipo do Google Slides para editores de apresentações. Apresentações
Logotipo do Google Formulários para editores de formulários. Formulários
Logotipo do Google Apps Script para edição de planilhas. Apps Script
Funções personalizadas | Complementos do editor Exemplo de função personalizada mostrando o uso de fórmulas de planilha.
Logotipo do Google Planilhas para funções personalizadas. Planilhas
Logotipo do Google Apps Script para escrever scripts. Apps Script

Usa a interface atual

Macros | Complementos do editor Exemplo de macro mostrando etapas gravadas de automação de planilha.
Logotipo do Google Planilhas para criar macros. Planilhas
Logotipo do Google Apps Script para automatizar tarefas. Apps Script

Usa a interface atual

Menus, caixas de diálogo e barras laterais personalizadas | Complementos do editor Exemplo de menu e barra lateral mostrando a personalização da interface do editor.
Logotipo do Google Docs para barras laterais de documentos. Documentos
Logotipo do Google Planilhas para caixas de diálogo de planilhas. Planilhas
Logotipo do Google Slides para barras laterais de apresentação. Apresentações
Logotipo do Formulários Google para caixas de diálogo de formulário. Formulários
Logotipo do Google Apps Script para barras laterais. Apps Script
Apps do Google Drive Exemplo de app do Drive mostrando a integração do menu de arquivos.
Logotipo do Google Drive para acesso a arquivos. Drive
Logotipo do Google Developers para suporte full stack. Full dev

Usa a interface atual

Complementos do Google Sala de Aula Exemplo de complementos do Google Sala de Aula mostrando a interface de anexos de atividades.
Logotipo do Google Sala de Aula para ferramentas de educadores. Sala de Aula
Logotipo do Google Developers para integração com a sala de aula. Full dev

Tipos de integrações de apps

A seção a seguir explica os tipos de integrações de apps que você pode criar para estender a interface do Google Workspace.

Para compartilhar seu recurso com outros usuários do Google Workspace, você pode publicar uma página no Google Workspace Marketplace. Para saber quais tipos de integrações de apps podem ser listados juntos, consulte Listar integrações de apps em conjunto na documentação do Marketplace.

Complementos do Google Workspace

Exemplo de complemento do Google Workspace mostrando a integração do app na barra lateral.

Exemplo de complemento do Google Workspace mostrando a integração do app na barra lateral.

Os complementos do Google Workspace são aplicativos que se integram aos apps do Google Workspace. Um complemento pode estender vários apps do Google Workspace. Na maioria das vezes, o app é aberto em uma barra lateral no app do Workspace que ele estende.

Além de criar barras laterais, você pode criar os seguintes recursos para um complemento:

Consultar a documentação dos complementos do Google Workspace

Logotipo do Google Workspace Marketplace para publicação. Publicável



Opções de codificação:

Logotipo do Google Apps Script para codificação automatizada. Apps Script
Logotipo do Google Developers para desenvolvimento de software. Full dev

Estende os seguintes apps:

Logotipo do Gmail para integrações de apps de e-mail. Gmail
Ícone do Google Drive para integrações de arquivos. Drive
Ícone do Google Agenda para um app de agendamento. Agenda
Logotipo do Google Chat para ferramentas de conversa. Chat

Ícone do Google Docs para edição de documentos. Documentos
Logotipo do Google Meet para ferramentas de vídeo. Meet
Logotipo do Google Planilhas representando aplicativos de planilha. Planilhas
Ícone do Google Slides para apps de apresentação. Apresentações

Frameworks de UI disponíveis:

Ícone do framework de card para design de interface. Framework de card



Exemplo de prévia de link mostrando um ícone inteligente descritivo.

Exemplo de prévia de link mostrando um ícone inteligente descritivo.

Os complementos do Google Workspace que estendem o app Documentos podem criar prévias de links personalizadas de um serviço de terceiros. Assim como os ícones inteligentes que os Documentos geram para menções de uma pessoa, arquivo, evento da agenda ou outra entidade em um aplicativo do Google Workspace, um complemento pode gerar um ícone inteligente para um link de terceiros e mostrar um card de prévia quando alguém passa o cursor sobre o ícone.

É possível adicionar visualizações de link a complementos do Google Workspace ou criar um complemento separado especificamente para visualizações de link.

Conferir a documentação de prévias de links e ícones inteligentes

Logotipo do Google Workspace Marketplace para publicação. Publicável



Opções de codificação:

Logotipo do AppSheet para desenvolvimento sem código. AppSheet
Ícone do Google Apps Script para scripts de automação. Apps Script
Ícone do Google Developers para desenvolvedor full stack. Full dev

Estende os seguintes apps:

Ícone do Google Docs para ferramentas de extensão de documentos. Documentos
Ícone do Google Planilhas para a extensão da ferramenta de planilha. Planilhas
Ícone do Google Slides para extensão de ferramenta de apresentação. Apresentações

Frameworks de UI disponíveis:

Ícone do framework de card para componentes de UI. Framework de card



Rascunhos de e-mail

Exemplo de rascunho de e-mail mostrando uma interface de composição personalizada.

Exemplo de rascunho de e-mail mostrando uma interface de composição personalizada.

Os complementos do Google Workspace que estendem o Gmail podem fornecer uma interface personalizada quando o usuário escreve novas mensagens ou responde às mensagens atuais. Para usar essa interface, os usuários abrem o complemento no rascunho de e-mail, na parte de baixo ou no menu Mais opções.

Consulte a documentação de rascunhos de e-mail

Logotipo do Google Workspace Marketplace para publicação. Publicável



Opções de codificação:

Ícone do Google Apps Script para ferramentas de programação. Apps Script
Logotipo do Google Developers para desenvolvimento profissional. Full dev

Estende os seguintes apps:

Logotipo do Gmail representando a integração de e-mail. Gmail

Frameworks de UI disponíveis:

Logotipo do framework de card para sistema de design. Framework de card



Janela principal e painel lateral da reunião

Exemplo de complementos do Meet mostrando a colaboração na tela principal.

Exemplo de complementos do Meet mostrando a colaboração na tela principal.

Os complementos do Google Workspace que estendem o Meet permitem incorporar seu app à interface da janela principal ou do painel lateral de uma reunião. Assim, os usuários podem descobrir, compartilhar e colaborar no seu app sem sair do Meet.

Ao contrário de outros complementos do Google Workspace, os complementos do Meet não usam a interface do framework de cards. Em vez disso, incorpore o app usando um iframe.

Consulte a documentação do SDK de complementos do Meet

Logotipo do Google Workspace Marketplace para publicação. Publicável



Opções de codificação:

Logotipo do Google Developers para ferramentas full-stack. Full dev

Estende os seguintes apps:

Logotipo do Google Meet para videochamadas. Meet

Frameworks de UI disponíveis:

Ícone de iframe para aplicativo da Web incorporado. iframe



Apps do Google Chat

Exemplo de app de chat mostrando a interação de mensagens.

Exemplo de app de chat mostrando a interação de mensagens.

Os apps do Chat trazem recursos e serviços para o Chat. Você pode criar apps do Chat para interagir com os usuários de várias maneiras, incluindo:

  • Responda a comandos com uma mensagem de texto ou um card.
  • Abra uma caixa de diálogo para ajudar os usuários a concluir processos de várias etapas, como preencher dados de formulário.
  • Visualizar links anexando cards com informações úteis que permitem aos usuários realizar ações diretamente na conversa.

Acessar a documentação dos apps do Chat

Ícone do Google Workspace Marketplace para publicação de apps. Publicável



Opções de codificação:

Logotipo do AppSheet para criar apps sem código. AppSheet
Ícone do Google Apps Script para codificação de tarefas automatizadas. Apps Script
Logotipo do Google Developers para engenharia de software profissional. Full dev

Estende os seguintes apps:

Logotipo do Google Chat para extensões de conversa. Chat

Frameworks de UI disponíveis:

Ícone do framework de card para criar interfaces de usuário. Framework de card



Videoconferência do Google Agenda

Exemplo de videoconferência do Google Agenda mostrando a integração com eventos de reunião.

Exemplo de videoconferência do Google Agenda mostrando a integração com eventos de reunião.

Se você é um provedor de videoconferências, pode criar um complemento do Google Workspace que estenda o Google Agenda com sua solução de conferência. O complemento adiciona uma opção de videoconferência aos eventos da Agenda, permitindo que os usuários criem e participem dessas conferências diretamente na Agenda.

Consulte a documentação de videoconferências do Google Agenda

Logotipo do Google Workspace Marketplace para apps publicados. Publicável



Opções de codificação:

Ícone do Google Apps Script para atalhos de integração de videoconferência. Apps Script

Estende os seguintes apps:

Ícone do Google Agenda para configurações de sincronização de eventos. Agenda

Frameworks de UI disponíveis:

Usa a interface atual


Complementos do editor

Exemplo de complemento do editor mostrando recursos de extensão dos Documentos Google.

Exemplo de complemento do editor mostrando recursos de extensão dos Documentos Google.

Os complementos do editor são apps que ampliam os recursos dos Documentos, das Planilhas, das Apresentações ou dos Formulários. Os complementos do editor só podem estender um app por complemento, mas é possível publicar vários complementos do editor na mesma página do Marketplace. Os usuários abrem os complementos do Editor no menu Extensões do app em que eles são usados.

É possível criar os seguintes recursos para um complemento do Editor:

Consulte a documentação dos complementos do Editor

Ícone do Google Workspace Marketplace para publicação de software. Publicável



Opções de codificação:

Ícone do Google Apps Script para desenvolvimento de extensões do editor. Apps Script

Estende os seguintes apps:

Ícone do Google Docs para extensões de edição de documentos. Documentos
Ícone do Google Planilhas para recursos de automação de planilhas. Planilhas
Ícone do Google Slides para ferramentas de criação de apresentações. Apresentações
Ícone do Google Formulários para ferramentas de pesquisa e formulário. Formulários

Frameworks de UI disponíveis:

Ícone HTML representando o desenvolvimento de interfaces do usuário baseadas na Web. HTML
Ícone de iframe para incorporar conteúdo da Web externo. iframe



Funções personalizadas

Exemplo de função personalizada mostrando o uso de fórmulas do Google Planilhas.

Exemplo de função personalizada mostrando o uso de fórmulas do Google Planilhas.

Com as funções personalizadas, é possível adicionar mais funções no app Planilhas. Os usuários podem encontrar e usar essas funções da mesma forma que as centenas de funções integradas disponíveis nas Planilhas. É possível publicar uma função personalizada como um complemento do editor.

Consulte a documentação de funções personalizadas

Logotipo do Google Workspace Marketplace para opções de publicação. Publicável



Opções de codificação:

Apps Script

Estende os seguintes apps:

Ícone do Google Planilhas para automatizar tarefas de planilha. Planilhas

Frameworks de UI disponíveis:

Usa a interface atual


Macros

Exemplo de macro mostrando etapas gravadas de automação de planilha.

Exemplo de macro mostrando etapas gravadas de automação de planilha.

As macros são gravações nas Planilhas que duplicam uma série específica de interações da interface do usuário que você define. Você pode vincular uma macro a um atalho do teclado ou executá-la no menu Extensões > Macros.

Quando você grava uma macro, as Planilhas criam automaticamente uma função do Apps Script que replica as interações da interface. Você pode editar macros diretamente no editor de script do Apps Script. Você pode criar macros do zero no Apps Script ou transformar funções já escritas em macros. Uma definição de macro pode ser incluída em um complemento do Editor, mas não pode ser publicada.

Consulte a documentação sobre macros

Opções de codificação:

Logotipo do Google Apps Script para a funcionalidade de gravação de macros. Apps Script

Estende os seguintes apps:

Planilhas

Frameworks de UI disponíveis:

Usa a interface atual


Menus, caixas de diálogo e barras laterais personalizadas

Exemplo de menu personalizado mostrando opções de personalização da barra de ferramentas do editor.

Exemplo de menu personalizado mostrando opções de personalização da barra de ferramentas do editor.

Você pode adicionar menus, comandos, alertas e caixas de diálogo e barras laterais baseadas em HTML aos arquivos nos Documentos, Planilhas, Apresentações e Formulários Google como parte de um complemento do Editor. Os menus personalizados aparecem ao lado dos menus padrão do app que eles estendem. Caixas de diálogo, barras laterais, solicitações e alertas são ativados por ações do usuário, como cliques em itens de menu, ou por acionadores, como acionadores orientados a eventos.

Acessar a documentação de menus, caixas de diálogo e barras laterais personalizadas

Opções de codificação:

Ícone do Google Apps Script para desenvolver menus personalizados. Apps Script

Estende os seguintes apps:

Logotipo do Google Docs para integração de extensão de documento. Documentos
Ícone do Google Planilhas para extensões da barra lateral de planilhas. Planilhas
Logotipo do Google Slides para extensões da barra lateral de apresentação. Apresentações
Logotipo do Google Formulários para extensões de caixa de diálogo do formulário. Formulários

Frameworks de UI disponíveis:

Ícone HTML para criar interfaces do usuário personalizadas. HTML
Ícone de iframe para incorporar ferramentas da Web de terceiros. iframe



Apps do Google Drive

Exemplo do app Drive mostrando opções de abertura de arquivos.

Exemplo do app Drive mostrando opções de abertura de arquivos.

Se o app for compatível com arquivos do Drive, você poderá fazer a integração com a interface do usuário do Drive para apresentar o app como uma opção de criação ou abertura de arquivos. Seu app pode aparecer no menu Novo > Mais e no menu Abrir com quando um usuário clicar com o botão direito do mouse em um arquivo no Drive. Quando um usuário seleciona seu app em qualquer um dos menus, ele é aberto em uma nova janela.

Consulte a documentação dos apps do Drive

Ícone do Google Workspace Marketplace para descoberta de apps. Publicável



Opções de codificação:

Logotipo do Google Developers para criação de apps profissionais. Full dev

Estende os seguintes apps:

Ícone do Google Drive para integração de armazenamento de arquivos. Drive

Frameworks de UI disponíveis:

Usa a interface atual


Complementos do Google Sala de Aula

Exemplo de complementos do Google Sala de Aula mostrando anexos de atividades.

Exemplo de complementos da Sala de Aula mostrando anexos de atividades.

Com os complementos do Google Sala de Aula, os educadores podem criar anexos em atividades, avisos ou materiais. Esses anexos abrem conteúdo de terceiros em iframes no Google Sala de Aula. Os iframes abrem URLs separados, dependendo do tipo de usuário e do contexto do Google Sala de Aula.

Acessar a documentação de complementos do Google Sala de Aula

Logotipo do Google Workspace Marketplace para publicação de integrações. Publicável



Opções de codificação:

Ícone do Google Developers para integração de ferramentas de sala de aula. Full dev

Estende os seguintes apps:

Logotipo do Google Sala de Aula para ferramentas de fluxo de trabalho de educadores. Sala de Aula

Frameworks de UI disponíveis:

Ícone de iframe para conteúdo educacional da Web incorporado. iframe