Skip to main content

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à:
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

Mantieni segreta la tua API key. Non condividerla né pubblicarla.
  1. Apri il plugin Dodo Payments in Framer. Si apre la pagina Authenticate.
  2. In API Mode, seleziona Test Mode o Live Mode in base alla tua API key.
  3. Incolla la tua API key in API Key.
  4. 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

  1. Seleziona un prodotto dall’elenco.
  2. Fai clic su Add Buy Button.
Il plugin aggiunge al canvas un pulsante di acquisto con l’etichetta 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.
Add Buy Button è disabilitato se non disponi dell’autorizzazione per aggiungere componenti e modificarne le proprietà nel progetto Framer.

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

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.
Problema: Add Buy Button è disabilitato.Soluzioni:
  • Verifica che il tuo ruolo nel progetto Framer ti consenta di aggiungere componenti e modificarne le proprietà.
  • Verifica che il plugin sia autenticato.
  • Chiudi e riapri il plugin.
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.
Ultima modifica il 26 settembre 2026