Instructions
Plugin Bubble — Gerar Pix Pagamentos
Instruções de Uso
O que é este plugin?
O Gerar Pix Pagamentos gera automaticamente o código Copia e Cola PIX e o QR Code PIX a partir de uma chave PIX e dados do recebedor, compatível com todas as instituições financeiras.
Passo a Passo
Instalação
Acesse Plugins no seu app Bubble, clique em Add plugins, busque por Gerar Pix Pagamentos e instale.
Configure os elementos na página
Crie um botão de pagamento (ex: "Pagar Com Pix").
Crie um grupo para exibir os resultados (ex: Group QRCode e Copia e Cola) e deixe-o invisível no carregamento da página (desmarque "This element is visible on page load").
Dentro desse grupo, adicione um elemento Text para o copia e cola e um elemento Image para o QR Code.
Configure o workflow do botão
No evento de clique do botão, crie os seguintes steps:
Step 1 — Vá em Plugins → Gerar_Pix_Pagamentos e preencha os campos:
Campo / Descrição
chave_pix — Chave PIX do recebedor (CPF, CNPJ, e-mail, telefone ou chave aleatória)
nome — Nome do recebedor (máx. 25 caracteres)
cidade — Cidade do recebedor (máx. 15 caracteres)
valor — Valor da cobrança
textid — ID único da transação (somente letras e números)
Step 2 — Display data no Group Copia e cola usando Result of step 1's pix_copia_e_cola
Step 3 — Display data no Group QRCode usando Result of step 1's qrcode_base64
Step 4 — Show no Group QRCode e Copia e Cola
Conecte os elementos aos dados
No elemento Text, defina o Content como Parent group's text.
Na Image, defina o Dynamic image como Parent group's text.
Observações
O nome e a cidade são normalizados automaticamente para maiúsculas sem acentos.
O textid aceita apenas letras e números — caracteres especiais são removidos automaticamente.
O valor 0 gera um PIX sem valor definido, permitindo que o pagador digite o valor.
Plugin desenvolvido seguindo o padrão PIX EMV do Banco Central do Brasil.