Codice del widget generatore di immagini IA per il tuo sito

Un widget generatore di immagini trasforma una breve descrizione testuale in un'immagine, direttamente sulla tua pagina. I visitatori scrivono ciò che vogliono vedere, il modello che hai scelto lo crea e il risultato compare nel widget con un link per scaricarlo. Non devi costruire un front end né gestire file sul tuo server.

Come funziona il widget immagini

1. Un visitatore scrive una descrizione, per esempio "un faro ad acquerello al tramonto".
2. Il widget invia il prompt ad api14 tramite l'id del tuo widget. La tua chiave API e le impostazioni restano sul server.
3. Il modello di immagini genera l'immagine e il widget la mostra con un link Scarica.

Ogni richiesta è addebitata sul tuo saldo in USD al prezzo normale del modello, e i controlli che imposti (descritti più avanti) decidono quanto può spendere il widget.

Il codice del widget

Crea il widget in Widget, scegli Immagine come tipo e salva. L'editor mostra quindi il codice:

<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>

Incollalo dove deve comparire il generatore. Usa data-target="#gallery" per visualizzarlo in un elemento esistente, oppure data-height="520px" per dare più spazio al risultato (per i widget immagini il valore predefinito è 420px). Scegli la posizione Pulsante flottante se preferisci aprire il generatore da un pulsante nell'angolo.

Impostazioni che meritano un minuto

• Modello: il selettore elenca i modelli di immagini del catalogo con i loro prezzi. I modelli che si limitano a modificare o ingrandire un'immagine esistente qui non servono, perché il widget parte da un prompt testuale.
• Chiave API: seleziona la chiave con cui funziona il widget, oppure scegli Crea nuova chiave API in fondo all'elenco. Il limite di spesa giornaliero, la frequenza delle richieste e i modelli consentiti di quella chiave valgono per il widget.
• Testi: imposta il titolo, il testo segnaposto (un buon prompt di esempio aiuta i visitatori a iniziare) e il testo del pulsante.
• Aspetto: colore di accento, tema (automatico, chiaro o scuro) e raggio degli angoli, così il widget si adatta al tuo design.

Dove un widget immagini è utile

• Blog e community creative: i visitatori illustrano le proprie idee.
• Agenzie e studi: uno strumento rapido per i concept su una landing page.
• Formazione: gli studenti trasformano una descrizione in un'immagine da discutere.

Prima di pubblicare

Elenca i tuoi domini in Impostazioni, Siti del widget: il widget risponde solo alle richieste provenienti da quei siti. Imposta un limite di spesa giornaliero, prova qualche prompt nell'anteprima dell'editor e controlla il risultato sia da smartphone sia da desktop.

Puoi progettare un widget immagini senza account nella pagina dei widget. La documentazione dei widget descrive ogni opzione nel dettaglio.