> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Internal links on these pages omit the .md extension. Append .md to a docs page URL, or send an Accept: text/markdown header, to get that page as markdown.

# Conoscere l'editor dell'app

> Fai un tour dell'editor dell'app di Base44: chat AI, anteprima, modalità Edit, canvas, Dashboard, cronologia delle versioni, branch e pubblicazione, e dove trovare ciascuno.

export const ImageHotspots = ({src, alt, spots = []}) => {
  const [active, setActive] = useState(null);
  const closeTimer = useRef(null);
  const toggle = i => setActive(current => current === i ? null : i);
  const open = i => {
    clearTimeout(closeTimer.current);
    setActive(i);
  };
  const scheduleClose = i => {
    clearTimeout(closeTimer.current);
    closeTimer.current = setTimeout(() => setActive(current => current === i ? null : current), 250);
  };
  const accent = '#FF6A00';
  return <div className="not-prose" style={{
    margin: '24px 0'
  }}>
      <div style={{
    position: 'relative',
    borderRadius: 12,
    overflow: 'visible',
    border: '1px solid rgba(0,0,0,0.08)'
  }}>
        <img src={src} alt={alt} style={{
    display: 'block',
    width: '100%',
    height: 'auto',
    borderRadius: 12,
    margin: 0
  }} />
        {spots.map((spot, i) => spot.from === undefined ? null : <div key={`line-${i}`} aria-hidden="true" style={{
    position: 'absolute',
    left: `${spot.x}%`,
    top: `${Math.min(spot.from, spot.y)}%`,
    height: `${Math.abs(spot.y - spot.from)}%`,
    width: 2,
    transform: 'translateX(-50%)',
    background: accent,
    zIndex: 10,
    pointerEvents: 'none'
  }} />)}
        {spots.map((spot, i) => {
    const isActive = active === i;
    const cardOnLeft = spot.x > 60;
    const cardAbove = spot.y > 65;
    return <div key={i} style={{
      position: 'absolute',
      left: `${spot.x}%`,
      top: `${spot.y}%`,
      transform: 'translate(-50%, -50%)',
      zIndex: isActive ? 30 : 20
    }} onMouseEnter={() => open(i)} onMouseLeave={() => scheduleClose(i)}>
              <button type="button" aria-label={`${i + 1}. ${spot.title}`} aria-expanded={isActive} onClick={() => toggle(i)} style={{
      width: 'clamp(16px, 1.9vw, 22px)',
      height: 'clamp(16px, 1.9vw, 22px)',
      borderRadius: '50%',
      border: '2px solid #fff',
      background: accent,
      color: '#fff',
      fontSize: 'clamp(9px, 1.1vw, 12px)',
      fontWeight: 700,
      lineHeight: 1,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      cursor: 'pointer',
      boxShadow: isActive ? `0 0 0 6px rgba(255,106,0,0.25)` : '0 1px 4px rgba(0,0,0,0.3)',
      padding: 0
    }}>
                {i + 1}
              </button>
              {isActive && <div style={{
      position: 'absolute',
      [cardOnLeft ? 'right' : 'left']: '100%',
      [cardAbove ? 'bottom' : 'top']: -6,
      [cardOnLeft ? 'paddingRight' : 'paddingLeft']: 10
    }}>
                <div role="tooltip" style={{
      width: 240,
      background: '#fff',
      color: '#1a1a1a',
      border: '1px solid rgba(0,0,0,0.1)',
      borderRadius: 10,
      boxShadow: '0 8px 24px rgba(0,0,0,0.15)',
      padding: '12px 14px',
      fontSize: 14,
      lineHeight: 1.45,
      textAlign: 'left'
    }}>
                  <div style={{
      fontWeight: 600,
      marginBottom: 4
    }}>{spot.title}</div>
                  <div style={{
      color: '#444'
    }}>{spot.text}</div>
                  {spot.href && <a href={spot.href} style={{
      display: 'inline-block',
      marginTop: 8,
      color: accent,
      fontWeight: 600,
      textDecoration: 'none'
    }}>
                      {spot.linkText || 'Learn more'} →
                    </a>}
                </div>
                </div>}
            </div>;
  })}
      </div>

      <ol style={{
    listStyle: 'none',
    padding: 0,
    margin: '16px 0 0',
    display: 'grid',
    gap: 8
  }}>
        {spots.map((spot, i) => <li key={i} style={{
    display: 'flex',
    gap: 10,
    alignItems: 'flex-start',
    margin: 0
  }}>
            <button type="button" onClick={() => toggle(i)} aria-label={`Show ${spot.title} on the screenshot`} style={{
    flex: '0 0 auto',
    width: 22,
    height: 22,
    marginTop: 2,
    borderRadius: '50%',
    border: 'none',
    background: active === i ? accent : 'rgba(255,106,0,0.15)',
    color: active === i ? '#fff' : accent,
    fontSize: 12,
    fontWeight: 700,
    cursor: 'pointer',
    padding: 0
  }}>
              {i + 1}
            </button>
            <span style={{
    fontSize: 15,
    lineHeight: 1.55
  }}>
              <strong>{spot.title}:</strong> {spot.text}
              {spot.href && <>
                  {' '}
                  <a href={spot.href} style={{
    color: accent
  }}>
                    {spot.linkText || 'Learn more'}
                  </a>
                </>}
            </span>
          </li>)}
      </ol>
    </div>;
};

L'editor dell'app è dove crei la tua app Base44. Descrivi ciò che vuoi nella chat AI a sinistra e la tua app si aggiorna nell'anteprima a destra. Così vedi ogni modifica mentre avviene. Usa questo tour per scoprire cosa fa ogni parte dell'editor dell'app e dove trovarla. Poi segui i link quando vuoi approfondire.

***

## In sintesi

L'editor dell'app ha 2 aree principali: la chat AI a sinistra e la tua app a destra. I controlli che usi di più si trovano nella barra sopra di esse. Passa il mouse o tocca un numero per vedere cosa fa ogni parte.

<ImageHotspots
  src="/images/app-editor-map.png"
  alt="Uno screenshot dell'editor dell'app con il pannello della chat AI a sinistra, l'anteprima dell'app a destra e la barra superiore in alto"
  spots={[
{ x: 12.5, y: 86, title: "Chat AI", text: "Descrivi cosa vuoi creare o modificare e guarda l'anteprima aggiornarsi.", href: "#chatting-with-ai" },
{ x: 13.2, y: 9, from: 4.5, title: "Branch", text: "Prova le modifiche su una copia separata della tua app prima di unirle.", href: "#trying-ideas-safely" },
{ x: 20.8, y: 9, from: 4.5, title: "Cronologia delle versioni", text: "Torna a una versione precedente della tua app.", href: "#undoing-changes" },
{ x: 23.3, y: 15, from: 4.5, title: "Nascondi pannello chat", text: "Visualizza la tua app a tutta larghezza, senza la chat. Clicca di nuovo per riaprire la chat." },
{ x: 28.1, y: 9, from: 4.5, title: "Anteprima", text: "Vedi la tua app come la vedranno i visitatori e provala.", href: "#previewing-your-app" },
{ x: 34.2, y: 9, from: 4.5, title: "Dashboard", text: "Gestisci dati, utenti, impostazioni e altro della tua app.", href: "#using-the-dashboard" },
{ x: 40.3, y: 9, from: 4.5, title: "Edit", text: "Modifica a mano testi, colori, font e spaziature.", href: "/it/Building-your-app/Design" },
{ x: 44.2, y: 9, from: 4.5, title: "Canvas", text: "Vedi tutte le tue pagine insieme su un'unica lavagna.", href: "/it/Building-your-app/Canvas" },
{ x: 65.0, y: 9, from: 4.5, title: "Campo pagina", text: "Apri un'altra pagina o aggiorna l'anteprima.", href: "/it/Building-your-app/managing-your-pages", linkText: "Gestire le pagine" },
{ x: 71.7, y: 9, from: 4.5, title: "Dispositivo", text: "Controlla l'aspetto della tua app su desktop, tablet e mobile.", href: "#previewing-your-app" },
{ x: 85.7, y: 9, from: 4.5, title: "Commenti", text: "Lascia feedback ai tuoi collaboratori su qualsiasi pagina.", href: "/it/Building-your-app/Commenting-on-your-app" },
{ x: 89.1, y: 15, from: 4.5, title: "Collaboratori", text: "Vedi chi sta creando con te e invita altre persone.", href: "#working-with-others" },
{ x: 92.4, y: 9, from: 4.5, title: "Altre azioni", text: "Trova gli strumenti che usi meno spesso, come Act as a user e il monitor delle attività.", href: "#additional-actions" },
{ x: 96.5, y: 15, from: 4.5, title: "Pubblica", text: "Metti online la tua app.", href: "#publishing-your-app" },
]}
/>

<Tip>
  Sei nuovo su Base44? Inizia dalla chat AI. Puoi creare un'intera app solo chattando e tornare al resto dell'editor quando ti serve. Niente di ciò che crei è online finché non clicchi su **Publish**. Inoltre puoi annullare qualsiasi modifica, quindi sperimenta liberamente.
</Tip>

***

## Chattare con l'AI

La chat AI a sinistra è dove crei. Descrivi ciò che vuoi con parole semplici e l'AI aggiorna la tua app. Nella casella dei messaggi puoi anche allegare file, scegliere un modello e impostare istruzioni personalizzate. Scopri di più su come [usare la chat AI](/it/Building-your-app/AI-chat-modes).

La chat AI ha 2 modalità. Passa dall'una all'altra con il pulsante della modalità nella casella dei messaggi. In alternativa, premi **Cmd+.** (Mac) o **Ctrl+.** (Windows):

* **Build:** L'AI modifica la tua app mentre chatti.
* **Discuss:** Fai domande o pianifica la prossima modifica. L'AI non modifica il codice finché non approvi.

<Frame caption="Scegliere tra Build e Discuss nella chat AI">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-chat-modes.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=c8daea23cd13a90750ff2feb2e1ce71e" alt="La casella dei messaggi della chat AI con il menu a discesa della modalità aperto ed evidenziato, che mostra Build e Discuss" style={{ maxWidth: "420px" }} width="806" height="500" data-path="images/app-editor-chat-modes.png" />
</Frame>

<Tip>
  Non sai come chiedere qualcosa? Usa prima **Discuss** per parlarne, poi passa a **Build** quando sei pronto. Scopri di più su come [scrivere buoni prompt](/it/Getting-Started/Prompt-guide).
</Tip>

***

## Visualizzare l'anteprima dell'app

L'anteprima a destra mostra la tua app come la vedono le persone che la usano. Navigala per testare la tua app mentre la crei.

In cima all'anteprima puoi:

* **Aprire un'altra pagina:** Digita il percorso di una pagina nel campo pagina, ad esempio `/home`. Scopri di più su come [gestire le pagine](/it/Building-your-app/managing-your-pages).
* **Aggiornare l'anteprima:** Clicca sull'icona di aggiornamento all'inizio del campo pagina.
* **Controllare altre dimensioni dello schermo:** Clicca sull'icona del dispositivo alla fine del campo pagina per passare tra desktop, tablet e mobile.
* **Modificare a mano:** Clicca su **Edit**, poi clicca su qualsiasi elemento della tua app. Puoi modificarne testo, colori, font o spaziature senza usare la chat AI. Scopri di più su come [progettare la tua app](/it/Building-your-app/Design).
* **Vedere tutte le pagine insieme:** Clicca sull'icona **Canvas** per disporre tutte le pagine su un'unica lavagna. Puoi aggiungere note adesive e disegni e inviare idee alla chat AI. Scopri di più su come [usare il canvas](/it/Building-your-app/Canvas).

<Frame caption="Selezionare un elemento in modalità Edit per aprire le opzioni di stile">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-edit-mode.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=aa93e083f39530ac1bb265db851af998" alt="La modalità Edit con un titolo selezionato nell'anteprima, la barra degli strumenti di stile aperta e il pulsante Edit evidenziato" width="1798" height="860" data-path="images/app-editor-edit-mode.png" />
</Frame>

***

## Annullare le modifiche

Ogni modifica viene salvata come versione, quindi puoi sempre tornare indietro. Scegli il metodo adatto a ciò che vuoi annullare:

* **Una modifica dell'AI:** Passa il mouse sul messaggio nella chat e clicca sull'icona **Revert** sotto di esso. La tua app torna com'era prima di quel messaggio. Anche le modifiche successive vengono annullate.
* **Una modifica fatta a mano:** In **Edit** o **Canvas**, clicca sul pulsante Annulla nella barra, oppure premi **Cmd+Z** (Mac) o **Ctrl+Z** (Windows).
* **Molte modifiche insieme:** Clicca sull'icona **Version history** sopra la chat AI. Puoi visualizzare in anteprima qualsiasi versione precedente, ripristinarla nell'editor dell'app o pubblicarla direttamente mentre continui a lavorare sulla bozza.

Scopri di più su come [annullare le modifiche](/it/Building-your-app/AI-chat-modes#reverting-changes).

***

## Usare la Dashboard

Clicca su **Dashboard** in cima all'anteprima per gestire tutto ciò che sta dietro la tua app, come dati, utenti, domini e impostazioni. Ogni sezione si apre dalla barra laterale a sinistra. Alcune sezioni appaiono solo quando la tua app le usa. Ad esempio, **Payments** appare dopo aver collegato un fornitore di pagamenti. **Secrets** appare quando la tua app ha funzioni backend.

<Frame caption="La Dashboard, aperta su Overview">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-dashboard.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=ab3398eaf36f8aa00c365d7e2e212f2b" alt="La Dashboard dell'app aperta su Overview, con la barra laterale che elenca tutte le sezioni" width="1440" height="665" data-path="images/app-editor-dashboard.png" />
</Frame>

| Sezione | Cosa puoi fare | Scopri di più |
| - | - | - |
| **Overview** | Controllare lo stato della tua app e chi può aprirla | [Visibilità dell'app](/it/Setting-up-your-app/Managing-access#setting-your-app-visibility) |
| **App Users** | Invitare persone nella tua app e sceglierne i ruoli | [Gestire l'accesso](/it/Setting-up-your-app/Managing-access) |
| **Data** | Visualizzare e modificare i dati salvati dalla tua app | [Gestire i dati dell'app](/it/Building-your-app/Managing-your-app-data) |
| **Analytics** | Vedere quante persone visitano la tua app e cosa fanno | [Analisi dell'app](/it/documentation/performance-and-seo/app-analytics) |
| **Marketing** | Migliorare la SEO e promuovere la tua app | [Creare un piano di marketing](/it/promoting-your-app/creating-a-marketing-plan) |
| **Domains** | Cambiare l'URL della tua app o collegare un dominio personalizzato | [Configurare il dominio](/it/Setting-up-your-app/Setting-up-your-custom-domain) |
| **Integrations** | Collegare la tua app ad altri servizi | [Usare le integrazioni](/it/Integrations/Using-integrations) |
| **Security** | Scansionare la tua app alla ricerca di problemi di sicurezza e risolverli | [Eseguire una scansione di sicurezza](/it/Setting-up-your-app/running-a-security-scan) |
| **Code** | Visualizzare e modificare il codice della tua app | [Strumenti per sviluppatori](/it/documentation/building-your-app/developer-tools) |
| **Agents** | Aggiungere agenti AI che lavorano all'interno della tua app | [Agenti in-app](/it/Building-your-app/AI-agents-for-apps) |
| **Workflows** | Automatizzare attività che vengono eseguite secondo una pianificazione o quando succede qualcosa | [Creare workflow](/it/Building-your-app/Creating-workflows) |
| **Emails** | Progettare le email inviate dalla tua app | [Progettare le email](/it/Building-your-app/Designing-emails) |
| **Logs** | Esaminare tutto ciò che accade nella tua app | [Esplorare i log dell'app](/it/Building-your-app/exploring-app-logs) |
| **API** | Collegare altri strumenti ai dati della tua app | [L'API della tua app](/it/Building-your-app/your-apps-api-page) |
| **Settings** | Cambiare il nome e le impostazioni generali della tua app, oppure eliminarla | |
| **MCP** | Permettere agli assistenti AI di lavorare con la tua app | [MCP dell'app](/it/Integrations/app-mcp) |

<Tip>
  Usa la casella di ricerca in cima alla barra laterale della Dashboard per raggiungere una sezione, una tabella di dati o un connettore per nome.
</Tip>

***

## Pubblicare la tua app

Quando la tua app è pronta, clicca su **Publish** in alto a destra per metterla online. Nel pannello **Publish Your App** puoi copiare il link della tua app e scegliere chi può aprirla con **App visibility**. Puoi anche [collegare un dominio personalizzato](/it/Setting-up-your-app/Setting-up-your-custom-domain).

<Note>
  La tua app online cambia solo quando pubblichi. Continua a lavorare nell'editor dell'app, poi clicca di nuovo su **Publish** quando vuoi che le persone vedano la versione più recente.
</Note>

***

## Lavorare con altre persone

Clicca su **Add collaborator** (+) accanto agli avatar in alto a destra per invitare qualcuno a creare con te. Tutti vedono la stessa bozza e gli avatar mostrano chi è nell'editor dell'app in quel momento. Usa **Comments** in cima all'anteprima per lasciare un feedback su una parte specifica di una pagina. Scopri di più su come [lavorare con i collaboratori](/it/Setting-up-your-app/Managing-access#working-with-collaborators) e [commentare la tua app](/it/Building-your-app/Commenting-on-your-app).

<Frame caption="Il menu dei collaboratori nell'editor dell'app">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-collaborators.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=d47480d30a47354eb7aa2ac4bd47b825" alt="Il menu dei collaboratori aperto dalla barra superiore dell'editor dell'app, con Invite collaborators evidenziato" width="1570" height="640" data-path="images/app-editor-collaborators.png" />
</Frame>

***

## Provare idee in sicurezza

Vuoi provare un nuovo design o una funzionalità rischiosa senza mettere a rischio la tua app funzionante? Creala su un branch. Un branch è una copia separata della tua app. Puoi sperimentare liberamente mentre la versione principale resta esattamente com'è. Se il risultato ti piace, uniscilo. Altrimenti elimina il branch e non cambia nulla.

Per crearne uno, clicca su **Main** accanto al nome della tua app sopra la chat AI. Scopri di più su come [lavorare con i branch](/it/Building-your-app/working-with-branches).

***

## Azioni aggiuntive

L'icona **More actions** <Icon icon="ellipsis" color="currentColor" /> in alto a destra contiene gli strumenti che usi meno spesso.

<Frame caption="Il menu More actions nell'editor dell'app">
  <img src="https://mintcdn.com/base44/Msn4A99N2xbeBdVC/images/app-editor-more-actions.png?fit=max&auto=format&n=Msn4A99N2xbeBdVC&q=85&s=625a255ef90e864511a3e62bc818b76d" alt="Il menu More actions aperto ed evidenziato nella barra superiore dell'editor dell'app" width="1570" height="760" data-path="images/app-editor-more-actions.png" />
</Frame>

| Azione | Cosa fa | Scopri di più |
| - | - | - |
| **Act as a user** | Visualizza la tua app come uno dei tuoi utenti per controllare cosa vede | [Testare la tua app come utente](/it/Setting-up-your-app/Managing-access#testing-your-app-as-a-user) |
| **Testing agent** | Fa testare la tua app da un agente AI | [L'agente di test](/it/documentation/managing-app-data/testing-agent) |
| **GitHub connection** | Sincronizza il codice della tua app con un repository GitHub | [Integrazione con GitHub](/it/documentation/building-your-app/developer-tools#integrating-with-github) |
| **This page's files** | Mostra i file di codice della pagina in cui ti trovi, oppure clicca su **See all files** | [Strumenti per sviluppatori](/it/documentation/building-your-app/developer-tools) |
| **Compare with live code** | Mostra cosa è cambiato dall'ultima pubblicazione | [Annullare le modifiche](/it/Building-your-app/AI-chat-modes#reverting-changes) |
| **Activity monitor** | Mostra cosa è in esecuzione nella tua app in questo momento | [Strumenti per sviluppatori](/it/documentation/building-your-app/developer-tools) |
| **Export project as ZIP** | Scarica il codice della tua app | [Strumenti per sviluppatori](/it/documentation/building-your-app/developer-tools) |
| **Send to Coding Agent** | Continua a creare con il tuo agente di programmazione, come Claude, ChatGPT o un agente CLI locale. Disponibile dal piano Builder in su. | [Strumenti per sviluppatori](/it/documentation/building-your-app/developer-tools) |
| **Help center** | Apre il centro assistenza di Base44 | |

***

## Muoversi più velocemente

Premi **Cmd+K** (Mac) o **Ctrl+K** (Windows) per aprire la palette dei comandi. Cerca pagine, file e dati oppure passa direttamente a un'azione, come pubblicare la tua app o invitare un collaboratore. Puoi anche cercare nella documentazione di Base44, tutto senza uscire dall'editor dell'app. La palette dei comandi funziona anche nella home page del tuo workspace.

<Frame caption="La palette dei comandi nell'editor dell'app">
  <img src="https://mintcdn.com/base44/Ii_lXe0tG_nK5Sie/images/keyboardcommands.jpg?fit=max&auto=format&n=Ii_lXe0tG_nK5Sie&q=85&s=b62a1a978d21d5eb2c0cd5560bcdd181" alt="La palette dei comandi aperta nell'editor dell'app, con i risultati di ricerca raggruppati per tipo" width="940" height="501" data-path="images/keyboardcommands.jpg" />
</Frame>

Queste scorciatoie funzionano in tutto l'editor dell'app:

| Scorciatoia | Cosa fa |
| - | - |
| **Cmd+K** / **Ctrl+K** | Apre la palette dei comandi |
| **Cmd+.** / **Ctrl+.** | Passa tra Build e Discuss |
| **Cmd+Z** / **Ctrl+Z** | Annulla una modifica in modalità Edit o nel canvas |
| **Cmd+Shift+Z** / **Ctrl+Shift+Z** | Ripete una modifica in modalità Edit o nel canvas |
| **Enter** | Invia il messaggio nella chat AI |
| **Shift+Enter** | Va a capo nel messaggio |

Puoi invertire le scorciatoie Enter e Shift+Enter nelle [preferenze del tuo account](/it/documentation/account-and-billing/managing-your-account). Il canvas ha le sue [scorciatoie per disegno e layout](/it/Building-your-app/Canvas).

***

## Domande frequenti

Clicca su una domanda qui sotto per saperne di più su come orientarti nell'editor dell'app.

<AccordionGroup>
  <Accordion title="Posso usare l'editor dell'app sul telefono?">
    Sì. Puoi creare dal browser del telefono aprendo [base44.com](https://base44.com) e accedendo, oppure dall'app Base44 per iOS e Android. Sul telefono, l'anteprima della tua app occupa tutto lo schermo. Tocca **Chat to Edit** per aprire la chat AI.

    Alcune funzionalità sono disponibili solo su desktop, tra cui la modalità Edit, i permessi sui dati, la modifica del codice, il lavoro con le API e i modelli di app. Scopri di più su come [usare Base44 da mobile](/it/Building-your-app/Mobile-experience).
  </Accordion>

  <Accordion title="Devo salvare il mio lavoro?">
    No. Il tuo lavoro nell'editor dell'app viene conservato man mano e ogni modifica dell'AI diventa una versione a cui puoi tornare. La tua app online cambia solo quando clicchi su **Publish**.
  </Accordion>

  <Accordion title="Le persone possono vedere la mia app prima che la pubblichi?">
    No. L'anteprima è solo per te e i tuoi collaboratori. Nessun altro può aprire la tua app finché non la pubblichi. Dopo, chi può aprirla dipende dalla [visibilità della tua app](/it/Setting-up-your-app/Managing-access#setting-your-app-visibility).
  </Accordion>

  <Accordion title="Perché non vedo alcuni pulsanti?">
    Ciò che vedi dipende dal tuo ruolo e dalla tua app. Ad esempio, chi ha accesso in sola lettura non vede **Edit** né il menu **More actions**. Alcune sezioni della Dashboard appaiono solo quando la tua app le usa. Nelle finestre più piccole, alcuni controlli vengono raggruppati in menu.
  </Accordion>

  <Accordion title="Cosa devo fare se l'editor dell'app non si carica?">
    Prova ad aggiornare la pagina, svuotare la cache del browser o disattivare le estensioni del browser. Puoi anche aprire Base44 in una finestra privata o in un altro browser. Se ancora non si carica, consulta la [risoluzione dei problemi](/it/Community-and-support/Troubleshooting).
  </Accordion>
</AccordionGroup>

***

## Argomenti correlati

Approfondisci le parti dell'editor dell'app che usi di più.

<CardGroup cols={2}>
  <Card title="Usare la chat AI" icon="message" href="/it/Building-your-app/AI-chat-modes">
    Modalità Build e Discuss, modelli, Auto approve e annullamento delle modifiche.
  </Card>

  <Card title="Progettare la tua app" icon="palette" href="/it/Building-your-app/Design">
    Cambia colori, font e layout con la modalità Edit e i temi.
  </Card>

  <Card title="Gestire i dati dell'app" icon="database" href="/it/Building-your-app/Managing-your-app-data">
    Visualizza, modifica, importa ed esporta i dati salvati dalla tua app.
  </Card>

  <Card title="Scegliere chi può accedere alla tua app" icon="users" href="/it/Setting-up-your-app/Managing-access">
    Imposta la visibilità, invita utenti e aggiungi collaboratori.
  </Card>
</CardGroup>

<script type="application/ld+json">
  {`{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Posso usare l'editor dell'app sul telefono?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Sì. Puoi creare dal browser del telefono aprendo base44.com e accedendo, oppure dall'app Base44 per iOS e Android. Sul telefono, l'anteprima della tua app occupa tutto lo schermo. Tocca Chat to Edit per aprire la chat AI. Alcune funzionalità sono disponibili solo su desktop, tra cui la modalità Edit, i permessi sui dati, la modifica del codice, il lavoro con le API e i modelli di app. Scopri di più su come usare Base44 da mobile."
        }
      },
      {
        "@type": "Question",
        "name": "Devo salvare il mio lavoro?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No. Il tuo lavoro nell'editor dell'app viene conservato man mano e ogni modifica dell'AI diventa una versione a cui puoi tornare. La tua app online cambia solo quando clicchi su Publish."
        }
      },
      {
        "@type": "Question",
        "name": "Le persone possono vedere la mia app prima che la pubblichi?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "No. L'anteprima è solo per te e i tuoi collaboratori. Nessun altro può aprire la tua app finché non la pubblichi. Dopo, chi può aprirla dipende dalla visibilità della tua app."
        }
      },
      {
        "@type": "Question",
        "name": "Perché non vedo alcuni pulsanti?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Ciò che vedi dipende dal tuo ruolo e dalla tua app. Ad esempio, chi ha accesso in sola lettura non vede Edit né il menu More actions. Alcune sezioni della Dashboard appaiono solo quando la tua app le usa. Nelle finestre più piccole, alcuni controlli vengono raggruppati in menu."
        }
      },
      {
        "@type": "Question",
        "name": "Cosa devo fare se l'editor dell'app non si carica?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Prova ad aggiornare la pagina, svuotare la cache del browser o disattivare le estensioni del browser. Puoi anche aprire Base44 in una finestra privata o in un altro browser. Se ancora non si carica, consulta la risoluzione dei problemi."
        }
      }
    ]
    }`}
</script>

<Note>Questa pagina è stata tradotta con l'AI. Per le informazioni più accurate e aggiornate, consulta la [versione inglese](/). </Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.