Ligação ao Google Sheets através de uma aplicação personalizada

A extensão do Google Sheets é uma funcionalidade profissional

Desbloqueie o Google Sheets Addon e outras funcionalidades poderosas para fazer crescer o seu negócio.

Obter o WPForms Pro

Quer usar o nosso addon do Google Sheets com uma aplicação personalizada do Google em vez da aplicação do Google WPForms? A ligação ao Google Sheets através de uma aplicação personalizada é, por vezes, a melhor opção para programadores e utilizadores avançados.

Neste tutorial, vamos mostrar-lhe como usar o addon WPForms Google Sheets com a sua própria aplicação Google personalizada.

Requisitos:


Antes de começar, é necessário certificar-se de que o WPForms está instalado e ativado no seu site WordPress e que verificou a sua licença. Também é necessário inscrever-se numa conta Google, se ainda não tiver uma, e instalar e ativar o suplemento Folhas Google.

Nota: A ligação do WPForms a uma aplicação personalizada do Google só é recomendada para programadores ou utilizadores avançados. Se você não precisa de um aplicativo personalizado, consulte nosso guia para usar o complemento do Planilhas Google.

Ativar o modo avançado

Para começar, abra o seu painel de controlo do WordPress e aceda a WPForms " Definições. Em seguida, clique no separador Integrações.

separador "click-integrations

Em seguida, clique na integração do Google Sheets para expandir as suas definições.

clicar no google-sheets

Para começar a utilizar a ligação à aplicação Google, clique em Ativar o modo avançado.

ativar o modo avançado com um clique

Verá agora definições adicionais onde terá de introduzir informações do Google Cloud Platform.

definições avançadas de modo de ligação

Para encontrar essas informações, primeiro você precisa fazer login no Google Cloud Platform e criar um aplicativo personalizado. No entanto, recomendamos deixar as configurações do WPForms abertas em uma guia separada do navegador enquanto você cria seu aplicativo, pois você precisará acessá-las mais tarde.

Adicionar um novo projeto

Depois de ter iniciado sessão no Google Cloud Platform, clique em APIs e serviços.

click-apis-e-app-services

No ecrã seguinte, clique no menu pendente de projectos.

clique para selecionar um projeto

Depois disso, aparecerá uma sobreposição que mostra os seus projectos. Vá em frente e clique em NOVO PROJECTO.

clicar em novo projeto

Em seguida, é necessário adicionar um nome ao campo Nome do projeto. Recomendamos a utilização de um nome que o ajude a lembrar-se para que está a utilizar o projeto. No entanto, pode utilizar o nome que desejar.

Depois de adicionar um nome, clique no botão CRIAR.

adicionar-nome-do-projeto-e-clicar-criar

Depois de criar o seu projeto, clique novamente no menu pendente do projeto e selecione o seu projeto recém-criado, se ainda não estiver selecionado por predefinição.

clicar-projeto-dropdown

Ativação das APIs do Google

Agora que o seu projeto está criado, está na altura de ativar algumas APIs do Google. Para começar, clique em Biblioteca no menu do lado esquerdo.

biblioteca de cliques

Isto levá-lo-á para a Biblioteca API, onde terá de localizar e ativar 3 APIs diferentes: API do Google Drive, API do Google Sheets e API do Google Picker.

Escreva "API do Google Drive" na barra de pesquisa para localizar a API do Google Drive.

pesquisa-google-drive-api

Depois de localizar a API do Google Drive, clique no botão Ativar.

clicar em ativar-google-drive-ap

Em seguida, volte à biblioteca de API do Google e escreva "API do Google Sheets" na barra de pesquisa.

pesquisa-google-sheets-api

Depois de localizar a API do Google Sheets, clique no botão Ativar.

clicar para ativar a API das folhas de cálculo do Google

Por fim, regresse à biblioteca da API do Google e escreva "API do Google Picker" na barra de pesquisa.

selecionador de pesquisa-api

Depois de localizar a API do Google Picker, clique no botão Ativar.

click-to-enable-picker-api

Seleção de um tipo de utilizador

Agora que activou as APIs necessárias, clique no ecrã de consentimento do OAuth no menu do lado esquerdo.

click-oauth-consent-screen

No ecrã seguinte, terá de selecionar um Tipo de utilizador para a sua aplicação. Pode selecionar Interno ou Externo, dependendo de com quem pretende partilhar a sua aplicação.

Para o nosso exemplo, seleccionaremos Externo. Depois de ter feito a sua seleção, clique no botão CRIAR para continuar.

clique-criar-botão-oauth-consent

Nota: Não se esqueça de consultar a documentação do Google sobre tipos de utilizador para saber mais sobre utilizadores externos e internos.

Registar a sua aplicação

Depois de ter selecionado um Tipo de utilizador para a sua aplicação, será redireccionado para uma página para concluir o registo da aplicação. Terá de concluir uma série de passos para registar a sua aplicação, que abordaremos nas secções seguintes.

Adicionar informações da aplicação

A adição de informações sobre a sua aplicação é obrigatória e permite que os utilizadores saibam quem é e como o podem contactar.

Nos campos obrigatórios, certifique-se de que adiciona um nome de aplicação e um e-mail de apoio ao utilizador.

app-registration-name-and-support-email

Adicionar um domínio de aplicação

Desloque-se para baixo até à secção Domínio da aplicação e localize a secção Domínios autorizados. A partir daqui, clique no botão ADICIONAR DOMÍNIO.

botão-adicionar-domínio

No campo Domínio autorizado 1, terá de adicionar wpforms.com como domínio.

add-wpforms-domain

Nota: Você deve adicionar wpforms.com como seu domínio autorizado, ou seu aplicativo não conseguirá se conectar ao WPForms.

Adicionar informações de contacto do programador

Em seguida, adicione o seu endereço de correio eletrónico preferido na secção Informações de contacto do programador. A Google contactá-lo-á através deste endereço de correio eletrónico se houver alterações no seu projeto.

endereço de correio eletrónico do programador

Por fim, clique no botão GUARDAR E CONTINUAR para passar à etapa seguinte.

clicar em guardar e continuar

Adicionar âmbitos de aplicação

No ecrã seguinte, clique no botão ADICIONAR OU REMOVER PONTOS.

clicar em adicionar ou remover âmbitos de aplicação

No modal lateral que aparece, clique na barra de pesquisa denominada Introduzir nome ou valor da propriedade.

barra de pesquisa "enter-property-name-or-value

De seguida, pesquise cada um dos seguintes âmbitos:

  • https://www.googleapis.com/auth/userinfo.email
  • https://www.googleapis.com/auth/userinfo.profile
  • https://www.googleapis.com/auth/drive.file
  • https://www.googleapis.com/auth/spreadsheets

Terá de ativar cada um dos âmbitos acima referidos clicando na caixa de verificação do lado esquerdo.

clicar na caixa de verificação para ativar o âmbito

Depois de ativar os âmbitos necessários, clique no botão ACTUALIZAR localizado na parte inferior do ecrã.

clicar no botão de atualização

Em seguida, regressa ao ecrã Âmbitos, onde pode ver e gerir os âmbitos activados. A partir daqui, clique no botão GUARDAR E CONTINUAR para guardar as alterações.

clicar-guardar-e-continuar-escopos-ecrã

Adicionar utilizadores de teste

A Google terá de concluir o processo de verificação antes de os utilizadores poderem interagir com a sua aplicação. No entanto, pode permitir que utilizadores específicos testem a sua aplicação antes de esta ser verificada. Este passo não é necessário para a nossa configuração, pelo que vamos avançar para o passo seguinte clicando no botão GUARDAR E CONTINUAR.

clicar-guardar-e-continuar-o-teste-do-ecrã-dos-utilizadores

Revisão do registo da aplicação

O último passo do registo da aplicação é rever a sua configuração no ecrã Resumo. Se tudo parecer correto e corresponder às etapas deste tutorial, clique no botão VOLTAR AO PAINEL na parte inferior do ecrã.

botão de voltar ao painel de controlo

Publicar a sua aplicação

Agora que completou o registo da aplicação, terá de publicar a sua aplicação. Pode fazê-lo diretamente a partir do ecrã de consentimento do Oauth, clicando no botão PUBLICAR APLICAÇÃO.

click-publish-app

Depois de clicar no botão, será apresentado um modal com mais alguns passos para concluir o processo de verificação da aplicação do Google. Para confirmar, clique em CONFIRMAR.

clique para confirmar

Criar credenciais para a sua aplicação

O passo seguinte é criar credenciais para a sua aplicação. Para começar, clique em Credenciais no menu do lado esquerdo.

clicar-credenciais

Em seguida, clique em CRIAR CREDENCIAIS na parte superior do ecrã Credenciais.

clicar em criar credenciais

Depois disso, clique em ID do cliente OAuth.

select-oauth-client-id

Em seguida, clique na lista pendente Tipo de aplicação e selecione Aplicação Web.

selecionar a aplicação web

Depois disso, certifique-se de que introduz um nome para o seu cliente Oauth 2.0 no campo Nome. Este não será visível para os utilizadores finais, por isso sinta-se à vontade para lhe dar o nome que quiser.

add-name-for-client-id

Em seguida, desloque-se para a secção URIs de redireccionamento autorizados e clique em ADICIONAR URI.

clique no botão-add-uri-1

Agora terá de voltar às definições de integração do WPForms e copiar o primeiro URL de retorno de chamada clicando no ícone de cópia.

click-copy-icon-callback-url-1

Em seguida, volte às definições da aplicação Google e cole o URL de retorno de chamada no campo URIs 1.

paste-callback-url-into-uri-1-field-1

Depois disso, clique novamente no botão ADD URI para poder adicionar o seu segundo URI.

clique no botão-add-uri-2

Volte para as configurações do WPForms e clique no ícone de cópia ao lado do URL do segundo retorno de chamada.

click-copy-icon-callback-url-2

Agora, pode voltar às definições do Google e colar o segundo URL de retorno de chamada no campo URIs 2.

add-second-callback-url

Em seguida, clique no botão CRIAR.

click-create-button-client-id

Aparecerá então uma janela modal com as suas credenciais de cliente OAuth. A partir daqui, copie o ID do cliente clicando no ícone de cópia.

click-copy-icon-client-id

Em seguida, vá para as configurações de integração do WPForms e cole o ID do cliente no campo ID do cliente do Google.

campo client-id

Em seguida, volte a navegar para as definições da aplicação Google e copie o segredo do cliente.

click-copy-icon-client-secret

Vá para as configurações de integração do WPForms mais uma vez e cole o segredo do cliente no campo Segredo do cliente do Google.

colar o segredo do cliente

Concluir a ligação

Agora que já tem o seu ID de cliente e o seu segredo de cliente, está na altura de concluir a ligação. Para o fazer, clique no botão Ligar ao Google.

botão "click-connect-to-google-sheets

Em seguida, você será redirecionado para uma página de autenticação do Google. Aqui você precisará conceder ao WPForms acesso à sua conta do Google.

Depois de selecionar uma conta do Google, clique no botão Continuar para conceder ao WPForms acesso à sua conta.

caixas de verificação para o Google Drive e folhas de cálculo

Agora, quando regressar a WPForms " Settings " Integrations, deverá ver o estado verde Connected (Ligado ) juntamente com os detalhes da sua ligação.

estado da ligação ao google-sheets

Pode agora continuar a adicionar uma integração do Google Sheets a qualquer formulário do seu site.

É isso aí! Agora você sabe como configurar um aplicativo personalizado do Google para usar com o complemento WPForms Google Sheets.

Em seguida, gostaria de saber mais sobre o que pode fazer com as informações enviadas pelo utilizador no WPForms? Consulte o nosso guia completo sobre entradas de formulários para saber mais.

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Active o JavaScript no seu browser para preencher este formulário.