Personalização

O botão de pagamento da Beeteller permite que algumas características sejam personalizadas, tais como: tamanho, cor de fundo, rótulo e cor do rótulo do botão.

Caso não queira personalizar o botão, temos este como padrão:

Configurando a personalização

Atributos que o objeto de personalização do botão podem ter:
buttonSize: Ajusta o tamanho do botão. Opções válidas: small, medium ou large.
buttonColor: A cor de fundo do botão e que deve ser informada em código hexadecimal. Exemplo: "#F8F8FF".
buttonLabel: O texto que ficará no botão. Exemplo: "Pagar".
buttonLabelColor: A cor do texto do botão e que deve ser informada em código hexadecimal. Exemplo: "#F0E68C"

Atenção: Para personalizar os atributos que alteram cores do botão é necessário usar a cor na forma de código hexadecimal. Caso queira o botão na cor branca, por exemplo, o atributo buttonColor deve ter como valor "#FFFFFF". Apenas os atributos buttonColor e buttonLabelColor devem receber código em hexadecimal.

Exemplos de personalização do botão

Botão que não usa modal e com atributos personalizados:

<script>
        const buttonConfig = {
                buttonSize: 'large',
                buttonCollor: '#0000FF',
                buttonLabel: 'Pagar com Beeteller',
                buttonLabelColor: '#ffffff'
            }
        window.Beeteller.setConfigurations("*uL6&j^khltjH$q@l0RIquB", false, buttonConfig);
</script>

Usando o botão padrão:

<script>
        window.Beeteller.setConfigurations("*uL6&j^khltjH$q@l0RIquB", false, undefined);
</script>