Iubenda logo
Crie Agora

Documentação

Tabela de conteúdos

Como integrar os Termos e Condições da iubenda em seu Site ou Aplicativo

O Gerador de Termos e Condições da iubenda oferece três opções de integração que podem ser usadas para diferentes finalidades:

  1. Integração padrão
  2. Link direto (todos os planos)
  3. Integração de texto direto e API (Planos Advanced e Ultimate)

Onde encontrar as opções de integração (Somente plano Ultimate)

Vá para seu dashboard e clique no website em que deseja obter o código de integração. Depois, clique no botão <> Incorporar na seção Termos e Condições.

Termos e Condições – botão Integrar

Isto é o que você encontrará:

Documentos Legais iubenda – opções de Integração

1. Integração padrão

O nosso método de integração padrão mais simples é aquele que você inclui o botão/link da iubenda em seu site. Isso abrirá os termos e condições em uma janela modal em seu site quando o link for clicado.

Essa opção não é adequada para apps. Se você estiver desenvolvendo para aplicativos de celular, você vai querer dar uma olhada na opção de link direto ou de integração de texto direto.

Certifique-se de ter selecionado Adicionar um widget ao rodapé e, depois de customizar como quiser, você pode copiar o respectivo código do gerador.

Termos e Condições – Integração padrão

Onde coloco o código de integração da iubenda em meu site?

A recomendação é adicioná-lo ao rodapé do seu site para ele estar sempre visível e acessível. O rodapé é fácil de encontrar e é tipicamente encontrado no final de seu documento HTML. Ele aparece em um elemento HTML semelhante a <footer>{YOUR IUBENDA CODE}</footer> ou<div id="footer">{YOUR IUBENDA CODE}</div>.

Como isso se parece?

Aqui está um exemplo. Clique no botão para abrir os termos e condições:

Termos e Condições

A opção do link direto é adequada se você não se importar que o documento não seja exibido em seu site, pois o link exibe os termos e condições na página em iubenda.com. Isso é muito útil para app stores.

Essa opção funciona perfeitamente com apps. O documento é projetado de forma responsiva, portanto se adaptará ao tamanho de sua tela.

Após clicar no botão Integrar na seção Termos e Condições, selecione Usar um link direto conforme mostrado abaixo (e adicione o link em um lugar adequado):

Termos e Condições – Link direto

Onde coloco o link da iubenda?

Isso depende inteiramente de você. Mas, a regra geral seria no rodapé de seu site, pois é uma boa forma de ele ser visto em todas as páginas.

3. Integração direta de texto e API

A opção de usar a integração direta de texto faz seus termos e condições parecerem parte de seu próprio site.

Essa opção também funciona perfeitamente para aplicativos. O documento é projetado de forma responsiva, portanto se adaptará ao tamanho de sua tela.

Oferecemos duas maneiras de integrar os termos e condições no corpo de uma de suas páginas. Você pode:

  • copiar e colar o JavaScript em sua página, ou
  • chamar nossa API a partir de seu back-end.

Depois de clicar no botão Integrar na seção Termos e Condições, selecione Integrar texto no corpo conforme mostrado abaixo (e adicione o link em um lugar adequado):

Termos e Condições – Integração de texto direto

Tenha em mente que, com a opção Usar HTML simples sem estilo, você pode remover completamente todo o estilo da iubenda do documento e usar o seu próprio.

API

Os seguintes URLs de API estão disponíveis:

  • https://www.iubenda.com/api/terms-and-conditions/:public_id
  • https://www.iubenda.com/api/terms-and-conditions/:public_id/no-markup

Observações:

  • :public_id é o ID de seus termos e condições fornecido por suas opções de integração
  • o API JSON não inclui o CSS oferecido pelos termos e condições padrão da iubenda

Exemplo

curl --include --request GET 'https://www.iubenda.com/api/terms-and-conditions/:public_id'

Respostas

Tudo OK, status da resposta 200:
{ :success => true, :content => "..." }

Não foi encontrado o documento necessário, status de resposta 404:
{ :success => false, :error => "Document not found. If you are the owner of the site..." }

Erro de aplicativo, status da resposta 500:
{ :success => false, :error => "Application Error. Please contact info@iubenda.com for support." }

Veja também