Come eseguire un sito Web HTML con Novi HTML Website Builder

Quando si tratta di creare siti Web nel 2019, non è necessario occuparsi della codifica. Sono sicuro che sai già tutto sui diversi prodotti digitali già pronti. In questi giorni, puoi facilmente ottenere tutto pre-progettato e preconfezionato per te. Per questi semplici motivi, ci sono così tanti siti web accattivanti. Le persone sono alla ricerca di nuovi modi per distinguersi dalla massa. Ecco perché la quantità di nuovi temi, plugin, risorse e tendenze del web design reattivi aumenta continuamente.

Tuttavia, quando qualcosa è nuovo non significa che questo prodotto sia degno della tua attenzione al 100%. Quindi, come scegli il tuo unico articolo? In questo post, sto per aiutarti con il processo decisionale finale. In uno dei post precedenti, ti ho mostrato come realizzare un sito Web in WordPress. Come dice il nome del post, oggi recensirò uno dei 5 migliori costruttori di siti Web: Novi Builder .

Nel caso in cui preferisci lavorare con HTML, hai sicuramente sentito questo nome prima, poiché Novi Builder viene fornito con tutti i moderni modelli HTML reattivi. Quindi, quali sono i principali vantaggi di lavorare con l'editor e ci sono degli svantaggi? Resta sintonizzato per scoprire tutte le cose cruciali riguardanti il generatore di pagine più utile per HTML .

La storia di Novi Builder

Prova Novi

Per tradizione, prima di iniziare, daremo una rapida occhiata alla storia di questo visual builder HTML. La prima versione di Novi Builder è avvenuta 3 anni fa, nel 2016. Per farla breve, il team di Novi ha progettato l'editor con 3 caratteristiche principali in mente:

• un meccanismo di lavoro assolutamente a misura di creatore,
• un'interfaccia intuitiva al 100%,
• e, ovviamente, la più recente tecnologia drag-and-drop.

Ricordi com'era l'editing di siti web nel 2016? Era per lo più noioso e conteneva solo caratteristiche indispensabili. Tuttavia, il progresso digitale non si è mai fermato, quindi c'erano numerose opzioni in voga ed eleganti elementi di web design in uso. Vedendo ciò, i creatori di Novi Builder hanno deciso di aggiungere tutte queste cose al pacchetto dell'editor. Hanno aggiunto tutte le tendenze del web design possibili in quei giorni. Se qualcosa era dominante sul mercato digitale, era già all'interno del pacchetto di Novi.

D'altra parte, l'aggiunta solo di funzionalità popolari non era sufficiente. Pertanto, il team di Novi ha continuato le ricerche. Come fanno tutte le aziende intelligenti, volevano studiare il pubblico per capire le esigenze dei potenziali clienti. La ricerca ha mostrato che, prima di tutto, le persone cercavano conforto.

Di conseguenza, presto Novi Builder ha consentito agli utenti online di:

• creare layout puliti e ben strutturati senza toccare una sola riga di codice,
• lavorare con la tecnologia drag-and-drop,
• velocizzare il processo di creazione del sito web,
• e progettare il sito Web con diversi componenti dell'interfaccia utente di bell'aspetto.

Sebbene oggigiorno sia difficile sorprendere un utente con la tecnologia drag-and-drop, nel 2016 è stata una vera meraviglia. Inoltre, non dimenticare che all'epoca l'unico pratico editor di contenuti che forniva funzionalità di trascinamento della selezione era Elementor. È dotato di tutte le funzionalità necessarie, ma è stato realizzato solo per progetti online basati su WordPress. Allo stesso tempo, l'HTML non è mai stata la cosa più facile con cui lavorare quando non sei un tecnico.

Dopo una lunga e dettagliata ricerca, è stata migliorata anche la tecnologia drag-and-drop utilizzata da Novi Builder. Di conseguenza, le persone sono state in grado di creare nuove pagine online e modificare i propri siti semplicemente trascinando gli elementi di design scelti e rilasciandoli nella finestra dell'editor.

Il pubblico ha impiegato solo diversi mesi per abituarsi a Novi Builder. È diventato popolare molto presto. Inutile dire che sono stati fatti molti aggiornamenti per l'editor. Un anno dopo, i creatori hanno presentato la prima versione classica di Novi Builder. Da allora, ha continuato a ricevere aggiornamenti regolari che includono varie opzioni, tendenze del web design e molti strumenti aggiuntivi.

Per riassumere, Novi Builder non solo ha accelerato il processo di creazione del sito Web, ma ha anche offerto molte nuove possibilità ai principianti che volevano lavorare con l'HTML. Con esso, le persone sono state finalmente in grado di progettare i loro siti Web non solo nel modo in cui possono, ma nel modo in cui vogliono. Non appena è stato rilasciato Novi Builder, la modifica del sito HTML è diventata una cosa senza stress. Ecco perché è stato nominato il miglior visual builder di siti Web per HTML.

Ritorno al presente

Oggi, Novi Builder è definito il miglior editor drag-and-drop per HTML. Per dirla in breve, il builder favorisce il processo di lavoro e lo rende semplice per gli utenti di qualsiasi livello di abilità. Lavorando con Novi Builder, puoi progettare rapidamente nuove pagine online utilizzando vari blocchi di contenuto pre-progettati.

Inoltre, ti consente anche di modificare i contenuti del sito web in tempo reale. Questo passaggio è molto importante per qualsiasi principiante perché è così che puoi evitare di commettere errori comuni durante la creazione dei tuoi progetti.

Vuoi vedere come funziona l'editor in azione? Puoi provare a lavorare con Novi Builder eseguendo la sua demo. Basta seguire il link per aprire una versione demo gratuita dell'editor.

Per quali modelli di business è adatto Novi Builder?

Un'altra cosa che dovresti sapere su Novi Builder è che è una piattaforma online B2B/B2C . Cosa significa? Vediamo.

1. B2B che significa business-to-business. Su Internet è anche conosciuto come e-biz. B2B è lo scambio di prodotti, servizi, articoli o persino informazioni tra diverse attività. Quando si tratta di Novi Builder, B2B è connesso con gli utenti che utilizzano i propri modelli di siti Web per fornire servizi diversi. Gli ultimi sono per lo più legati a nicchie aziendali come web design, sviluppo web, eCommerce o email marketing.
2. B2C che significa business-to-customer. In questo caso, il collegamento si riferisce alle transazioni effettuate direttamente tra un'azienda ei suoi clienti. Qui il cliente è l'utente finale che utilizza i prodotti dell'azienda. Parlando di Novi Builder, B2C è connesso agli utenti finali che hanno già lanciato i loro siti web. Questi utenti possono acquistare qualsiasi modello HTML che desiderano e importare i siti Web esistenti. Grazie a Novi Builder, è possibile senza perdere il contenuto del sito. Puoi modificarlo con la tecnologia drag-and-drop e modellarlo con numerose funzionalità preconfezionate.

Come puoi vedere, il modello B2C è significativamente diverso dal modello B2B. L'ultimo si riferisce alla connessione commerciale tra 2 o più aziende quando B2C è circa 1 solo azienda. Qualunque cosa tu voglia utilizzare, Novi Builder è adatto a entrambi i modelli di business.

Quali strumenti ha Novi Builder per il modello B2C?

In che modo questo visual builder HTML ti aiuterà con il B2C? Come fanno tutti gli strumenti di qualità, Novi Builder è stato creato pensando alla strategia aziendale. Di conseguenza, l'editor è dotato di numerosi strumenti orientati agli utenti finali. Di seguito puoi vedere le 5 funzionalità principali con cui lavorare.

Gestione delle pagine

Per prima cosa: Novi Builder fornisce al suo proprietario un comodo Page Manager. Utilizzando questa funzione, puoi:

• creare pagine,
• eliminare pagine,
• modificare le pagine,
• e gestirne le impostazioni.

Per dire di più, puoi fare tutto questo con un solo clic! A proposito, ci sono alcune azioni aggiuntive che puoi eseguire quando lavori con Page Manager. Come li raggiungi? Bene, devi semplicemente usare il menu di scelta rapida che si trova nella parte superiore della pagina con cui lavorerai.

3 diverse modalità per le attività principali

Non appena apri Novi Builder , vedrai che fornisce diverse modalità per diverse attività. Ci sono 3 modalità che sono state create per le attività principali:

• Anteprima,
• La modifica,
• e Progettazione.

Modalità anteprima

Consente di vedere i risultati rapidi della modifica. Inutile dire che l'anteprima è un aspetto importante di qualsiasi progetto online. E diventa ancora più importante se parliamo del tuo primo sito web. Usa queste opzioni per ricontrollare il tuo design e capire se richiede ulteriori modifiche.

Modalità Modifica

Questa è la modalità che ti aiuta a modificare diversi tipi di contenuto. L'elenco include cose come:

• testi,
• icone,
• pulsanti e altro ancora.

Modalità di progettazione

In terzo luogo, hai la modalità di progettazione . Fornisce l'accesso al codice del sito web. Non è necessario lavorare con la fonte, ma nel caso in cui desideri migliorare le tue capacità di codifica, la modalità di progettazione è proprio ciò che il medico ha ordinato.

Prova Novi

Strumenti di sviluppo

Come previsto, Novi Builder contiene molti strumenti per sviluppatori nel suo pacchetto. Con esso, sarai in grado di ottenere una nuova esperienza di creazione di siti Web quando lavori con editor HTML, CSS e JS. Ovviamente, puoi modificare il codice sorgente nel modo che desideri.

Tra tutte le funzionalità, vorrei evidenziare Preset Manager. Questa cosa interessante ti aiuterà a migliorare il processo di modifica. Per farla breve, il gestore ti consente di creare nuovi preset a mano e salvarli nella libreria. Tutto è semplice come ABC. Ecco cosa devi fare:

• scegli l'elemento di contenuto necessario,
• selezionalo nell'area di lavoro,
• salvalo cliccando sul pulsante Save as Preset situato nel menu contestuale.

Ora puoi utilizzare nuovi preset non appena avrai bisogno di creare nuove pagine online. Basta trascinare e rilasciare il preset nella finestra dell'editor come si fa con altri componenti dell'interfaccia utente.

Pubblicazione istantanea

Per cominciare, chiunque abbia mai voluto gestire un sito web sa che per avere successo, dovresti sempre tenere aggiornato il tuo progetto online. Ecco perché avrai bisogno della funzione di pubblicazione istantanea.

Come puoi vedere dallo screenshot qui sotto, c'è un pulsante azzurro Pubblica sito nell'angolo in alto a destra. Premendo il pulsante, pubblicherai il sito direttamente sul server. Inoltre, vedrai anche le opzioni Percorso di pubblicazione e Configurazione .

Altre caratteristiche

Per finire con questo punto, voglio mostrarti alcune funzionalità di base che sicuramente cercherai non appena scaricherai Novi Builder.

L' opzione Modifica risoluzione consente al proprietario del sito Web di modificare le dimensioni dell'area di lavoro.

Premi su Impostazioni se vuoi accedere alle impostazioni del sito o delle sue pagine.

Facendo clic sul pulsante Scarica modello , è possibile scaricare il tema del sito. Questo passaggio è un must per gli sviluppatori che devono fornire ai clienti i loro siti o testare questi progetti su altri dispositivi.

Iscrizione Novi

Ecco un altro punto che richiede sicuramente la tua attenzione! Vuoi iniziare a lavorare con Novi Builder? Il fatto è che, per iniziare a utilizzare l'editor, dovrai acquistare un abbonamento Novi.

Quali componenti saranno inclusi nell'iscrizione? Eccoli.

1. In primo luogo, otterrai Novi Builder.
2. In secondo luogo, otterrai alcuni modelli HTML di qualità progettati e preconfezionati professionalmente per diverse nicchie aziendali.
3. In terzo luogo, otterrai anche alcuni plugin indispensabili. Ad esempio, ci sono strumenti come plug-in per social media, plug-in per moduli di contatto, slider, conto alla rovescia, Google Maps e molto altro!

Per dirla in breve, acquistando un abbonamento Novi, avrai accesso a tutti i modelli, plug-in, risorse ed elementi di web design esistenti. Inoltre, ottieni automaticamente l'accesso a quegli oggetti che verranno creati dal team Novi in ​​futuro. Senza dubbio, è un must per i web designer e gli sviluppatori.

Ci sono 3 diversi abbonamenti tra cui scegliere. Come sempre, la tua scelta dipende dalle tue esigenze.

1. L'abbonamento di avvio ti costerà $ 29 all'anno.
2. L'abbonamento avanzato ti costerà $ 49 all'anno.
3. L'iscrizione come sviluppatore ti costerà $ 149 all'anno.

Controlla la schermata qui sotto per sapere quali opzioni include ogni pacchetto.

Prova Novi

Come forse saprai, molti famosi costruttori di siti Web (ad esempio Elementor Page Builder per WordPress) possono essere scaricati gratuitamente. Quando si tratta di Novi Builder, dovrai acquistare almeno il piano da $ 29 per utilizzare l'editor. Sembra che questo sia il più grande svantaggio di lavorare con Novi Builder. Tuttavia, quando si tratta di un processo di creazione di siti Web comodo e intuitivo, $ 29 non è un grosso problema, vero?

A proposito, tutte le transazioni sono sicure. Ecco le opzioni di pagamento tra cui scegliere:

Inoltre, puoi annullare l'abbonamento a Novi Builder ogni volta che vuoi. È un processo semplice e veloce.

Quindi, ora, quando hai familiarità con tutti i dettagli principali, è il momento di dare un'occhiata più da vicino a Novi Builder. Iniziamo con l'interfaccia dell'editor.

Usa questo link per leggere le 5 migliori opzioni software gratuite per la creazione di siti web che hai.

Interfaccia Novi

Per cominciare, ecco cosa vedi quando apri l'interfaccia di Novi:

• Pannello principale
• Selettore di modalità Novi
• Gestore della pagina
• Menu principale
• Area Editor visuale
• Barra degli strumenti dello sviluppatore

Queste sono le tue opzioni quando lavori con le pagine:

1. Attivatore del gestore della pagina
2. Pagine Filtro di ricerca
3. Aggiungere una pagina
4. Elenco delle pagine esistenti

Ed ecco cosa vedrai nella barra degli strumenti dello sviluppatore:

1. Area strumenti per sviluppatori
2. Editor di codice HTML
3. Editor di codice CSS
4. Editor di codice JS
5. Gestore dei preset
6. Gestore plugin

Quali sono i requisiti di sistema?

Prima di passare all'installazione, controlliamo se il tuo sistema soddisfa i requisiti necessari. Ecco di cosa hai bisogno per lavorare a tuo agio con Novi Builder:

• Browser : Chrome 50+ o Safari 10+;
• 4 GB di RAM o più;
• display con min. risoluzione di 1024 x 768;
• CPU con frequenza di clock minima di 1GHz;
• tastiera e mouse,
• e la velocità minima della tua connessione di rete dovrebbe essere 1 Mbps.

Come installare Novi Builder?

Come sempre, i creatori del costruttore hanno promesso che l'installazione sarà facile e veloce. Tuttavia, nel 2019, gli utenti online si sono abituati ai lunghi manuali e ai requisiti infiniti. Pertanto, vediamo come è possibile installare Novi Builder.

Per installare Novi Builder su un server locale , segui la mia guida.

1. Innanzitutto, dovrai scaricare il software (ad esempio WAMP, XAMP o MAMP) per avviare il server locale.
2. In secondo luogo, dovrai controllare i requisiti del tuo server web e configurare il server in conformità con essi.
3. In terzo luogo, dovrai decomprimere l'archivio con il Novi Builder compresso. Una volta che hai finito, inserisci i contenuti in una delle directory del tuo server. Sembrerà il nomedeltuodisco/mamp/www/novi/.
4. Infine, dovrai avviare il builder. Ci sarà il link corrispondente. Basta fare clic su di esso.

Per installare Novi Builder su un server remoto , segui i passaggi successivi.

1. Prima di ogni altra cosa, per installare l'editor su un server remoto, dovrai anche verificare i requisiti del server web. Sì, non puoi comunque evitare questo passaggio.
2. Quando hai finito con i requisiti, scarica il software che consente di lavorare con FTP. Oggi i più popolari sono Total Commander 7+ e FileZilla.
3. Quindi, installa il software scaricato.
4. Ora dovrai decomprimere l'archivio Novi Builder e caricare il builder sul tuo server di hosting. Di seguito ti mostrerò questo passaggio utilizzando Total Commander come esempio.
5. Salva le modifiche.

Quindi, ecco come puoi caricare Novi Builder sul tuo server di hosting con l'aiuto di Total Commander .

Per stabilire la connessione con il tuo server, dovrai:

• vai alla scheda NET e poi FTP connect,
• fare clic sul pulsante Nuova connessione,
• compilare i campi corrispondenti per specificare i dati del provider di hosting.

Il campo sarà:

• Sessione – dovresti inserire qui il nome della tua connessione; (qualsiasi nome tu voglia sarà adatto)
• Hosting Name: inserisci qui il tuo nome utente e password.

Quindi, premere il pulsante OK .

Per caricare i file necessari sul server , segui questi passaggi:

• vai alla scheda NET e poi FTP connect,
• seleziona il nome utente che hai creato in precedenza, (avrai bisogno del campo Sessione)
• premere su Connetti,
• copia il contenuto del tuo archivio Novi Builder,
• vai alla directory principale del nome di dominio predefinito che utilizzi,
• incolla i contenuti dell'archivio del builder che hai copiato e il gioco è fatto!

Novi Builder e autorizzazione

Come forse saprai dalla versione 0.9.0, Novi Builder supporta completamente la protezione tramite password . Ecco perché, per aprire l'interfaccia di Novi, dovrai inserire una password. Per impostazione predefinita, è "Novi". Ovviamente, dovresti cambiarlo per rendere più sicura la creazione di siti web.

Ecco come ci si arriva.

1. Interruttore delle impostazioni di sicurezza.
2. Qui dovrai inserire la password predefinita.
3. Utilizzare questa opzione per abilitare o disabilitare l'autorizzazione dell'utente. Tieni presente che per applicare nuove modifiche dovrai inserire il pass.
4. Utilizzare questa opzione per abilitare o disabilitare la modalità demo.
5. Qui è dove dovresti inserire la tua nuova password.

Per disabilitare l'accesso tramite pass segui questi passaggi:

• vai al menu principale di Novi Builder,
• apri Impostazioni di sicurezza,
• Inserisci la tua password attuale,
• trova l'opzione Abilita autorizzazione password e disabilitala,
• salvare le modifiche effettuate.

Per modificare la password , segui questi passaggi:

• vai al menu principale di Novi Builder,
• apri Impostazioni di sicurezza,
• vai alla scheda Modifica password,
• inserisci il tuo pass attuale,
• inserisci il tuo nuovo pass,
• salvare le modifiche effettuate.

Per reimpostare la password , segui questi passaggi:

• vai a builder/php/session.php,
• scrivi nella riga: '$currentPassword = “password”.'

Infine, quando lavori con Novi Builder, tieni presente che :

• non sarà necessario autorizzare quando la modalità demo è attiva,
• non sarà necessario passare l'autorizzazione quando è disabilitato,
• creando il nuovo pass al posto di quello di default si abbassano i rischi per la sicurezza.

Quali plugin troverai all'interno del pacchetto Novi Builder?

Non è necessario spiegare perché i plug-in costituiscono uno degli aspetti vitali di qualsiasi strumento per la creazione di siti Web. Sicuramente, nel caso in cui disponi già di un modello di sito Web di alta qualità, puoi lavorare con le sue risorse. Tuttavia, anche ottenere alcuni plugin essenziali con il tuo generatore di contenuti sembra un'ottima idea. Quindi, quali plugin avrai con Novi Builder?

In media, l'editor viene fornito con 20 plugin. Eccoli.

Plugin immagine di sfondo n. 1

Per farla breve, questo plugin ti permette di cambiare l'immagine di sfondo dell'elemento. Come tutti gli altri plug-in Novi, il plug-in Immagine di sfondo è semplicissimo da usare. Puoi cambiare lo sfondo e modificare le impostazioni in un attimo.

Per aggiungere la tua immagine per uno sfondo, fai doppio clic con il pulsante sinistro del mouse sull'immagine di destinazione.

Per saperne di più sulle funzionalità della tua galleria multimediale, vai a Galleria multimediale e apri la sezione delle funzionalità. Puoi anche seguire questo link per leggere la documentazione dettagliata sul plugin Novi Background Image.

#2 Plugin Sfondo

Questo plugin Novi ti permette di cambiare il colore di sfondo di un elemento. Questo è uno strumento importante perché diverse combinazioni di colori possono facilmente influenzare il tuo sito web.

Tieni presente che il colore dell'icona dipende dal tono che hai scelto in precedenza.

Per leggere la documentazione dettagliata sul plugin Novi Background, segui questo link.

#3 Plugin immagine

Questo plugin Novi Builder ti consente di sostituire le immagini. Per aggiungere la tua immagine, fai doppio clic con il tasto sinistro del mouse sull'immagine di destinazione.

Per saperne di più sulle possibilità del plugin, vai su Media Gallery e apri la sezione delle funzionalità. Inoltre, puoi utilizzare questo collegamento per leggere la documentazione dettagliata sul plug-in Novi Image.

#4 Plugin iframe

Questo plugin ti consente di scegliere la risorsa in cui i tuoi contenuti verranno visualizzati all'interno di una cornice.

Per saperne di più, apri la documentazione dettagliata del plugin Iframe.

Plugin di collegamento n. 5

Come dice il nome della risorsa, questo elemento ti consente di modificare il collegamento.

Quando lavori con il plug-in Link, tieni presente che:

• querySelector (di default è impostato su “a[href]”) – consente di definire l'elemento elaborato dal plugin;
• applyToProjectElements (abilitato per impostazione predefinita) – consente di abilitare/disabilitare la sostituzione di tutti i link nel progetto (inclusi i preset e tutte le pagine) quando si salvano le impostazioni del plugin;
• FavoriteLinks: consente di configurare i collegamenti ai progetti preferiti.

Diamo una rapida occhiata all'area di gestione dei plugin. Ecco cosa dovresti sapere quando lavori con il plug-in Link. Tipo di collegamento consente di selezionare un tipo di collegamento per l'inserimento. Ci sono 3 tipi di link tra cui scegliere:

• Pagine – dove saranno disponibili tutte le pagine del progetto,
• Preferiti - dove verranno visualizzati tutti i collegamenti indicati nelle impostazioni del plug-in,
• Personalizzato: dove puoi impostare un collegamento personalizzato.

Inoltre, dovrei aggiungere che, per impostazione predefinita, verrà aperta la scheda Personalizza. L'unica eccezione è il caso in cui il tuo link su un elemento scelto corrisponda a una delle pagine oa un link preferito.

Per saperne di più, controlla la documentazione dettagliata per il plug-in Link.

#6 Plugin per la parallasse dei materiali

Per iniziare, diciamo un paio di parole sullo scorrimento Parallax. Sebbene l'effetto sia stato originariamente creato per essere utilizzato nei videogiochi, Parallax è ancora in cima alle tendenze del web design. Crea un'illusione accattivante di profondità e movimento. Di conseguenza, puoi guidare i visitatori attraverso il contenuto del tuo sito web in modo bello e interattivo.

Quindi, questo plugin Novi Builder funziona con lo script Material Parallax. Ti consente di sostituire le immagini di origine che verranno utilizzate per Parallax. Non ci sarà nulla di complicato. Puoi farlo facilmente tramite strumenti di modifica visiva. Nessuna codifica richiesta!

Ecco cosa vedrai nell'area di caricamento delle immagini:

• Scegli File: premi questo pulsante per selezionare l'immagine necessaria.
• Carica immagine di sfondo: premi questo pulsante per caricare l'immagine selezionata.

#7 Etichetta Plugin

Questo plugin Novi Builder è stato creato per consentirti di modificare l'etichetta del campo modulo.

#8 Plugin conto alla rovescia

Come forse saprai, in questi giorni, il conto alla rovescia è tra le tendenze del web design più utili. Questo elemento piccolo ma intelligente ti consente di mostrare molte cose in modo minimalista. In realtà, per oggi, è il modo più comodo per mostrare qualsiasi informazione importante, ed ecco perché.

Il cervello umano è un meccanismo strano e complicato. Riconosce gli elementi visivi più velocemente di altri tipi di informazioni. Ecco perché i contatori sono il tuo must-have. Per dire di più, il nostro cervello ricorda le informazioni visive per un periodo di tempo più lungo. Con l'aiuto dei contatori, puoi presentare tutti i progetti che hai completato, mostrare quanti clienti felici o idee di successo hai e molto altro ancora.

Quindi, quando si tratta di timer per il conto alla rovescia, ti consentono di evidenziare le informazioni o gli eventi necessari. Ad esempio, puoi utilizzare il timer per mostrare quante ore ha un cliente fino all'inizio di una vendita o alla fine di un'offerta speciale.

#9 Plugin Google Map

Anche se nel 2019 puoi vederlo su qualsiasi sito Web, il plug-in delle mappe è ancora una bella cosa da avere. I potenziali clienti moderni si sono abituati al comfort, quindi si aspettano che tu fornisca mappe online. Inoltre, utilizzando Google Maps per il tuo progetto online, lo rendi ancora più user-friendly. Di conseguenza, le persone possono vedere dove si trova il tuo ufficio e scegliere la strada più breve per raggiungerlo.

Novi Builder viene fornito con il plug-in di Google Maps che consente di modificare visivamente le impostazioni delle mappe.

Ecco cosa puoi vedere all'interno del pannello delle impostazioni della mappa :

• utilizzare il campo Chiave API per impostare la chiave API per l'utilizzo dell'API JavaScript di Google Maps;
• Campo Centro mappa per impostare le coordinate del centro mappa;
• Campo Zoom per definire il livello di zoom;
• Opzione di selezione dello stile per scegliere lo stile della mappa;
• Marker Icon e Active Marker Icon selezionano le opzioni per impostare il marker per gli stati predefinito e attivo.

Ecco cosa puoi vedere all'interno del pannello delle impostazioni dei pin della mappa :

• Il campo Marker Location ti aiuterà a impostare la posizione del marker;
• utilizzare il campo Marker Description per specificare la descrizione del marker; verrà mostrato nello stato attivo;
• utilizzare il pulsante Aggiungi marcatore per aggiungere la posizione del marcatore e il gruppo Descrizione marcatore per aggiungere il nuovo marcatore.

Plugin per icone n. 10

Questo plugin Novi Builder ti aiuterà a sostituire le icone che utilizzi sul sito web.

Per scegliere l'icona per incollare, fare doppio clic sull'elemento con il tasto sinistro del mouse.

#11 Plugin Carousel Owl

Anche nel 2019 i caroselli sono ancora in voga. Novi Builder viene fornito con il plug-in Owl Carousel che consente di configurare i caroselli senza toccare una singola riga di codice.

Ecco cosa puoi vedere all'interno del pannello delle impostazioni del carosello:

1. Il campo Elementi visibili ti aiuterà a definire il numero di elementi da mostrare. Utilizzando la funzione, è possibile modificare il numero degli elementi visibili in base alle dimensioni dello schermo.
2. Il campo Rientro tra elementi ti aiuterà a impostare gli spazi tra gli elementi del carosello. Utilizzando la funzione, è possibile far variare la distanza tra gli elementi in base alle dimensioni dello schermo.
3. Enable Loop Switcher ti aiuterà ad abilitare o disabilitare il loop del carosello. A proposito, puoi farlo in modalità anteprima.
4. Carousel Autoplay Switcher ti aiuterà ad abilitare o disabilitare la riproduzione automatica del carosello. Viene fornito anche con la modalità di anteprima.
5. Il campo Carousel Autoplay Delay ti aiuterà a impostare il ritardo di scorrimento.

# 12 Plugin di monitoraggio della campagna

Questo plugin Novi Builder ti aiuterà a configurare il modulo per funzionare con il servizio Campaign Monitor.

Ecco cosa puoi vedere all'interno dell'area Configurazione modulo:

• Il campo URL di iscrizione a Campaign Monitor definisce l'azione del modulo;
• Il campo Nome input monitoraggio campagna definisce il valore dell'attributo nome del campo di input.

#13 Plugin MailChimp

Inutile dire che l'iscrizione alla newsletter è ancora uno dei must per qualsiasi progetto online. Come mai? Bene, perché è così che puoi ampliare rapidamente il pubblico del sito Web e mantenere le persone coinvolte senza esaurire il budget.

Quindi, questo plugin Novi Builder ti consente di configurare il lavoro con il servizio MailChimp.

#14 RD Mailform Plugin

Come lo strumento precedente, questo plug-in Novi Builder ti consente di lavorare con RD Mailform utilizzando la modifica visiva.

#15 RD Instagram Feed e #16 RD Twitter Feed Plugin

Questi plugin Novi Builder sono stati creati per aumentare l'attività sui social media. Nel caso in cui otterrai un po' di traffico sui social, non perderti queste risorse. Entrambi i plug-in sono facili da usare e ti consentono di impostare i feed di Instagram e Twitter con gli strumenti di modifica visiva.

#17 Plugin per il cursore della fotocamera

Questo è un altro plug-in indispensabile che Novi Builder ti fornisce. La risorsa ti consente di configurare il dispositivo di scorrimento della fotocamera senza sforzo.

#18 Plugin Swiper Slider

Questo plugin Novi Builder ti consente di configurare lo Swiper Slider secondo i tuoi gusti.

Ecco cosa puoi vedere all'interno dell'area di caricamento delle immagini :

• La scelta del pulsante File ti aiuterà a selezionare un'immagine;
• Il pulsante Carica immagine di sfondo consente di caricare l'immagine selezionata.

Ecco cosa puoi vedere all'interno dell'area di selezione dell'immagine :

• Per aggiungere un'immagine, dovrai fare doppio clic con il tasto sinistro del mouse sull'immagine di destinazione.

Ecco cosa puoi vedere all'interno dell'area di ritaglio immagine :

• Utilizzare l'impostazione Mantieni proporzioni originali per preservare le proporzioni dell'immagine originale.

#19 Plugin video

Usa questo plugin Novi Builder per impostare la tua vetrina visiva.

#20 Plugin Galleria Luce

Usa questo plugin Novi Builder per configurare Light Gallery utilizzando strumenti visivi.

Ecco cosa puoi vedere all'interno dell'area delle impostazioni della galleria :

• L'animazione della diapositiva della galleria consente di regolare l'animazione della transizione degli elementi della galleria;
• Il selettore di miniature ti aiuterà ad abilitare o disabilitare la dimostrazione di anteprima degli elementi della galleria;
• Lo switcher di loop ti aiuterà ad abilitare o disabilitare il loop degli elementi della galleria;
• Il selettore di riproduzione automatica ti aiuterà ad abilitare o disabilitare la riproduzione automatica degli elementi della galleria;
• Il campo Ritardo riproduzione automatica Galleria ti consente di configurare il tempo di ritardo dell'elemento.

Quindi, questi erano tutti i plugin forniti con Novi Builder. Per riassumere tutto, ecco cosa ottieni.

Principali possibilità di lavorare con Novi Builder

Ora conosci il modo in cui funziona Novi Builder. Per riassumere, ecco le azioni che puoi eseguire facilmente quando lavori con l'editor. Quindi, sarai in grado di:

• modificare il contenuto del tuo sito web in modalità live;
• importa diversi temi HTML nel builder nel caso ne avessi già acquistati alcuni;
• copiare, inserire, sostituire e rimuovere qualsiasi caratteristica, opzione o componente di web design;
• utilizzare vari nuovi blocchi di contenuto che vengono forniti come elementi pre-progettati per il tema scelto;
• imposta gli elementi nominati secondo il tuo gusto personale in pochi clic;
• gestire la propria libreria multimediale per metterci alcuni video e immagini che verranno utilizzati in diverse sezioni del tuo progetto online;
• modificare testi,
• modificare gli URL,
• creare e modificare sfondi e tutti i dettagli inclusi gradienti, colori e immagini;
• lavorare con caratteri web leggibili e al 100% intuitivi (c'è una nuova raccolta di caratteri Google)
• lavora con le icone incluse nel tuo tema;
• carica nuove icone se necessario e modificale nel modo desiderato;
• prova a lavorare con l'editor di codice Novi IDE nel caso in cui giochi con codice CSS, HTML e JS;
• aggiungi uno slider accattivante al design del tuo sito web,
• utilizzare l'impressionante effetto di parallasse,
• creare moduli di contatto,
• aggiungi Google Maps,
• costruisci eleganti caroselli per migliorare i tuoi contenuti visivi, ecc.

Inutile dire che questi erano solo per citarne alcuni! In effetti, Novi Builder è dotato di numerosi straordinari elementi di design per arricchire il tuo sito.

Domande e risposte dell'aspirante utente nuovo

Ora è il momento di rispondere alle domande più comuni sull'utilizzo di Novi Builder.

Novi Builder supporta browser diversi?

Sì, lo fa. Inoltre, viene regolarmente testato nei browser più diffusi: Safari e Google Chrome.

Potrò utilizzare Novi Builder e i suoi modelli per diversi progetti online?

Per cominciare, puoi eseguire un numero illimitato di vari siti Web utilizzando il builder. Quindi, sì, puoi sicuramente usare Novi Builder per diversi siti.

Qualcuno può acquistare Novi Builder su siti di terze parti?

Fondamentalmente, è possibile acquistare Novi Builder su altri siti. Tuttavia, tieni presente che non riceverai un abbonamento gratuito. Non sarà possibile nemmeno nel caso in cui tu abbia effettuato un acquisto su un sito di terze parti.

Posso trasferire il mio sito Web basato su HTML a Novi Builder?

Come ho già detto sopra, puoi trasferire il tuo sito esistente su Novi Builder senza perderne il contenuto.

Come riceverò gli aggiornamenti?

Li otterrai automaticamente non appena verranno rilasciati gli aggiornamenti. Inoltre, puoi scaricare i modelli HTML più recenti nella sezione "Download" del tuo account personale.

Potrò ottenere un rimborso?

Sì, lavorando con Novi Builder, puoi ottenere un rimborso completo. Viene fornito per qualsiasi piano di abbonamento dell'editore. Puoi ottenere un rimborso entro 30 giorni dall'acquisto.

Posso vendere modelli realizzati con Novi Builder?

Si, puoi! Il builder è stato creato per designer e sviluppatori. Basta scegliere il piano Sviluppatore. Ti dà la licenza per creare e vendere i modelli abilitati da Novi Builder. Puoi venderli su qualsiasi marketplace di terze parti.

È possibile utilizzare il modello Novi Builder per i miei siti Web senza modificare il design?

La risposta è si. Sei in grado di gestire più siti Web realizzati con temi Novi Builder e non devi modificare il design nel caso in cui non lo desideri.

Pensieri finali

Per riassumere tutto, direi che Novi Builder fornisce ai suoi utenti l'asso e i modelli HTML accuratamente descritti. Sono pre-progettati e possono essere utilizzati da persone di qualsiasi livello di abilità. Tuttavia, i temi sono completamente modificabili e sono dotati di codice open source. Quindi, prendendo l'abbonamento, hai accesso a una ricca raccolta di diversi modelli di siti Web, plug-in e altri elementi di contenuto. Inutile dire che sono in arrivo altri componenti dell'interfaccia utente. Novi Builder riceve aggiornamenti regolari che verranno installati automaticamente. Significa che avrai sempre alcune caratteristiche alla moda tra cui scegliere.

Quando si tratta di nicchie di business come il web design o lo sviluppo web, Novi Builder è un vero must! Immagina quanti progetti online puoi eseguire per i tuoi clienti utilizzando l'editor. Insomma, non ci sono limiti!

Per finire, confrontiamo Novi Builder con il Page Builder HTML predefinito.

What about your choice of website builder? Don't hesitate to leave a comment below.