> For the complete documentation index, see [llms.txt](https://support.trybit.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.trybit.com/pt-br/integration/html-widget.md).

# Widget de Pagamento em HTML

Integrando o Trybit por meio de um widget HTML.

Para começar a integrar, você precisa criar um projeto no seu painel da Trybit e obter uma chave de API e um ID da loja — esses dados são necessários para configurar a interação entre o seu sistema e a plataforma, e para autorizar solicitações.

O **Widget HTML** é um formulário de pagamento pronto que você pode instalar em seu site sem integração de API e sem um desenvolvedor. O cliente simplesmente escolhe uma moeda, insere o valor e o e-mail — o pagamento acontece em uma janela incorporada (iframe), sem redirecionamento para uma página separada. Você receberá notificações de pagamento no seu painel, por e-mail, no Telegram e via POSTBACK, se necessário.

### Como configurar o widget

Configure o widget nas configurações do projeto, em "Widget de Pagamento."

1. Escolha o design e o texto do botão.
2. Opcionalmente, defina um valor fixo — ou deixe o campo em aberto para que o cliente insira o valor.
3. Escolha o idioma do widget.
4. Ative ou desative o campo de e-mail do cliente.
5. Copie o código gerado.

### Como adicionar o formulário ou botão ao seu site

O widget pode ser instalado usando um de dois métodos — escolhidos no mesmo construtor:

* [Formulário HTML](https://docs.trybit.com/buttons-forms/html-widget/form) — o widget é exibido imediatamente como um bloco incorporado na página;
* [Botão HTML](https://docs.trybit.com/buttons-forms/html-widget/button) — apenas um botão é mostrado na página, e o formulário de pagamento é aberto ao clicar.

\
O código gerado é inserido no código da página do seu site.

Você pode ler mais sobre o widget HTML na [esta seção](https://docs.trybit.com/buttons-forms/html-widget).

### Onde colocar o link permanente

O mesmo construtor também permite obter não apenas o código incorporável, mas também um link permanente para uma página de pagamento separada com as mesmas configurações — sem precisar incorporar nenhum código no seu site. Esse link é conveniente para colocar onde o código HTML não pode ser inserido:

* em um canal do Telegram;
* na descrição de um perfil de rede social;
* em uma newsletter por e-mail;
* em uma landing page ou em um anúncio.

{% hint style="success" %}
Se você tiver alguma dúvida ou precisar de ajuda, pode entrar em contato com nosso suporte via chat no site e na sua conta pessoal, além de falar conosco no Telegram. Os contatos do suporte estão listados [em nosso site](https://trybit.com/support).
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://support.trybit.com/pt-br/integration/html-widget.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.