Panoramica
Il plugin Dodo Payments per Framer aggiunge a un sito Framer pulsanti di acquisto per i tuoi prodotti Dodo Payments. Ogni pulsante apre il checkout come overlay sulla tua pagina oppure indirizza il cliente alla pagina di checkout ospitata, in modalità test o in modalità live.Official Plugin
Installa il plugin Dodo Payments dal Framer Marketplace.
Caratteristiche
Hosted or Overlay Checkout
Apri il checkout come overlay sulla tua pagina oppure indirizza i clienti alla pagina di checkout ospitata.
Drag-and-Drop Setup
Incolla la tua API key nel plugin, aggiungi un pulsante di acquisto al canvas e pubblica.
Digital Delivery
Invia ai clienti tramite email i link per il download o le chiavi di licenza dopo il pagamento.
Worldwide Coverage
Vendi a clienti in oltre 220 paesi con carte, wallet e metodi di pagamento locali.
Automatic Tax & Invoicing
In qualità di Merchant of Record, Dodo Payments calcola e versa IVA, GST e imposte sulle vendite e emette una fattura per ogni pagamento.
No-Code Subscriptions
I prodotti in abbonamento utilizzano lo stesso pulsante di acquisto dei prodotti una tantum, senza codice.
Guida all’Impostazione
1
Generate API Key
Nella dashboard di Dodo Payments, vai a Developer → API Keys e fai clic su Add API Key. Puoi anche aprire direttamente la pagina API Keys.Una API key funziona in una sola modalità. Prima di creare la chiave, usa l’interruttore Live Mode nella barra laterale per scegliere la modalità:
- Live Mode
- Test Mode
Per la produzione. I clienti pagano con metodi di pagamento reali.
Copia la API key e conservala in modo sicuro. La dashboard la mostra una sola volta e nel passaggio successivo dovrai incollarla nel plugin.
2
Authenticate Plugin
- Apri il plugin Dodo Payments in Framer. Si apre la pagina Authenticate.
- In API Mode, seleziona Test Mode o Live Mode in base alla tua API key.
- Incolla la tua API key in API Key.
- Fai clic su Continue.
3
Manage Products
Dopo l’autenticazione, il plugin mostra in Products i prodotti della modalità selezionata:
- Existing products vengono visualizzati automaticamente, ciascuno contrassegnato come One-time o Subscription.
- No products yet: fai clic sul pulsante Plus (+) accanto a Products.
Il pulsante Plus (+) apre la dashboard di Dodo Payments, dove puoi creare un prodotto e impostarne prezzo, descrizione e altre configurazioni.
4
Add Buy Buttons
- Seleziona un prodotto dall’elenco.
- Fai clic su Add Buy Button.
Buy {product_name}. Nella stessa schermata del prodotto, Edit apre il prodotto nella dashboard di Dodo Payments, mentre Show Preview apre l’anteprima del checkout.Personalizzazione
Per modificare il funzionamento di un pulsante di acquisto, selezionalo sul canvas e modifica le sue proprietà in Framer.1
Select Checkout Experience
Imposta Type per scegliere come aprire il checkout:
- Overlay: il checkout si apre come overlay sulla tua pagina Framer, così i clienti restano sul tuo sito. Il plugin utilizza questo tipo per i nuovi pulsanti.
- Hosted: il pulsante collega alla pagina di checkout ospitata di Dodo Payments. Link Target determina se la pagina viene aperta in una nuova scheda o nella stessa scheda.
2
Customize Appearance Options
Abbina il pulsante e il checkout al tuo sito con queste proprietà:
- Checkout Theme: un checkout chiaro o scuro.
- Label: il testo del pulsante, ad esempio “Buy Now”, “Purchase” o “Get Started”.
- Stile del pulsante: colore di sfondo, colore del testo, carattere, dimensione del carattere, raggio del bordo e spaziatura interna.
- Return URL: la pagina Framer o l’URL a cui i clienti tornano dopo il checkout.
- Environment: Live o Test. Il plugin lo imposta sulla modalità con cui hai effettuato l’autenticazione.
Risoluzione dei problemi
Authentication Issues
Authentication Issues
Problema: il plugin non esegue l’autenticazione.Soluzioni:
- Verifica di aver incollato la API key completa.
- Verifica che API Mode corrisponda alla modalità in cui è stata creata la chiave. Una chiave in modalità test non funziona in modalità live e una chiave in modalità live non funziona in modalità test.
- Verifica la connessione Internet.
Product Display Issues
Product Display Issues
Problema: i prodotti non vengono visualizzati nel plugin.Soluzioni:
- Verifica di aver creato i prodotti nella dashboard di Dodo Payments.
- Verifica che i prodotti esistano nella stessa modalità della tua API key. Il plugin mostra solo i prodotti della modalità con cui hai effettuato l’autenticazione.
- Esegui nuovamente l’autenticazione del plugin.