Inserta tu formulario de registro en tu sitio web | Passtastic Help
☰

Inserta tu formulario de registro en tu sitio web

Dos formas de insertar

Passtastic te ofrece dos opciones para añadir el registro de tarjetas a tu sitio web:

Opción 1: Botones de wallet (rápido y sencillo)

Añade botones de "Añadir a Apple Wallet" y "Añadir a Google Wallet" a tu sitio. Cuando un cliente hace clic, la tarjeta se añade directamente a su wallet.

Nota: Esta opción solo funciona para tarjetas sin recopilación de datos activada. Si tu tarjeta recopila información del cliente (nombre, correo electrónico, etc.), usa la Opción 2 — los enlaces directos al wallet omiten el formulario de registro, por lo que no se recopilarán los datos del cliente.

Cómo obtener el código:

1. Abre tu tarjeta desde el panel de control.

2. Ve a la pestaña Compartir.

3. Desplázate hasta Compartir en línea → Código de inserción.

4. Haz clic en Copiar para copiar el código HTML.

5. Pega el código en el HTML de tu sitio web donde quieras que aparezcan los botones.

El fragmento de código se ve así — dos enlaces con imágenes uno al lado del otro:

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, firmas de correo electrónico, publicaciones de blog — cualquier lugar donde quieras una llamada a la acción sencilla.

Opción 2: Formulario completo integrado (iframe)

Integra toda la experiencia de registro directamente en tu página. El cliente completa sus datos y añade la tarjeta a su wallet sin salir de tu sitio web.

Cómo obtener el código:

1. Ve a Integraciones en la barra lateral.

2. Selecciona la tarjeta que quieres insertar.

3. Elige Inserción web → Obtener código.

4. Verás una vista previa en vivo de cómo se verá el formulario. Haz clic en Copiar código.

5. Pega el código en tu sitio web.

El iframe ajusta automáticamente su altura para adaptarse al contenido, funciona en dispositivos móviles y no muestra un banner de cookies en la página de registro.

Ideal para: páginas de registro dedicadas, secciones de "únete a nuestro programa de fidelización", flujos de pago.

Funciona con cualquier plataforma web

Ambas opciones son HTML estándar — funcionan en:

  • WordPress
  • Squarespace
  • Wix
  • Shopify
  • Sitios web personalizados
  • Cualquier plataforma que permita bloques de código HTML

Preguntas frecuentes

¿Puedo personalizar los botones para que coincidan con mi sitio web?
El código de los botones de wallet usa HTML estándar — puedes ajustar los estilos del `div` contenedor, cambiar el diseño o añadir tu propio CSS alrededor.
¿Puedo insertar el formulario sin el borde del iframe?
Sí. El código de inserción establece `frameborder="0"` por defecto. También puedes eliminar el `box-shadow` del `div` contenedor si quieres que sea completamente integrado.
¿El formulario integrado recopila datos de clientes?
Sí — todas las configuraciones de recopilación de datos de tu tarjeta (nombre, correo electrónico, teléfono, campos personalizados) se aplican al formulario integrado exactamente igual que en la página de registro independiente.
¿Puedo insertar diferentes tarjetas en diferentes páginas?
Sí. Cada tarjeta tiene su propio código de inserción. Puedes poner tu tarjeta de sellos en una página y tu tarjeta de membresía en otra.
¿Necesito un plan de pago para usar la inserción?
El código de botones de wallet (Opción 1) funciona en todos los planes. La inserción completa con iframe (Opción 2) también está disponible en todos los planes.