Funzionalità disponibili solo in Editor 2.0

Generatore di siti AI

Per accelerare il processo di creazione del sito, puoi utilizzare il nostro AI Assistant per generare rapidamente un sito completo di più pagine, layout di pagina diversi e contenuti basati sulle informazioni aziendali e sulle linee guida del brand del tuo cliente.

Per saperne di più, consulta:

Generatore di siti AI tramite API

L'API AI Site Generation di Duda ti permette di creare automaticamente un sito web completo utilizzando le nostre capacità di IA. Questa funzione permette ai partner Duda di creare siti web senza dover utilizzare l'interfaccia AI builder. L'API crea siti basandosi sulle informazioni aziendali, i dettagli dei temi e i requisiti di contenuto che fornisci.

Per saperne di più, consulta la nostra documentazione per sviluppatori.

Palette di colori personalizzata nel generatore di siti AI

Il Generatore di Siti AI può creare una palette di colori personalizzata a partire da un logo caricato.

Categorie di template personalizzate

Puoi assegnare una o più categorie ai tuoi template personalizzati. Questo significa un modo molto più organizzato di cercare, filtrare e utilizzare i tuoi template personalizzati tra progetti e clienti.

Per saperne di più, consulta l'aggiornamento del prodotto Custom Template Categories.

Nuovi modelli creati solo per Editor 2.0

Stiamo creando splendidi modelli per siti Editor 2.0.

Dai un'occhiata ad alcuni dei nostri modelli più recenti basati su Editor 2.0:

Mega Menu

Un Mega Menu è un tipo di menu di navigazione comunemente utilizzato sui siti web per organizzare e visualizzare una grande quantità di contenuti o opzioni in modo strutturato e visivamente accattivante. A differenza di un menu a tendina tradizionale che mostra una singola colonna di link, Mega Menu si espande ulteriormente orizzontalmente. I casi d'uso comuni includono siti di eCommerce con molte categorie di prodotti, siti di viaggio con molte destinazioni o aziende di servizi che offrono una vasta gamma di servizi.

Per saperne di più, consulta l'articolo sul supporto Mega Menu e l'aggiornamento del prodotto Mega Menu.

Disposizioni delle sezioni su desktop

Quando clicchi su +Aggiungi sezione nell'editor, vedrai un'opzione di layout con layout vuoti predefiniti tra cui scegliere.

Per saperne di più, consulta il layout della sezione desktop aggiornamento del prodotto.

Salva e aggiungi sezioni progettate nell'intestazione

Puoi aggiungere sia sezioni vuote che sezioni progettate al tuo header. Puoi anche salvare le sezioni di intestazione per riutilizzarle in altri siti o progetti.

Nascondi per dispositivo e su tutti i dispositivi

Nascondere (e rimuovere) facilmente elementi per dispositivo o su tutti con pochi clic.

Per saperne di più, consulta il nostro articolo di supporto Manage Elements .

Nascondere il piè di pagina

Per imparare a nascondere facilmente il footer per ogni dispositivo, consulta il nostro articolo di supporto Footer .

Ancora predefinita "bottom" su tutte le pagine

Nel selettore di link, puoi usare l'opzione anchor per collegare qualsiasi widget linkabile direttamente alla parte inferiore di una pagina specifica. Per aiutarti a risparmiare tempo, l'ancora "inferiore" viene creata di default per ogni pagina.

Panel Learn

Aggiungiamo altri tutorial passo dopo passo alla nostra libreria Editor 2.0 così potrai rapidamente affinare le tue abilità avanzate di design e creare effetti visivi coinvolgenti nei siti che crei. Per accedere al pannello Impara, nel pannello laterale dell'editor clicca su Altro, poi seleziona Impara.

Per saperne di più, consulta il nostro aggiornamento sul prodotto Learn Panel.

Panel Learn con etichetta bianca

Un pannello Learn white label offre tutorial Editor 2.0 senza marchio per aiutare i tuoi clienti a perfezionare le loro competenze avanzate di design.

Il pannello dei livelli rimane aperto quando si cambia pagina

Il pannello dei Livelli rimane aperto anche cambiando pagina, permettendoti di risparmiare tempo e di non dover aprire ripetutamente il pannello.

I pannelli Design, Layer e Learn spingono la canvas di default

Quando sono aperti, i pannelli Design, Layer, e Learn non coprono la tela ma la spingono di lato in modo che tu possa ancora vedere tutto.

Controllo della colonna interna granulare (spazio tra elementi)

Puoi impostare la spaziatura predefinita per le nuove colonne interne. Questo permette di avere un controllo granulare sullo spazio tra gli elementi.

Per saperne di più, consulta l'articolo di supporto sui temi del sito.

Scopertibilità dei commenti del sito per i clienti

Abbiamo migliorato la scopertibilità dei commenti del sito all'interno dell'editor rendendoli disponibili su specifiche pagine dinamiche e store. Inoltre, ora puoi spostare la finestra di un commento esistente per vedere l'elemento specifico del sito su cui è stato lasciato nella tela.

Per saperne di più, consulta l'articolo di supporto sui commenti del sito e l'aggiornamento prodotto dei commenti del sito.

Testo reattivo

Quando la scalatura del testo è attivata, la dimensione del testo si adegua automaticamente rispetto alla dimensione dello schermo del visitatore che vede il tuo sito. Questo migliora la leggibilità, la reattività e l'accessibilità.

Per saperne di più, consulta il nostro articolo di supporto sui temi del sito.

Cambio colore sulla rotolatura

Puoi impostare un colore di sfondo per la tua sezione che cambia in modo fluido man mano che l'utente scorre la sezione. Questo può aumentare l'engagement aggiungendo una pausa visiva dinamica e segnalando le transizioni di contenuto.

Per saperne di più, consulta l'articolo di supporto Element Backgrounds e l'aggiornamento del prodotto Color Change on Scroll.

Imposta lo sfondo dell'immagine per dimensione dello schermo

Per saperne di più, consulta l'articolo di supporto alla configurazione delle immagini di sfondo.

Effetto parallasse sull'immagine di sfondo su tutte le dimensioni dello schermo

Il parallax è un effetto di design in cui gli elementi di sfondo si muovono più lentamente di quelli in primo piano mentre scorri verso il basso una pagina web. Questo crea un'illusione di profondità e un'esperienza visiva più dinamica e coinvolgente.

Per saperne di più, consulta l'articolo sul supporto alla configurazione delle immagini disfondo, l'aggiornamento del prodotto effetto Parallax e il post sul blog di Parallax.

Cursore di velocità per l'immagine di sfondo parallasse

Per le immagini di sfondo parallasse, puoi usare il cursore della velocità per controllare la velocità con cui l'immagine di sfondo si muove mentre il visitatore scorre verso il basso la pagina.

hover effetti sui contenitori

Per saperne di più su come aggiungere un effetto hover a un contenitore, consulta la sezione Animazione e Sfondo dell'articolo di supporto Design with Flex e l'aggiornamento del prodottohover animation.

Sovrapposizione del header per punto di interruzione

Hai la flessibilità di impostare l'intestazione affinché si sovrapponi al contenuto della prima riga della pagina. Questo può creare un effetto visivamente gradevole in cui l'intestazione si integra perfettamente con il contenuto.

Per saperne di più, consulta l'articolo di supporto Header Overlap.

Controllo finemente calibrato sulla larghezza dei contenuti del sito

Puoi controllare la larghezza delle sezioni non piene. Questo può aiutare a migliorare la leggibilità, specialmente per sezioni molto testuali come post di blog o blocchi informativi.

Per saperne di più, consulta l'articolo di supporto su Larghezza e Spaziamento.

Editor fotografico migliorato e rimozione dello sfondo fotografico

Abbiamo aggiornato il nostro editor di immagini quindi ora include più opzioni, la più importante è la rimozione dello sfondo di un'immagine.

Per saperne di più, consulta l'articolo di supporto Image Editor e il nostro aggiornamento del prodotto Image Editor.

Spaziatura tematica per sezioni e colonne

Puoi definire la spaziatura e la larghezza predefinite per nuove sezioni, colonne e colonne interne aggiunte al tuo sito.

Per saperne di più, consulta l'articolo di supporto su Larghezza e Spaziamento.

Margini inline

Per gli elementi all'interno di una colonna o di una colonna interna, puoi rapidamente regolare il margine dell'elemento trascinando i bordi dell'elemento sulla tela nella stessa direzione della colonna.

Per saperne di più, consulta l'articolo di supporto a Inline Margins.

Hamburger widget

Il widget Menu Hamburger ti permette di posizionare e allineare le icone del menu ovunque nell'intestazione o anche in altre aree del sito, regolandone colore, dimensione e design. Puoi selezionare dalla libreria di icone o caricare le tue icone personalizzate.

Per saperne di più, consulta l'articolo di supporto al Menu Hamburger e l'aggiornamento del prodotto del Menu Hamburger.

Tabulazioni avanzate widget

Il widget Schede Avanzate permette ai visitatori del sito di cliccare tra le schede (invece di scorrere il testo) per visualizzare contenuti correlati.

Per saperne di più, consulta l'articolo di supporto Advanced Tabs.

Fisarmonica Avanzata widget

Il widget Advanced Accordion offre ulteriore flessibilità di design permettendo di personalizzare ogni elemento della fisarmonica singolarmente. Ogni sezione a fisarmonica può espandersi cliccando, permettendo ai visitatori del sito di accedere rapidamente alle informazioni e scorrere oltre ciò di cui non hanno bisogno. L'Advanced Accordion può essere utilizzato per visualizzare in modo compatto contenuti come FAQ, punti salienti dei prodotti o eventi imminenti.

Per saperne di più, consulta l'articolo di supporto Advanced Accordion.

Forma Avanzata widget

Il widget Moduli Avanzati ti permette di creare moduli personalizzati che stimolano sia il coinvolgimento che la conversione, integrandosi perfettamente con il design del tuo sito. Ad esempio, puoi creare un modulo per raccogliere informazioni sui potenziali clienti, raccogliere feedback dei clienti o offrire l'iscrizione all'account e all'evento.

Per saperne di più, consulta l'articolo di supporto Advanced Form e il nostro aggiornamento del prodotto Advanced Form.

Pulsante fisso/fissato

I pulsanti fissi o fissati restano fedeli al loro elemento genitore (colonna o colonna interna) finché l'elemento genitore è presente nella viewport.

Per saperne di più, consulta l'articolo di supporto sui pulsanti fissati.

Opzione "Scorri fino in fondo" nel selettore di link

Abbiamo aggiunto una nuova opzione di collegamento 'scorri fino in fondo' nel selettore di link quando si modificano pulsanti e widget delle icone nell'Editor 2.0. Questo permette ai visitatori di scorrere direttamente fino al fondo del footer.

Per saperne di più, consulta l'articolo di supporto Link Picker e il nostro aggiornamento del prodotto Scroll to Bottom.

Collegamento a un contenitore

Puoi collegarti a un contenitore (colonna, colonna interna o griglia avanzata) dal selezionatore di collegamenti.

Per saperne di più, consulta l'articolo di supporto Link Selectioner.

Layout multipli di blog

Puoi usare layout diversi per diversi tipi di contenuti all'interno dello stesso blog. Che si tratti di aggiornamenti di notizie, casi di studio, articoli SEO o articoli di portfolio, ogni post può avere il proprio design perfetto.

Per saperne di più, consulta l'articolo di supporto del Blog e l'aggiornamento del nostro prodotto Blog Layout.