Incorpore seu formulário de inscrição no seu site | Passtastic Help
☰

Incorpore seu formulário de inscrição no seu site

Duas formas de incorporar

O Passtastic oferece duas opções para adicionar a inscrição de cartões ao seu site:

Opção 1: Botões de wallet (rápido e simples)

Adicione botões de "Adicionar ao Apple Wallet" e "Adicionar ao Google Wallet" ao seu site. Quando um cliente clica, o cartão é adicionado diretamente à sua wallet.

Nota: Esta opção funciona apenas para cartões sem coleta de dados ativada. Se o seu cartão coleta informações dos clientes (nome, e-mail, etc.), use a Opção 2 — os links diretos para a wallet pulam o formulário de inscrição, então os dados do cliente não serão coletados.

Como obter o código:

1. Abra seu cartão no painel.

2. Vá para a aba Compartilhar.

3. Role até Compartilhamento online → Código de incorporação.

4. Clique em Copiar para copiar o código HTML.

5. Cole o código no HTML do seu site onde deseja que os botões apareçam.

O trecho de código fica assim — dois links com imagem lado a lado:

html
<!-- Passtastic Pass Embed -->
<div style="display: flex; gap: 10px; margin: 20px 0;">
  <a href="YOUR_APPLE_LINK" target="_blank">
    <img src="https://passtastic.io/landing/apple-wallet.svg"
         alt="Add to Apple Wallet" width="120">
  </a>
  <a href="YOUR_GOOGLE_LINK" target="_blank">
    <img src="https://passtastic.io/landing/google-wallet.svg"
         alt="Add to Google Wallet" width="120">
  </a>
</div>

Ideal para: páginas de destino, assinaturas de e-mail, posts de blog — qualquer lugar onde você queira um call-to-action simples.

Opção 2: Formulário incorporado completo (iframe)

Incorpore toda a experiência de inscrição diretamente na sua página. O cliente preenche seus dados e adiciona o cartão à wallet sem sair do seu site.

Como obter o código:

1. Vá para Integrações na barra lateral.

2. Selecione o cartão que deseja incorporar.

3. Escolha Incorporação web → Obter código.

4. Você verá uma pré-visualização ao vivo de como o formulário ficará. Clique em Copiar código.

5. Cole o código no seu site.

O iframe ajusta automaticamente sua altura para caber no conteúdo, funciona em dispositivos móveis e não exibe um banner de cookies na página de inscrição.

Ideal para: páginas de inscrição dedicadas, seções "participe do nosso programa de fidelidade", fluxos de checkout.

Funciona com qualquer plataforma de site

Ambas as opções são HTML padrão — funcionam em:

  • WordPress
  • Squarespace
  • Wix
  • Shopify
  • Sites personalizados
  • Qualquer plataforma que permita blocos de código HTML

Perguntas frequentes

Posso personalizar os botões para combinar com meu site?
O trecho dos botões de wallet usa HTML padrão — você pode ajustar os estilos do `div` envolvente, alterar o layout ou adicionar seu próprio CSS.
Posso incorporar o formulário sem a borda do iframe?
Sim. O código de incorporação define `frameborder="0"` por padrão. Você também pode remover o `box-shadow` do `div` envolvente se quiser uma integração totalmente transparente.
O formulário incorporado coleta dados dos clientes?
Sim — todas as configurações de coleta de dados do seu cartão (nome, e-mail, telefone, campos personalizados) se aplicam ao formulário incorporado exatamente como na página de inscrição independente.
Posso incorporar cartões diferentes em páginas diferentes?
Sim. Cada cartão tem seu próprio código de incorporação. Você pode colocar seu cartão de carimbos em uma página e seu cartão de membro em outra.
Preciso de um plano pago para usar a incorporação?
O trecho dos botões de wallet (Opção 1) funciona em todos os planos. A incorporação completa com iframe (Opção 2) também está disponível em todos os planos.