Introduzione a Webflow - Aiuto Webflow
Scopri come navigare in Webflow.
In Webflow, puoi strutturare, costruire e progettare il tuo sito attraverso pagine, rami e località. Webflow ti consente di creare e gestire contenuti dinamici e dati in modo efficace e fornisce strumenti per analizzare e ottimizzare le prestazioni del sito. Puoi anche condividere il tuo lavoro, richiedere feedback e infine pubblicare il tuo sito in ambienti dedicati (ad esempio, staging e produzione).
Puoi accedere a Webflow dalla Dashboard cliccando sulla miniatura del tuo sito o dalle Impostazioni del sito cliccando su Apri sito nella barra degli strumenti superiore. Gli strumenti a cui hai accesso in Webflow differiscono a seconda del tuo ruolo del sito (ad esempio, revisore, editor di contenuti, ecc.), così puoi accedere rapidamente agli strumenti di cui hai bisogno — e dimenticare quelli di cui non hai bisogno.
Prima di iniziare
Controlla i browser, dispositivi e risoluzioni dello schermo supportati da Webflow.
Collaborazione multiutente
Più membri del team possono collaborare su un sito insieme in Webflow. Per mantenere fluido il processo di progettazione, puoi trasferire il controllo del design tra i tuoi compagni di squadra e vedere dove stanno lavorando altre persone all'interno del tuo sito in tempo reale.
Panoramica dell'interfaccia di Webflow
Quando apri il tuo sito in Webflow, la schermata principale che mostra il tuo sito è il canvas. Intorno al canvas ci sono le seguenti barre degli strumenti e pannelli:
- La barra superiore include la navigazione a schede, la barra contestuale e le azioni del sito (ad es., strumenti di collaborazione e pubblicazione).
- La barra del canvas include annulla/ripristina, navigazione breadcrumb, punti di interruzione espansi e impostazioni del canvas.
- La barra degli strumenti a sinistra include il menu principale, vari pannelli di strumenti e navigazione, impostazioni, audit del sito e tutorial.
- La barra degli strumenti a destra include stili degli elementi, impostazioni e interazioni.
Il canvas
L'area più grande in Webflow è il canvas. Qui puoi interagire con la pagina e progettare in tempo reale. Puoi selezionare elementi, spostarli e modificare i contenuti direttamente sulla pagina. Webflow salva automaticamente il tuo lavoro, ma puoi salvare manualmente il tuo sito premendo Command + S (su Mac) o Control + S (su Windows).
La barra superiore
La barra superiore ti offre un accesso rapido alle modalità di progettazione, al CMS, ad Analyze, Optimize, alle località, a un selettore di pagine e alle azioni del sito.
La navigazione principale a schede include la scheda Design, la scheda CMS e la scheda Insights.
- Scheda Design — Questa scheda indica la modalità corrente (ad es., design, build, ecc.) e ti consente di passare tra le modalità o creare un ramo di pagina. Il ruolo nel sito di un membro determina quali modalità sono disponibili. Ad esempio, i gestori del sito e i designer possono accedere alla modalità design, mentre i marketer possono accedere solo alla modalità build.
- Scheda CMS — Apre il pannello CMS (Content Management System), dove puoi creare e gestire Collezioni, Elementi delle collezioni e prodotti e categorie Ecommerce.
- Scheda Insights — Apre il pannello Insights, dove puoi accedere a Analyze e Optimize. Analyze fornisce analisi del sito con approfondimenti attuabili. Optimize ti consente di eseguire esperimenti sul tuo sito per testare diversi stili, layout, flussi, testi, immagini e altro.
Barra contestuale
La barra contestuale ti consente di gestire le ottimizzazioni del sito con Optimize e di passare tra lingue, pagine, pagine della collezione e elementi della collezione. Indica anche quando stai modificando il componente principale (anziché un'istanza del componente), così come lo stato di approvazione del design.
Azioni del sito
Le azioni del sito sono relative alla pagina specifica su cui ti trovi o al sito stesso. I membri del team che collaborano in tempo reale sul sito sono elencati qui con un avatar o un conteggio.
- Modalità di analisi — Ottieni analisi e approfondimenti a livello di pagina (ad es., quanto scorrono i visitatori e dove cliccano).
- Commenti — Rivedi i commenti lasciati da altri membri del team o aggiungi i tuoi feedback/note.
- Anteprima — Passa alla modalità di anteprima.
- Condividi — Genera un link del sito in sola lettura.
- Pubblica — Pubblica il tuo sito.
La barra del canvas
La barra del canvas è posizionata sopra il canvas per impostazione predefinita, ma puoi spostarla sotto nelle impostazioni del canvas.
- Icone annulla/ripristina — Ripristina o riapplica rapidamente le modifiche.
- Navigazione breadcrumb — Mostra la gerarchia degli elementi dell'elemento selezionato.
- Impostazioni del canvas — Opzioni diverse (ad es., righelli, guide, anteprima zoom testo).
- Punti di interruzione — Anteprima e modifica per diverse dimensioni di dispositivo.
La barra degli strumenti a sinistra
Contiene il menu principale e i pannelli per la strutturazione del sito web.
Clicca sul logo Webflow per accedere al menu principale.
- Ricerca rapida per elementi, componenti, pagine, ecc.
- Azioni annulla/ripristina
- Esporta codice
- Scorciatoie da tastiera
- Apri anteprima CSS
- Ottieni aiuto o invia feedback
Pannelli e registro attività del sito
- Pannello aggiungi — Scorciatoia: A
- Pannello pagine — Scorciatoia: P
- Pannello navigatore — Scorciatoia: Z
- Pannello componenti — Scorciatoia: Shift + A
- Pannello variabili — Scorciatoia: G
- Pannello selettori di stile — Scorciatoia: J
- Pannello risorse — Scorciatoia: L
- Pannello librerie — Scorciatoia: L
- Pannello app — Scorciatoia: E
- Registro attività del sito — Modifiche di design apportate al tuo sito
Impostazioni, assistente di apprendimento AI, audit, ricerca rapida e tutorial
- Pannello impostazioni — Interfaccia, ricerca, backup, localizzazione.
- Assistente di apprendimento AI — Aiuto potenziato dall'AI.
- Pannello audit — Scorciatoia: U.
- Ricerca rapida — Scorciatoia: Command + E (Mac), Control + E (Windows).
- Pannello video tutorial — Corsi video gratuiti.
La barra degli strumenti a destra
Contiene pannelli per stili degli elementi, impostazioni e interazioni.
- Pannello stile — Scorciatoia: S.
- Pannello impostazioni elemento — Scorciatoia: D.
- Pannello interazioni — Scorciatoia: H.
FAQ
Quali browser supporta Webflow?
Webflow supporta ufficialmente le ultime tre versioni principali di tutti i browser moderni: Chrome, Edge, Firefox e Safari. Questo vale sia per la piattaforma che per i siti pubblicati.
Per le funzionalità con supporto limitato, vedere gli articoli correlati:
Webflow non supporta Internet Explorer.
Quali risoluzioni schermo/dispositivi supporta Webflow?
Webflow richiede un computer desktop/portatile con una larghezza dello schermo di almeno 1268px.
Perché Webflow è un'app online/ospitata e non scaricabile?
Webflow è online/ospitata per consentire la progettazione nel browser e aggiornamenti rapidi.
- Design WYSIWYG — effetto diretto su HTML/CSS.
- Aggiornamenti rapidi — Sempre l'ultima versione, nessun aggiornamento manuale.