Incorpora il modulo di iscrizione nel tuo sito web | Passtastic Help
☰

Incorpora il modulo di iscrizione nel tuo sito web

Due modi per incorporare

Passtastic ti offre due opzioni per aggiungere l'iscrizione alla carta sul tuo sito web:

Opzione 1: Pulsanti wallet (rapido e semplice)

Aggiungi i pulsanti "Aggiungi a Apple Wallet" e "Aggiungi a Google Wallet" al tuo sito. Quando un cliente clicca, la carta viene aggiunta direttamente al suo wallet.

Nota: Questa opzione funziona solo per le carte senza raccolta dati attivata. Se la tua carta raccoglie informazioni sui clienti (nome, email, ecc.), usa l'Opzione 2 — i link diretti al wallet saltano il modulo di iscrizione, quindi i dati del cliente non verranno raccolti.

Come ottenere il codice:

1. Apri la tua carta dalla dashboard.

2. Vai alla scheda Condividi.

3. Scorri fino a Condivisione online → Codice di incorporamento.

4. Clicca su Copia per copiare il codice HTML.

5. Incolla il codice nell'HTML del tuo sito web dove vuoi che appaiano i pulsanti.

Il codice si presenta così — due link con immagine affiancati:

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>

Ideale per: landing page, firme email, post del blog — ovunque tu voglia un semplice invito all'azione.

Opzione 2: Modulo incorporato completo (iframe)

Incorpora l'intera esperienza di iscrizione direttamente nella tua pagina. Il cliente compila i propri dati e aggiunge la carta al wallet senza mai lasciare il tuo sito web.

Come ottenere il codice:

1. Vai a Integrazioni nella barra laterale.

2. Seleziona la carta che vuoi incorporare.

3. Scegli Incorporamento web → Ottieni codice.

4. Vedrai un'anteprima dal vivo di come apparirà il modulo. Clicca su Copia codice.

5. Incolla il codice nel tuo sito web.

L'iframe regola automaticamente la sua altezza per adattarsi al contenuto, funziona su dispositivi mobili e non mostra un banner dei cookie nella pagina di iscrizione.

Ideale per: pagine di iscrizione dedicate, sezioni "unisciti al nostro programma fedeltà", flussi di checkout.

Funziona con qualsiasi piattaforma web

Entrambe le opzioni sono HTML standard — funzionano su:

  • WordPress
  • Squarespace
  • Wix
  • Shopify
  • Siti web personalizzati
  • Qualsiasi piattaforma che consenta blocchi di codice HTML

Domande frequenti

Posso personalizzare i pulsanti per adattarli al mio sito web?
Il codice dei pulsanti wallet usa HTML standard — puoi modificare gli stili del `div` contenitore, cambiare il layout o aggiungere il tuo CSS attorno ad esso.
Posso incorporare il modulo senza il bordo dell'iframe?
Sì. Il codice di incorporamento imposta `frameborder="0"` per impostazione predefinita. Puoi anche rimuovere il `box-shadow` dal `div` contenitore se vuoi un risultato completamente integrato.
Il modulo incorporato raccoglie i dati dei clienti?
Sì — tutte le impostazioni di raccolta dati della tua carta (nome, email, telefono, campi personalizzati) si applicano al modulo incorporato esattamente come nella pagina di iscrizione autonoma.
Posso incorporare carte diverse in pagine diverse?
Sì. Ogni carta ha il proprio codice di incorporamento. Puoi mettere la tua carta timbri su una pagina e la tua carta membership su un'altra.
Ho bisogno di un piano a pagamento per usare l'incorporamento?
Il codice dei pulsanti wallet (Opzione 1) funziona con tutti i piani. L'incorporamento completo con iframe (Opzione 2) è anch'esso disponibile su tutti i piani.