# Seção de botões

Usando o bloco "Botões", você pode adicionar botões com a possibilidade de ligar ou enviar e-mail por meio dos aplicativos integrados do dispositivo, além de botões com links para páginas adicionais e a possibilidade de aceitar pagamentos na página do site.

{% hint style="success" %}
Você pode adicionar uma política de privacidade e uma oferta aos botões personalizados (customizáveis).

Para isso, basta marcar as caixas de seleção apropriadas e anexar os links.
{% endhint %}

<figure><img src="/files/06107114d78d85289df6731ce83327871618d670" alt=""><figcaption></figcaption></figure>

## Como criar um botão

No modo de edição do site, clique em "+", então um menu lateral será aberto para adicionar seções.:

<figure><img src="/files/6f4eb3562fc54dfe98dc71670c0fac24a49826be" alt=""><figcaption></figcaption></figure>

Ao clicar na seção de botões, será adicionado um modelo padrão com dois botões, nas configurações do qual você pode editar, adicionar ou remover botões, adicionar um link para a política de privacidade e (ou) ofertas:

<figure><img src="/files/09791b5bc1e0e6079f12d52ac0ae0d5df2b545b1" alt=""><figcaption></figcaption></figure>

Para abrir as configurações internas do botão, clique no próprio botão:

<figure><img src="/files/7fb78ab7131b4dac4bfd7e2e54ca76e4513cd746" alt=""><figcaption></figcaption></figure>

Em seguida, uma janela modal se abre com as configurações do botão:

<figure><img src="/files/6a046d652a7a734d58f3670add3cd0ad478f5acb" alt=""><figcaption></figcaption></figure>

Na janela de criação do botão, você pode selecionar sua função:

<figure><img src="/files/0ff7effade9e8e5d70ed43b5030de2e5f5b922ec" alt=""><figcaption></figcaption></figure>

Descreveremos abaixo as funções de cada botão.

Você também pode selecionar a cor do botão (a cor do texto, a cor de fundo durante o hover e o fundo e o texto gerais em estado normal etc.), carregar o ícone do botão na mesma janela:

<figure><img src="/files/b00d4c194d426abf4aa80233e0b46dce420e3a4e" alt=""><figcaption></figcaption></figure>

Além disso, os botões podem ter largura e arredondamento definidos. Valores numéricos devem ser inseridos nesses campos para configurar o botão.

### Como adicionar botões

Para adicionar botões localizados na mesma linha, clique em "+" à direita do botão:

<figure><img src="/files/b3a689639fa6eecf7266d56d531cd1c3a66632b1" alt=""><figcaption></figcaption></figure>

Se precisar adicionar um botão abaixo do botão adicionado anteriormente, clique em "+ Adicionar botão":

<figure><img src="/files/3c9f32a301ee729585df44d56cd93ec493c8ae26" alt=""><figcaption></figcaption></figure>

### Botão com função de pagamento

Para criar botões de pagamento no site, primeiro você deve conectar sistemas de pagamento à plataforma no projeto.

{% hint style="info" %}
Saiba como conectar o sistema de pagamento ao projeto [aqui. ](/doc/pt/integrations/payment.md)
{% endhint %}

Um botão com função de pagamento ajudará você a aceitar pagamentos por produtos ou serviços apresentados no seu site, sem conectar o chatbot aos mensageiros.

<figure><img src="/files/de46b3a845fd72652d3b3f9aaf68b00a408ba108" alt=""><figcaption></figcaption></figure>

Usando este botão, é possível adicionar uma função de pagamento ao site por meio de um sistema de pagamento conveniente para você. Em seguida, especifique o valor do produto, seu nome e o link de redirecionamento após o pagamento bem-sucedido.

{% hint style="info" %}
Atenção!

No menu suspenso da linha de sistemas de pagamento, estarão disponíveis apenas as integrações que você ativou na seção "Sistemas de pagamento" do projeto.
{% endhint %}

#### Botão com função de telefone

Crie um novo botão, selecione a função Telefone e especifique o número de telefone para o qual a chamada deve ser feita quando o botão for clicado:

Ao clicar no botão em dispositivos móveis, uma janela para seleção de aplicativo é aberta:

<figure><img src="/files/152b617cc65d73f3a4f3b051123cb981a1ce82d1" alt=""><figcaption></figcaption></figure>

### Botão com função de e-mail

Crie um novo botão com a função E-mail e especifique o endereço de e-mail nas configurações:

<figure><img src="/files/73266811dda13dcc56aa2b7009ed8588f10851e4" alt=""><figcaption></figcaption></figure>

Ao clicar no botão, os aplicativos para envio de e-mails serão abertos automaticamente, e o e-mail das configurações do botão será inserido automaticamente no campo Destinatário.

### Botão com função de link

{% hint style="danger" %}
Para transferir dados e iniciar o bot, use a seção "Formulário de inscrição com botões de mensageiro"!
{% endhint %}

Crie um novo botão e selecione a função Link. Clicar no botão abre a página especificada nas configurações do botão.

<figure><img src="/files/18c8dfc7cbcfc2a5dba861977c77c3c941dbf924" alt=""><figcaption></figcaption></figure>

### Função de plano de preços do botão do curso

Você também pode adicionar taxas de pagamento para cursos online configurados no MaviBot nas funções do botão:

<figure><img src="/files/15b0b90140ea3b654f90797a2e580b4ec7c39ddb" alt=""><figcaption></figcaption></figure>

Selecione o curso e, em seguida, o plano de preços no qual o pagamento será feito ao clicar no botão.

{% hint style="info" %}
Todas as configurações de pagamento, sistema de pagamento e custo do plano de preços do curso são feitas na seção Cursos.

Para mais informações sobre como configurar as tarifas do curso, veja o artigo "[Planos de cursos online](/doc/pt/lms/builder/plans.md)".
{% endhint %}

### Botão com função de reserva online

O botão tem a função de abrir um widget de agendamento online para reserva online de vagas gratuitas para serviços pelos seus clientes.

Para isso, você precisa configurar com antecedência a filial e os serviços para agendamento online e o widget de agendamento online.&#x20;

{% hint style="info" %}
Falamos sobre a configuração da seção de serviços no [ "Reserva online"](/doc/pt/booking/settings.md) artigo.
{% endhint %}

Nas configurações do botão, selecione a função "Reserva online" e, no menu suspenso, selecione o widget que você deseja exibir ao clicar no botão.

### Botão com função de link para mensageiros

Para que um cliente mude do seu site para um bot em mensageiros, por exemplo, Telegram ou WA, você pode usar a função de botão "link para mensageiro" ou usar a seção "Formulário".

<figure><img src="/files/099563f4117dbe4b9c586ae173d15dcb392eab80" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Leia mais sobre a ["Formulário](/doc/pt/websites/sites/blocks/forms.md)" seção no artigo de mesmo nome.&#x20;
{% endhint %}

Após selecionar a função do botão, selecione o mensageiro para o qual o cliente será direcionado depois de clicar no botão do cliente.


---

# Agent Instructions: 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:

```
GET https://docs.mavibot.ai/doc/pt/websites/sites/blocks/buttons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.