Configuração

A princípio, é necessário importar o arquivo do botão. Para isso, basta inserir o seguinte código no HTML da sua página que terá o botão:

<script type="text/javascript" src="https://sdk.beeteller.com/d-scripts/botao-pagamento.v1.0.0.min.js"></script>

O próximo passo é colocar o código do botão em algum local de sua preferência:

<button id="beeteller_btn"></button>

Atenção: Não altere o identificador do botão! Caso haja alteração, o botão não irá funcionar.

Feito isso, agora é necessário configurar os dados principais para o funcionamento do botão. O código abaixo deve ser colocado no BODY do seu HTML. É necessário informar seu token, se é modo modal e as configurações para personalizar o botão.

<script>
    window.Beeteller.setConfigurations(SEU_TOKEN, ABRIR_MODAL, CONFIG_BOTÃO);
</script>

SEU_TOKEN: token de acesso privado que a Beeteller informa. Exemplo: "TokenDeTeste123456789".
(Obrigatório)

ABRIR_MODAL: define se após o clique no botão deve abrir um modal ou uma nova aba. Coloque como true, caso queira que abra um modal na sua página, ou false, para abrir uma nova aba e continuar o pagamento.
(Obrigatório)

CONFIG_BOTÃO: Recebe o objeto contendo os atributos para personalizar o botão. A forma de configurar o botão será explicada nos próximos tópicos. Caso queira usar o botão padrão, coloque o valor como undefined. (Obrigatório)

Exemplo de configuração com uso de modal e sem personalizar o botão:

<script>
    window.Beeteller.setConfigurations("*uL6&j@RIquB", true, undefined);
</script>