---
title: Pubblicare e incorporare
description: L'aspetto del form (logo, colori, carattere), la pubblicazione e la differenza bozza/pubblicato, il link pubblico su forms.audin.ai e lo snippet embed.js per incorporare il form nel tuo sito.
---

Quando la struttura è pronta, restano tre passi: curare l'aspetto,
pubblicare, e distribuire il form — con il link diretto o incorporandolo
in una pagina del tuo sito.

## Aspetto (tab Aspetto)

Le impostazioni valgono sia per la pagina pubblica sia per il form
incorporato; l'anteprima accanto si aggiorna subito.

- **Logo** — carica un'immagine (PNG, JPEG, WebP o GIF, max 2 MB) oppure
  incolla l'URL di un'immagine già pubblica: compare in cima al form.
- **Colore principale** — pulsanti, selezione delle opzioni, barra di
  avanzamento.
- **Colore di sfondo** — importante per l'embed: nell'embed lo sfondo è
  trasparente e il testo è scuro, quindi su pagine scure va impostato.
- **Colore del testo** — domande e testi.
- **Carattere** — Predefinito, Lineare (sans-serif), Classico (serif) o
  Monospazio. Solo caratteri di sistema: il form non scarica font esterni.

<Callout type="info">
  Il **redirect dopo l'invio** non è un'impostazione globale: si configura
  sulla singola schermata finale (campo **Reindirizzamento**), così ogni
  chiusura può portare a una pagina diversa.
</Callout>

## Pubblicare

<Steps>
<Step>
**Premi Pubblica** (o **Ripubblica** se il form è già online). Il builder
esegue prima il [pre-check di pubblicabilità](/docs/form/verificare-il-form#il-pre-check-di-pubblicazione).
</Step>
<Step>
**Conferma.** Alla prima pubblicazione il form diventa raggiungibile dal
link pubblico e dallo snippet. Nelle ripubblicazioni la versione online
viene sostituita subito; le risposte già raccolte restano.
</Step>
</Steps>

Dopo la pubblicazione, ogni modifica successiva resta in **bozza**: in alto
compare il badge **Modifiche non pubblicate** finché non premi
**Ripubblica**. Puoi quindi lavorare con calma su una nuova versione mentre
il pubblico continua a vedere quella corrente.

Per ritirare un form dal pubblico usa **Archivia form** (menu ⋯): il link
risponde "non disponibile", il form diventa di sola lettura e le risposte
restano consultabili. Non esiste un "de-pubblica" separato.

## Il link pubblico

Dal pulsante **Condividi** (nel builder o nella pagina di dettaglio) copi il
link pubblico:

```text
https://forms.audin.ai/f/{slug}
```

Lo slug è un codice casuale generato alla creazione: il link non è
enumerabile e non cambia mai, nemmeno ripubblicando. Se il form non è
ancora pubblicato, il popover Condividi te lo segnala: gli indirizzi
risponderanno "non disponibile" finché non pubblichi.

## Incorporare nel tuo sito (embed)

Sempre dal popover **Condividi**, sezione "Incorpora nel tuo sito", copi lo
snippet:

```html
<script src="https://forms.audin.ai/embed.js" data-audin-form="SLUG" async></script>
```

Incolla lo snippet **nel punto della pagina dove vuoi che compaia il form**:
l'iframe viene inserito esattamente lì, a larghezza piena.

- **Altezza automatica**: il form misura il proprio contenuto e comunica
  l'altezza alla pagina ospite, che si adatta con una transizione morbida.
  Nessun CSS da scrivere.
- **Più form nella stessa pagina** convivono senza interferenze: basta uno
  snippet per ciascuno, con il rispettivo slug.
- L'unico attributo obbligatorio è `data-audin-form` (lo slug). Con
  `data-audin-title` puoi impostare il titolo accessibile dell'iframe
  (default: "Modulo").

<Callout type="warn">
  Se il sito ospite ha una **Content-Security-Policy**, deve consentire
  `script-src` e `frame-src` verso `forms.audin.ai`. E se la pagina ha uno
  sfondo scuro, imposta un **colore di sfondo** nella tab Aspetto: nell'embed
  lo sfondo del form è trasparente.
</Callout>

## L'esperienza di chi compila

Sulla pagina pubblica (e nell'embed) il form si presenta così:

- **una domanda alla volta**, con transizioni e barra di avanzamento;
- si avanza con **Invio** (nel testo lungo con **Cmd/Ctrl+Invio**) o con il
  pulsante **OK** / **Continua**; la freccia in alto torna indietro;
- le scelte singole avanzano da sole appena si clicca un'opzione;
- all'invio si atterra sulla **schermata finale** decisa dalla logica, con
  l'eventuale redirect;
- in caso di errore di rete le risposte restano in memoria: si può premere
  **Riprova** senza ricompilare nulla.

<Callout type="info">
  La pagina pubblica è protetta da **rate limit** per indirizzo IP e da un
  campo trappola anti-bot (honeypot). I limiti sono ampi per l'uso normale;
  se fai test automatici molto fitti puoi incontrare un 429 temporaneo.
</Callout>

## Prossimi passi

<Cards>
  <Card
    href="/docs/form/risposte-e-lead"
    title="Risposte e lead"
    description="Dove finiscono le risposte e come nasce (o si aggiorna) il lead."
  />
  <Card
    href="/docs/form/automazioni"
    title="Automazioni"
    description="Fai partire workflow all'invio, con azioni diverse per chiusura."
  />
</Cards>