Hosted Component

Un form pronto all'uso.

Incorpora il form di fatturazione sul tuo sito. I tuoi clienti inseriscono i dati fiscali e Fisco Jet genera e invia la fattura — automaticamente o su tua conferma.

Ottieni la tua API key →

Come funziona per il tuo cliente

Incorpori il componente nel tuo checkout o area clienti. Quando un cliente completa un pagamento, il form raccoglie i suoi dati di fatturazione e li invia direttamente a Fisco Jet.

Puoi configurare la modalità automatica — la fattura parte subito — oppure manuale, dove approvi ogni emissione dalla tua dashboard prima dell'invio all'SDI.

✓ Validazione P.IVA in tempo reale
✓ Codice fiscale e SDI verificati
✓ Gestione errori integrata
✓ Mobile-first e accessibile

Cliente completa il pagamento

sul tuo sito

Inserisce i dati di fatturazione

nel form Fisco Jet

Fisco Jet genera la fattura

automaticamente o su conferma

Trasmissione a SDI

entro 3 minuti

Dati di fatturazione

Ragione sociale / Nome

Acme S.r.l.

Partita IVA

IT18227661008

Codice SDI / PEC

XXXXXXX

Indirizzo

Via Roma 1, 20121 Milano

Conferma e genera fattura

Installazione

React

npm install @Fisco Jet/react

import { Fisco JetForm } from '@Fisco Jet/react';

export default function Checkout() {
  return (
    <Fisco JetForm
      apiKey="fj_live_xxxxxxxxxxxx"
      onSuccess={(invoice) => {
        console.log('Fattura creata:', invoice.id);
      }}
      onError={(err) => {
        console.error(err.message);
      }}
    />
  );
}

HTML / Vanilla JS

<script
  src="https://js.Fisco Jet.com/v1/embed.js"
  data-key="fj_live_xxxxxxxxxxxx"
  async
></script>

<!-- Il form si renderizza qui -->
<div id="Fisco Jet-form"></div>

<script>
  window.Fisco JetForm.mount('#Fisco Jet-form', {
    onSuccess: (invoice) => {
      console.log(invoice.id);
    }
  });
</script>

Props e opzioni

PropTipoReq.Descrizione

apiKeystringSìLa tua API key Fisco Jet

mode'test' | 'live'NoAmbiente. Default: 'live'

localestringNoLingua del form. Default: 'it'

onSuccess(invoice: Invoice) => voidNoCallback al successo

onError(error: Error) => voidNoCallback all'errore

themeThemeConfigNoPersonalizzazione colori e font

prefilledDataPartial<FormData>NoDati precompilati nel form

hideFieldsstring[]NoCampi da nascondere