Seguici sui social

Recensione di Divi: come questo builder fa risparmiare ore sulla progettazione di siti web

Strumenti AI 101

Recensione di Divi: come questo builder fa risparmiare ore sulla progettazione di siti web

mm

Unite.AI si impegna a rigorosi standard editoriali. Potremmo ricevere un compenso quando fai clic sui link ai prodotti che esaminiamo. Si prega di visualizzare il nostro divulgazione di affiliati.

Recensione di Divi.

Se hai mai provato la costruzione di un sito web da zero, sai qual è la difficoltà: plugin infiniti, layout confusi e ore perse solo nel tentativo di far sì che le cose sembrassero giuste.

Ecco perché Divi ha attirato la mia attenzione. Questo builder di WordPress non fornisce solo un modello; ti consente progetta il tuo sito web Esattamente come vuoi, senza bisogno di scrivere codice. Divi semplifica le cose, offrendo al contempo la flessibilità necessaria per creare siti web unici.

In questa recensione di Divi, ne discuterò i pro e i contro, cos'è, a chi è più adatto e le sue caratteristiche principali. Poi, vi mostrerò come ho usato il plugin Divi per generare un intero articolo in pochi minuti.

Concluderò l'articolo confrontando Divi con le mie tre migliori alternative (Wix, B12e Brizy). Alla fine saprai se è la scelta giusta per te!

Giudizio

Divi è un creatore di siti web che crea facilmente siti web personalizzabili senza scrivere codice. Tuttavia, può essere più lento se non ottimizzato e i modelli predefiniti potrebbero apparire poco originali se lasciati invariati.

Pro e contro

  • Interfaccia drag-and-drop, nessuna codifica necessaria
  • Migliaia di modelli predefiniti per una configurazione rapida
  • Design reattivo per tutti i dispositivi
  • Generatore di temi per intestazioni, piè di pagina e modelli personalizzati
  • Si integra con plugin, WooCommerce e strumenti di marketing
  • Opzioni di progettazione avanzate: animazioni, effetti hover, CSS e stili globali
  • Strumenti di intelligenza artificiale per semplificare la creazione e la progettazione dei contenuti
  • Aggiornamenti regolari con nuove funzionalità
  • Può essere più lento di alcuni concorrenti se non ottimizzato
  • I modelli predefiniti possono portare a progetti dall'aspetto simile

Che cos'è Divi?

Divi is a popular WordPress theme con un potente generatore di pagine visuale sviluppato da Temi elegantiPuoi usarlo per creare siti web completamente personalizzabili senza scrivere codice tramite la sua interfaccia drag-and-drop.

Divi è uno dei nomi più riconoscibili nel settore dei page builder per WordPress. Tuttavia, molti non sanno che in realtà si tratta di due prodotti in uno. Divi funziona sia come tema WordPress completo che come plugin standalone per la creazione di pagine, garantendo la massima flessibilità.

La doppia natura di Divi

A differenza dei tradizionali temi WordPress che ti vincolano a layout predeterminati e opzioni di personalizzazione limitate, Divi abbatte completamente queste barriere.

Il tema offre una base pulita e reattiva per qualsiasi contenuto. Allo stesso tempo, il plugin builder trasforma la modifica del sito web in un'esperienza drag-and-drop.

Questo duplice approccio significa che puoi applicare le funzionalità di Divi a qualsiasi tema WordPress tramite il plugin, oppure utilizzare il tema Divi completo per un'esperienza completamente integrata. Avrai la flessibilità di utilizzare Divi con i temi che già ami.

Da un tema semplice a una potenza visiva

Lanciati temi eleganti Divi nel 2013 come tema WordPress, ma ha subito una trasformazione radicale nell'ultimo decennio.

La versione originale utilizzava un'interfaccia backend. Tuttavia, non offriva le opzioni di editing visuale in tempo reale.

L'introduzione del Visual Builder nel 2016 ha segnato una svolta. Gli utenti potevano ora modificare i propri siti web direttamente dal frontend, con anteprime in tempo reale.

Gli aggiornamenti successivi hanno aggiunto funzionalità avanzate, tra cui:

  • Integrazione di contenuti dinamici
  • Controlli CSS personalizzati
  • Funzionalità di Theme Builder (progettazione di intestazioni, piè di pagina e modelli di pagina interi)

La filosofia dietro l'edificio visivo

Divi’s L'obiettivo è rendere il web design accessibile rimuovendo le barriere tecniche. In passato, i design WordPress personalizzati richiedevano competenze di programmazione come HTML, CSS e PHP, lasciando molti utenti bloccati su template di base.

Il visual builder elimina le barriere tecniche con controlli semplici per colori, font e spaziatura. Va oltre la creazione delle pagine e si occupa della progettazione completa del sito.

Integrazione con l'ecosistema WordPress

Divi funziona perfettamente con WordPress, mantenendo i contenuti in formati standard che restano intatti anche se Divi è disattivato.

Divi funziona bene con i plugin WordPress più diffusi per SEO, e-commerce, moduli e sicurezza. Si integra con WooCommerce per vendita di prodotti online e supporta strumenti come Yoast SEO per mantenere i design ottimizzati per la ricerca.

Il sistema supporta anche Multisito WordPressCiò significa che le grandi organizzazioni possono gestire molti siti web da un'unica installazione.

Per chi è più adatto Divi?

Ecco i tipi di persone Divi è meglio per:

  • I freelance e i web designer possono utilizzare Divi per creare siti web completamente personalizzabili senza dover scrivere codice.
  • Le piccole e medie imprese possono utilizzare Divi per creare siti professionali come portfolio, blog e pagine di servizi con il controllo completo del design.
  • Le agenzie e gli sviluppatori possono utilizzare Divi per velocizzare i progetti di web design con layout predefiniti.
  • I proprietari di negozi di e-commerce possono utilizzare Divi per progettare negozi WooCommerce con pagine prodotto personalizzate e flussi di pagamento.
  • Gli operatori del marketing possono usa Divi per eseguire test A/B e creare siti web ottimizzati per i motori di ricerca.
  • Gli istituti scolastici e le organizzazioni non profit possono utilizzare Divi per creare più siti web con un'unica licenza per gestire diversi dipartimenti o programmi.

Caratteristiche principali di Divi

qui ci sono Divi AI’s caratteristiche chiave:

  • Drag-and-Drop Builder: modifica visiva in tempo reale senza codice sia sul frontend che sul backend.
  • Theme Builder: progetta intestazioni, piè di pagina, modelli, errori 404, post di blog, prodotti e altro ancora.
  • Layout e modelli: migliaia di modelli di progettazione e siti di partenza.
  • Controlli reattivi: personalizzabili per desktop, tablet e dispositivi mobili.
  • Stili globali: sezioni riutilizzabili e aggiornamenti di design sincronizzati.
  • Opzioni avanzate: caratteri, colori, spaziatura, animazioni e CSS personalizzato.
  • Strumenti IA: Genera contenuto e velocizzare le build.
  • WooCommerce: oltre 20 moduli per pagine personalizzate di negozi e prodotti.
  • Conservazione e gestione: Divi Nuvola e Dash per l'archiviazione e la gestione nel cloud.
  • Contenuto dinamico: Inserisci automaticamente titoli, immagini, date e altro ancora.
  • Ampia libreria di moduli: testo, immagini, moduli, cursori, gallerie e altro ancora per creare layout di siti web.
  • Prestazioni: ottimizzato per velocità, SEO e accessibilità.

Come usare Divi

Ecco come ho installato il Divi AI Plugin e l'ho utilizzato per generare un articolo completo in pochi minuti:

  1. Iscriviti a Divi AI
  2. Accedi a Elegant Themes
  3. Scarica Divi
  4. Aggiungi il plugin Divi
  5. Carica e installa il plugin Divi
  6. Attiva il plugin
  7. Regola le impostazioni del plugin Divi
  8. Genera un articolo
  9. Modifica con Divi Builder
  10. Inizia a costruire
  11. Genera un layout con l'intelligenza artificiale
  12. Autentica il tuo abbonamento a Elegant Themes
  13. Accedi al tuo nome utente e alla chiave API
  14. Genera una chiave API
  15. Autentica il tuo account
  16. Descrivi la pagina
  17. Scegli le immagini e i caratteri
  18. Generare il layout

Passaggio 1: iscriviti a Divi AI

Iscrizione a Divi AI.

Ho iniziato andando a elegentthemes.com e andare su "Ottieni Divi AI".

Passaggio 2: accedi a Elegant Themes

Accesso a Elegant Themes.

Dopo aver ottenuto Divi Pro, sono stato reindirizzato per accedere a Elegant Themes.

Passaggio 3: Scarica Divi

Scaricando il plugin Divi.

Una volta effettuato l'accesso, mi sono stati presentati due modi per scaricare Divi:

Seleziona il tema Divi se stai creando un sito web da zero e desideri utilizzare Divi come tema. Se hai già un tema installato sul tuo sito WordPress e ne sei soddisfatto, scarica il plugin Divi.

Nel mio caso, avevo già installato un tema sul mio sito WordPress di cui ero soddisfatto. Ho selezionato "Scarica il plugin Divi".

Passaggio 4: aggiungi il plugin Divi

Aggiungere un plugin su WordPress.

Immediatamente il plugin Divi ha iniziato a scaricarsi sul mio computer.

Dalla dashboard di WordPress, ho passato il mouse su "Plugin" e sono andato su "Aggiungi plugin".

Passaggio 5: carica e installa il plugin Divi

Caricamento di un plugin, scelta di un file e installazione.

Poi ho cliccato su "Carica plugin", ho selezionato il file ZIP del plugin Divi e ho selezionato "Installa ora".

Passaggio 6: attiva il plug-in

Attivazione di un plugin caricato su WordPress.

Da lì, clicco su "Attiva plugin".

Passaggio 7: regola le impostazioni del plugin Divi

Selezione di Divi dalle voci di menu su WordPress.

Dopo aver installato e attivato il plugin, ho notato una nuova voce di menu "Divi" nella dashboard di WordPress. Da qui potevo regolare le impostazioni del plugin, creare modelli per il sito web, aggiungere layout e assegnare ruoli.

Passaggio 8: Genera un articolo

Utilizzo del Divi Builder su un post in WordPress.

Poi, volevo generare un post con Divi. Sono andato sui miei post e ne ho selezionato uno. Ho selezionato il pulsante viola Divi in ​​alto.

Passaggio 9: modifica con Divi Builder

Modificare un post con Divi Builder.

Successivamente ho selezionato "Modifica con Divi Builder".

Passaggio 10: inizia a costruire

Inizio a costruire con Divi.

Questo mi ha portato a Visual Builder, dove potevo iniziare a creare con Divi o seguire il tour. Ho deciso di buttarmi subito e iniziare a creare.

Fase 11: Generare un layout con l'intelligenza artificiale

Generazione di un layout con Divi AI.

Divi mi sono state presentate tre opzioni su come volevo iniziare a costruire:

  1. Utilizza contenuti esistenti: mantieni i contenuti della pagina esistenti mentre utilizzi Divi Builder.
  2. Scegli un layout predefinito: scegli tra centinaia di layout già pronti, usa uno dei layout salvati o duplica una pagina esistente.
  3. Costruisci con l'intelligenza artificiale: Descrivi il contenuto della tua pagina e lascia che Divi AI crei la tua pagina con un semplice clic.

Naturalmente, la terza opzione mi incuriosiva di più: sviluppare con l'intelligenza artificiale. Non solo era il modo più semplice per sviluppare con Divi, ma volevo anche vedere di cosa era capace l'intelligenza artificiale di Divi.

Passaggio 12: autentica il tuo abbonamento a Elegant Themes

Divi richiede l'autenticazione prima di generare testo con Divi AI.

Prima di generare testo con Divi AI, ho dovuto autenticare il mio abbonamento a Elegant Themes con una chiave API e un nome utente.

Passaggio 13: accedi al tuo nome utente e alla chiave API

Accesso al nome utente e alla chiave API da un account Elegant Themes.

Per individuare il mio nome utente e la chiave API, ho effettuato l'accesso al mio account Elegant Themes, ho passato il mouse su "Account" e ho selezionato "Nome utente e chiave API".

Passaggio 14: generare una chiave API

Generazione di una nuova chiave API su Elegant Themes.

In basso ho selezionato "Genera nuova chiave API".

Passaggio 15: autentica il tuo account

Fornire a Divi un nome utente e una chiave API per l'autenticazione.

Da lì, ho copiato e incollato il mio nome utente e la chiave API nei campi vuoti su WordPress e ho premuto "Invia".

Passaggio 16: Descrivi la pagina

Creazione di una pagina con Divi AI descrivendo la pagina e il sito web.

Successivamente, Divi mi ha chiesto di descrivere la pagina che volevo creare. Facoltativamente, avrei potuto descrivere il mio sito web. Per risultati ottimali, consiglio di fornire entrambe le descrizioni.

Ecco il prompt che ho dato a Divi:

"Crea una recensione di Kittl, includendo il verdetto, i pro, i contro, cos'è, per chi è più adatto, le sue caratteristiche principali, come utilizzarlo e le tre migliori alternative."

Ho anche fornito a Divi una descrizione del mio sito web:

"Questo sito web offre i migliori strumenti di progettazione, risorse e ispirazione, classificati e recensiti da un grafico."

Passaggio 17: Scegli le immagini e i caratteri

Generazione di immagini e font con il plugin Divi AI.

C'erano anche tre tipi di immagini che potevo far usare a Divi sulla mia pagina:

  1. Immagini di stock
  2. Immagini generate dall'IA
  3. Immagini segnaposto

Infine, ho potuto personalizzare i caratteri e i colori della mia pagina.

Ho deciso di lasciare che l'intelligenza artificiale generasse le immagini per me e scegliesse i colori e i caratteri per vedere cosa avrebbe prodotto.

Una volta compilato tutto, ho cliccato su "Genera layout".

Fase 18: Generare il layout

Un articolo generato con il plugin Divi AI.

Pochi minuti dopo, Divi ha generato un intero articolo in un layout organizzato e completamente personalizzabile. Potevo passare il mouse su qualsiasi blocco per spostarlo, duplicarlo, eliminarlo e altro ancora. Potevo anche accedere alle impostazioni per aggiornare il contenuto e il design.

Sebbene i risultati non fossero perfetti e i contenuti necessitassero di verifica dei fatti, il plugin Divi AI si è rivelato uno strumento potente per dare il via alla creazione e alla progettazione di contenuti. Ha fatto risparmiare tempo, ha fornito una struttura e ha semplificato la personalizzazione di ogni dettaglio senza dover partire da zero.

Le migliori 3 alternative Divi

Ecco i migliori Divi alternative che consiglierei.

Wix

La prima alternativa a Divi che consiglierei è Wix. Wix è un creatore di siti web intuitivo con editing drag-and-drop. È progettato per chi ha poca o nessuna esperienza tecnica di web design.

Da un lato, Wix si distingue per il suo soluzione completamente ospitata. Questo significa non devi gestire l'hosting o la manutenzionee include funzionalità come Costruttore di siti Web AI per la creazione di siti web assistiti dall'intelligenza artificiale.

D'altro canto, Divi offre opzioni di progettazione più avanzate con builder frontend e backend, un builder di temi per siti completi e l'integrazione con i plugin di WordPress e WooCommerce.

Per un hosting all-in-one e un design assistito dall'intelligenza artificiale, scegli Wix. Per un controllo creativo completo e l'integrazione con WordPress, scegli Divi!

Visita Wix o leggi il mio Recensione Wix!

B12

La prossima alternativa a Divi che consiglierei è B12. B12 è una piattaforma di intelligenza artificiale che aiuta specificamente le aziende a creare e lanciare rapidamente siti web professionali con poco sforzo o competenze tecniche.

B12 utilizza l'intelligenza artificiale per accelerare la progettazione e la creazione di contenuti. È un'opzione eccellente per chiunque desideri creare rapidamente un sito web professionale con SEO integrata.

Nel frattempo, Divi si distingue per il suo visual builder e le opzioni di personalizzazione. Divi semplifica la creazione di siti web personalizzati con il controllo su ogni elemento. Inoltre, integra WooCommerce e ampia libreria di layout predefiniti.

Per una personalizzazione approfondita del design e il pieno controllo sugli elementi del sito web, scegli Divi. Per la creazione istantanea di siti web con intelligenza artificiale, scegli B12!

Brizy

L'ultima alternativa a Divi che consiglierei è Brizy. Brizy semplifica la creazione di siti web accattivanti e responsive con editing drag-and-drop, oltre 180 template predefiniti e un'interfaccia pulita.

Brizy punta su semplicità e velocità. Offre inoltre collaborazione cloud e prestazioni più leggere e veloci.

Nel frattempo, Divi si distingue per il suo Generatore di temi per il controllo completo su intestazioni, piè di pagina e modelli. Inoltre, supporta WooCommerce con moduli e-commerce dedicati e funzionalità di stile globali.

Scegli Divi per il pieno controllo del design, template personalizzati e un solido supporto WooCommerce. Altrimenti, scegli Brizy per velocità, semplicità e collaborazione.

Recensione di Divi: lo strumento giusto per te?

Dopo il test Divi Personalmente, posso affermare con sicurezza che offre un ottimo equilibrio tra flessibilità e facilità d'uso. Il builder drag-and-drop, le migliaia di modelli e la possibilità di personalizzazione mi hanno dato un controllo maggiore rispetto alla maggior parte degli strumenti. Inoltre, le funzionalità di intelligenza artificiale mi hanno aiutato a sviluppare più velocemente.

Per me, Divi è la soluzione perfetta perché apprezzo la libertà creativa, la personalizzazione approfondita e la possibilità di scalare i progetti senza dover scrivere codice. Tuttavia, se siete curiosi di conoscere le migliori alternative a Divi, ecco cosa vi consiglio:

  • Wix è la soluzione migliore come soluzione ospitata all-in-one, senza alcuna configurazione tecnica e con un generatore di intelligenza artificiale.
  • B12 è la soluzione migliore per creare rapidamente siti web aziendali professionali.
  • Brizy è un builder semplice, veloce e leggero con funzionalità di collaborazione.

Grazie per aver letto la mia recensione di Divi! Spero che ti sia stata utile. Prova Divi theme o un plugin builder e vedi se ti piace!

Domande frequenti

Quali sono gli svantaggi di Divi?

Divi’s Gli svantaggi includono la difficoltà di utilizzo per i principianti a causa delle sue numerose funzionalità. Può anche rallentare il caricamento delle pagine se non ottimizzato, soprattutto su siti di grandi dimensioni o complessi.

Divi è migliore di Wix?

Wix È la soluzione ideale per i principianti che desiderano un sito web completo con template e supporto AI. Divi, invece, offre il pieno controllo del design, la personalizzazione e l'integrazione con WordPress/WooCommerce.

Divi è migliore di Squarespace?

Divi è migliore per la personalizzazione completa, il controllo su ogni elemento di design e l'integrazione con WooCommerce. Squarespace è migliore come soluzione ospitata all-in-one con modelli per una configurazione rapida.

Divi è adatto ai principianti?

Sì, Divi È adatto ai principianti. Il suo builder drag-and-drop semplifica la progettazione di siti web senza dover scrivere codice, e la libreria di modelli aiuta a creare rapidamente siti professionali.

Divi utilizza l'intelligenza artificiale?

Divi integra le funzionalità di intelligenza artificiale tramite Divi AI, che è integrato in Divi 5 e il suo costruttore visivo. Con DiviAI, puoi generare testo, immagini, frammenti di codice e persino interi siti web con semplici prompt.

Janine Heinrichs è una creatrice e designer di contenuti che aiuta i creativi a semplificare il loro flusso di lavoro con i migliori strumenti di progettazione, risorse e ispirazione. Trovala a janinedesignsdaily.com.