---
title: "Crea il tuo primo widget con l'AI Widget Builder"
description: "Come creare il tuo primo widget in EmbedSocial con l'AI Widget Builder."
---

I tuoi contenuti sono già nel tuo account. Ora trasformiamoli in un widget da mettere sul tuo sito web. Il modo più veloce è l'**AI Widget Generator**: basta scrivere un prompt che descrive il design che hai immaginato e la nostra IA creerà il widget per te in pochi secondi.

Prima di creare il widget, assicurati di avere le tue fonti collegate (per esempio recensioni Google, Instagram, TikTok e così via) nella scheda '**Fonti**'. Se non l'hai ancora fatto, parti da [Collega la tua prima fonte](/docs/getting-started/connect-source/).

## Come creare il tuo primo widget con l'IA

:::steps
1. **Crea un widget.** Vai alla sezione '**Widget**', fai clic sul pulsante '**+ Nuovo widget**' e scegli l'opzione '**Genera con l'IA**'.
![La pagina Widget con i pulsanti Genera con l'IA e Nuovo widget](https://embedsocial.com/images/docs/create-widget/manage-widgets.jpg)
2. **Scrivi il tuo prompt.** Seleziona la tua fonte, descrivi esattamente ciò che ti serve e fai clic su '**Genera**'. Per esempio: "Crea un widget con schede fluttuanti leggere che si sollevano delicatamente al passaggio del mouse. Usa colori pastello tenui e ombre minime."
![La descrizione di un widget nell'AI Widget Builder](https://embedsocial.com/images/docs/create-widget/create-ai-widget-embedsocial.jpg)
3. **Migliora il tuo prompt (facoltativo, consigliato).** Fai clic sul pulsante '**Migliora**' accanto al campo del prompt per lasciare che l'IA trasformi il tuo prompt semplice in una serie dettagliata di istruzioni. Puoi rivederle, modificarle o rimuoverne parti specifiche prima di generare il widget.
4. **Applica il tuo Brand Theme (facoltativo).** L'editor con IA rileva i colori del brand dal tuo sito web e ti chiede in chat se vuoi applicarli. Conferma per applicare in modo discreto i colori del tuo brand a tutto il widget oppure salta questo passaggio per mantenere i colori predefiniti del modello.
5. **Migliora il design.** Per cambiare qualcosa nel primo widget generato, scrivi un nuovo prompt. Puoi essere più preciso e dare più dettagli su ciò che hai immaginato.
![Il miglioramento del widget generato con i suggerimenti di personalizzazione dell'IA](https://embedsocial.com/images/docs/create-widget/ai-widget-editor-embedsocial.jpg)
:::

> Non aggiornare la pagina mentre l'IA genera il tuo widget. Se lo fai, il widget tornerà al design precedente.

## Preferisci partire da un modello?

Puoi anche creare un widget scegliendo uno dei modelli pronti all'uso e personalizzandolo nell'editor. [Scopri come usare e personalizzare i modelli di widget](/docs/widgets/templates/).

## Domande frequenti

**Q: Questo consuma i miei crediti IA?**

Sì, generare un widget consuma crediti IA. Un'azione IA = un credito IA.

**Q: Posso ancora modificare il widget dopo che l'IA lo ha creato?**

Certamente. Una volta che l'IA ha generato il tuo widget, puoi scrivere un nuovo prompt e inviarlo.

**Q: Posso creare più widget da fonti diverse?**

Sì, puoi creare più widget nel tuo account, ognuno da una fonte diversa o da una combinazione di fonti.

**Q: Che cosa succede se ricevo un errore durante la generazione?**

Se vedi l'errore "Unable to generate HTML", nella chat comparirà direttamente un pulsante Retry. Fai clic su di esso per inviare di nuovo il tuo prompt con un solo clic.

## Cosa fare dopo

Il tuo widget è pronto. È il momento di pubblicarlo: [Incorpora il tuo widget nel tuo sito web](/docs/getting-started/embed/).

> Se hai domande, fai clic sull'icona della chat in basso a destra per parlare con il nostro team di assistenza clienti oppure scrivici a [support@embedsocial.com](mailto:support@embedsocial.com). Siamo qui per te 🙏