Novi HTML Website Builder Revisione e guida dettagliate
Pubblicato: 2023-03-27Quando si tratta di creare siti Web nel 2023, non è necessario occuparsi della codifica. Sono sicuro che sai già tutto e niente sui diversi prodotti digitali già pronti. In questi giorni, puoi facilmente ottenere tutto pre-progettato e pre-confezionato 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 di siti Web reattivi, plug-in, risorse e tendenze del web design aumenta continuamente.
Tuttavia, quando qualcosa è nuovo non significa che questo prodotto sia degno della tua attenzione al 100%. Quindi, come scegli il tuo unico oggetto? 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 esaminerò uno dei 5 migliori costruttori di siti Web: Novi Builder .
Nel caso in cui preferisci lavorare con l'HTML, avrai sicuramente già sentito questo nome, 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 capire tutte le cose cruciali riguardanti il page builder più utile per HTML .
La storia del costruttore di Novi
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 tenendo conto di 3 caratteristiche principali:
- un meccanismo di lavoro assolutamente adatto ai creatori,
- un'interfaccia intuitiva al 100%,
- e, ovviamente, la più recente tecnologia drag-and-drop.
Ricordi come era l'editing del sito web nel 2016? Era per lo più noioso e conteneva solo funzionalità 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 nel mercato digitale, era già all'interno del pacchetto Novi.
D'altra parte, l'aggiunta solo di funzionalità popolari non era sufficiente. Pertanto, il team di Novi ha continuato la ricerca. 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 costruzione del sito web,
- e progettare il sito Web con diversi componenti dell'interfaccia utente di bell'aspetto.
Anche se al giorno d'oggi è 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. È arrivato con tutte le funzionalità necessarie ma è stato realizzato solo per progetti online basati su WordPress. Allo stesso tempo, l'HTML non è mai stato 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 apportati 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 propri siti Web non solo come possono, ma come vogliono. Non appena è stato rilasciato Novi Builder, l'editing del sito HTML è diventato 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 costruttore 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 contenuti predefiniti.
Inoltre, ti consente anche di modificare i contenuti del sito web dal vivo. Questo passaggio è molto importante per qualsiasi principiante perché è così che puoi evitare di commettere errori comuni durante la creazione dei tuoi progetti.
Ti piacerebbe 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.
- 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 aziende. Quando si tratta di Novi Builder, il 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 di business come il web design, lo sviluppo web, l'e-commerce o l'e-mail marketing.
- B2C che significa business-to-customer. In questo caso, la connessione si riferisce alle transazioni effettuate direttamente tra un'azienda e i 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 i contenuti 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 riguarda solo 1 azienda. Qualunque cosa utilizzerai, 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 tutti gli strumenti di qualità, Novi Builder è stato creato pensando alla strategia aziendale. Di conseguenza, l'editor viene fornito con numerosi strumenti orientati agli utenti finali. Di seguito puoi vedere le 5 principali funzionalità 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,
- modifica pagine,
- e gestire le loro 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 utilizzare il menu contestuale 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à. Esistono 3 modalità 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 progetto 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 l'editor HTML, CSS e JS. Ovviamente, puoi modificare il codice sorgente nel modo che preferisci.
Tra tutte le funzionalità, vorrei evidenziarePreset Manager.Questa cosa interessante ti aiuterà a promuovere il processo di modifica. Per farla breve, il gestore ti consente di creare manualmente nuovi preset e salvarli nella libreria. Tutto è semplice come l'ABC. Ecco cosa devi fare:
- scegli l'elemento di contenuto necessario,
- selezionalo nell'area di lavoro,
- salvarlo facendo clic sul pulsanteSalva come predefinitosituato 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 nel modo in cui lo fai con altri componenti dell'interfaccia utente.
Pubblicazione istantanea
Per iniziare, chiunque abbia mai desiderato gestire un sito Web sa che per avere successo, è necessario mantenere sempre aggiornato il proprio progetto online. Ecco perché avrai bisogno della funzione di pubblicazione istantanea.
Come puoi vedere dallo screenshot qui sotto, c'è un pulsantePubblica sitoazzurro nell'angolo in alto a destra. Premendo il pulsante, pubblicherai il sito direttamente sul server. Inoltre, vedrai anche le opzioniPercorso di pubblicazioneeConfigurazione.
Altre funzionalità
Per finire con questo punto, voglio mostrarti alcune funzionalità di base che cercherai sicuramente non appena scaricherai Novi Builder.
L'opzioneModifica risoluzioneconsente al proprietario del sito Web di modificare le dimensioni dell'area di lavoro.
Premi suImpostazionise vuoi accedere alle impostazioni del sito o delle sue pagine.
Facendo clic sul pulsante Scarica modello , è possibile scaricare il tema del sito. Questo passaggio è indispensabile per gli sviluppatori che devono fornire ai clienti i propri siti o testare questi progetti su altri dispositivi.
Tessera 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'abbonamento? Eccoli.
- In primo luogo, otterrai Novi Builder.
- In secondo luogo, otterrai alcuni modelli HTML di qualità progettati in modo professionale e preconfezionati per diverse nicchie aziendali.
- In terzo luogo, otterrai anche alcuni plug-in indispensabili. Ad esempio, ci sono strumenti come plug-in per social media, plug-in per moduli di contatto, dispositivi di scorrimento, conto alla rovescia, Google Maps e molto altro!
Per farla 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 elementi che verranno creati dal team di Novi in futuro. Senza dubbio, è un must per web designer e sviluppatori.
Ci sono 3 diversi abbonamenti tra cui scegliere. Come sempre, la tua scelta dipende dalle tue esigenze.
- L'abbonamento di avvio ti costerà $ 29 all'anno.
- L'abbonamento avanzato ti costerà $ 49 all'anno.
- L'abbonamento per sviluppatori ti costerà $ 149 all'anno.
Dai un'occhiata alla schermata qui sotto per sapere quali opzioni sono incluse in 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 in qualsiasi momento. È un processo rapido e semplice.
Quindi, ora che 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 per la creazione di siti web gratuite 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 dell'editor visivo
- Barra degli strumenti dello sviluppatore
Queste sono le tue opzioni quando lavori con le pagine:
- Trigger del gestore della pagina
- Filtro di ricerca delle pagine
- Aggiunta di una pagina
- Elenco delle pagine esistenti
Ed ecco cosa vedrai nella barra degli strumenti dello sviluppatore:
- Area strumenti per sviluppatori
- Editor di codice HTML
- Editor di codice CSS
- Editor di codice JS
- Gestore dei preset
- Gestore dei plugin
Quali sono i requisiti di sistema?
Prima di passare all'installazione, controlliamo se il tuo sistema soddisfa i requisiti necessari. Ecco cosa ti serve per lavorare a tuo agio con Novi Builder:
- Browser : Chrome 50+ o Safari 10+;
- 4 GB di RAM o più;
- visualizzazione con min. risoluzione di 1024 x 768;
- CPU con frequenza di clock minima di 1 GHz;
- tastiera e mouse,
- e la velocità minima della tua connessione di rete dovrebbe essere di 1 Mbps.
Come installare Novi Builder?
Come sempre, i creatori del builder hanno promesso che l'installazione sarà facile e veloce. Tuttavia, nel 2019, gli utenti online si sono abituati ai lunghi manuali e alle infinite esigenze. Pertanto, vediamo come è possibile installare Novi Builder.
Per installare Novi Builder su un server locale, segui la mia guida.
- Innanzitutto, dovrai scaricare il software (ad esempio, WAMP, XAMP o MAMP) per avviare il server locale.
- In secondo luogo, dovrai verificare i requisiti del tuo server web e configurare il server in conformità con essi.
- In terzo luogo, dovrai decomprimere l'archivio con il Novi Builder compresso. Una volta terminato, posiziona i contenuti in una delle directory del tuo server. Sembrerà il nome del tuo disco/mamp/www/novi/.
- 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.
- 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.
- 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.
- Successivamente, installa il software scaricato.
- Ora dovrai decomprimere l'archivio di Novi Builder e caricare il builder sul tuo server di hosting. Di seguito ti mostrerò questo passaggio usando Total Commander come esempio.
- Salva le modifiche.
Quindi, ecco come puoi caricare Novi Builder sul tuo server di hosting con l'aiuto diTotal 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à:
- Session – 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, procedi nel seguente modo:
- vai alla scheda NET e poi FTP connect,
- seleziona il nome utente che hai precedentemente creato, (ti servirà il campo Sessione)
- premi su Connetti,
- copia il contenuto del tuo archivio Novi Builder,
- vai alla directory principale del nome di dominio predefinito che utilizzi,
- incolla il contenuto dell'archivio del builder che hai copiato, e il gioco è fatto!
Novi Costruttore e Autorizzazione
Come forse saprai dalla versione 0.9.0, Novi Builder supporta completamente la protezione tramite password . Ecco perché, per aprire l'interfaccia Novi, dovrai inserire una password. Per impostazione predefinita, è 'Novi'. Ovviamente, dovresti cambiarlo per rendere la creazione di siti web più sicura.
Ecco come arrivarci.
- Interruttore delle impostazioni di sicurezza.
- Qui dovrai inserire la password predefinita.
- Utilizzare questa opzione per abilitare o disabilitare l'autorizzazione utente. Tieni presente che per applicare le nuove modifiche dovrai inserire il pass.
- Utilizzare questa opzione per abilitare o disabilitare la modalità demo.
- Qui è dove devi inserire la tua nuova password.
Per disabilitare l'accesso tramite pass , procedi nel seguente modo:
- 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 apportate.
Per cambiare la password, procedi nel seguente modo:
- 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 apportate.
Per reimpostare la password, attenersi alla seguente procedura:
- vai a builder/php/session.php,
- scrivere nella riga: '$currentPassword = “password”.'
Infine, quando lavori con Novi Builder, tieni presente che :
- non avrai bisogno di autorizzare quando la modalità demo è attiva,
- non avrai bisogno di passare l'autorizzazione quando è disabilitato,
- creando il nuovo pass invece di quello predefinito, abbassi 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 di creazione di siti Web. Sicuramente, nel caso in cui tu abbia già un modello di sito web di alta qualità, puoi lavorare con le sue risorse. Tuttavia, anche ottenere alcuni plug-in 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.
# 1 Plugin per l'immagine di sfondo
Per farla breve, questo plug-in ti consente di modificare 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 intoppo.
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 su 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 di sfondo
Questo plugin Novi ti consente 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 Plug-in per le immagini
Questo plug-in Novi Builder ti consente di sostituire le immagini. Per aggiungere la tua immagine, fai doppio clic con il pulsante sinistro del mouse sull'immagine di destinazione.
Per saperne di più sulle possibilità del plug-in, vai su Galleria multimediale e apri la sezione delle funzionalità. Inoltre, puoi utilizzare questo collegamento per leggere la documentazione dettagliata sul plug-in Novi Image.
# 4 Plug-in iframe
Questo plug-in 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.
#5 Plug-in di collegamento
Come dice il nome dell'asset, questo elemento consente di modificare il collegamento.
Quando lavori con il plug-in Link, tieni presente che:
- querySelector (di default è impostato su “a[href]”) – permette di definire l'elemento processato dal plugin;
- applyToProjectElements (abilitato per impostazione predefinita): consente di abilitare/disabilitare la sostituzione di tutti i collegamenti nel progetto (inclusi i preset e tutte le pagine) durante il salvataggio delle impostazioni del plug-in;
- 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 collegamento 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 è possibile impostare un collegamento personalizzato.
Inoltre, dovrei aggiungere che, per impostazione predefinita, verrà aperta la scheda Personalizzata. L'unica eccezione è il caso in cui il tuo link su un elemento scelto corrisponde a una delle pagine oa un link preferito.
Per saperne di più, controlla la documentazione dettagliata per Link plugin.
#6 Plug-in 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 di profondità e movimento che attira l'attenzione. 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 editing visivo. Nessuna codifica richiesta!
Ecco cosa vedrai nell'area di caricamento delle immagini:
- Scegli file – premere questo pulsante per selezionare l'immagine necessaria.
- Carica immagine di sfondo: premere questo pulsante per caricare l'immagine selezionata.
# 7 Plug-in per etichette
Questo plug-in Novi Builder è stato creato per consentirti di modificare l'etichetta del campo del modulo.
# 8 Plugin conto alla rovescia
Come forse saprai, in questi giorni, il conto alla rovescia è tra le tendenze più utili del web design. 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. 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 soddisfatti 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 l'evento 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 Plug-in per mappe di Google
Anche se nel 2019 puoi vederlo su qualsiasi sito web, il plug-in delle mappe è ancora una cosa carina da avere. I potenziali clienti moderni si sono abituati al comfort, quindi si aspettano che tu fornisca mappe online. Inoltre, utilizzando le mappe di Google 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 via più breve per raggiungerlo.
Novi Builder viene fornito con il plug-in di Google Maps che ti consente di modificare visivamente le impostazioni delle mappe.
Ecco cosa puoi vedere all'interno del pannello delle impostazioni della mappa :
- utilizza 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;
- Icona marcatore e Icona marcatore attivo selezionano le opzioni per impostare il marcatore per gli stati predefinito e attivo.
Ecco cosa puoi vedere all'interno del pannello delle impostazioni dei pin della mappa :
- Il campo Posizione marcatore ti aiuterà a impostare la posizione del marcatore;
- utilizzare il campo Descrizione marcatore per specificare la descrizione del marcatore; 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.
# 10 Plug-in icone
Questo plug-in 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 Plug-in Owl Carousel
Anche nel 2019 le giostre sono ancora in voga. Novi Builder viene fornito con il plug-in Owl Carousel che consente di configurare i caroselli senza toccare una sola riga di codice.
Ecco cosa puoi vedere all'interno del pannello delle impostazioni del carosello:
- 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.
- Il campo Rientro tra elementi ti aiuterà a impostare gli spazi tra gli elementi del carosello. Utilizzando la funzione, è possibile variare la distanza tra gli elementi in base alle dimensioni dello schermo.
- Enable Loop Switcher ti aiuterà ad abilitare o disabilitare il loop del carosello. A proposito, puoi farlo in modalità anteprima.
- Carousel Autoplay Switcher ti aiuterà ad abilitare o disabilitare la riproduzione automatica del carosello. Inoltre viene fornito con la modalità di anteprima.
- Il campo Carousel Autoplay Delay ti aiuterà a impostare il ritardo di scorrimento.
# 12 Plug-in per il monitoraggio della campagna
Questo plug-in Novi Builder ti aiuterà a configurare il modulo in modo che funzioni con il servizio Campaign Monitor.
Ecco cosa puoi vedere all'interno dell'area di configurazione del modulo:
- Il campo URL di registrazione di Campaign Monitor definisce l'azione del modulo;
- Il campo Nome input di Campaign Monitor definisce il valore dell'attributo name del campo di input.
# 13 Plug-in MailChimp
Inutile dire che l'iscrizione alla newsletter è ancora uno dei must per qualsiasi progetto online. Perché? Bene, perché è così che puoi ampliare rapidamente il pubblico del sito Web e coinvolgere le persone senza esaurire il budget.
Quindi, questo plug-in Novi Builder ti consente di configurare il lavoro con il servizio MailChimp.
# 14 Plug-in modulo di posta RD
Come lo strumento precedente, questo plug-in Novi Builder ti consente di lavorare con RD Mailform utilizzando l'editing visivo.
# 15 RD Instagram Feed e # 16 RD Twitter Feed Plugins
Questi plugin Novi Builder sono stati creati per aumentare l'attività sui social media. Se hai intenzione di ottenere un po' di traffico sui social, non perdere queste risorse. Entrambi i plugin sono facili da usare e ti consentono di configurare i feed di Instagram e Twitter con gli strumenti di editing visivo.
# 17 Plug-in per il dispositivo di scorrimento della fotocamera
Questo è un altro plug-in indispensabile fornito da Novi Builder. La risorsa ti consente di configurare il dispositivo di scorrimento della fotocamera senza sforzo.
# 18 Plug-in Swiper Slider
Questo plug-in Novi Builder ti consente di configurare Swiper Slider secondo i tuoi gusti.
Ecco cosa puoi vedere all'internodell'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'internodell'area Selezione immagine:
- Per aggiungere un'immagine, dovrai fare doppio clic con il pulsante sinistro del mouse sull'immagine di destinazione.
Ecco cosa puoi vedere all'internodell'area Ritaglia immagine:
- Utilizzare l'impostazione Mantieni proporzioni originali per preservare le proporzioni dell'immagine originale.
# 19 Plug-in video
Usa questo plug-in Novi Builder per impostare la tua vetrina visiva.
# 20 Plug-in Light Gallery
Utilizza questo plug-in Novi Builder per configurare Light Gallery utilizzando strumenti visivi.
Ecco cosa puoi vedere all'interno dell'area delle impostazioni della galleria :
- Gallery Slide Animation ti consente di regolare l'animazione della transizione degli elementi della galleria;
- Il commutatore di miniature ti aiuterà ad abilitare o disabilitare la dimostrazione in anteprima degli elementi della galleria;
- Loop switcher ti aiuterà ad abilitare o disabilitare il looping degli elementi della galleria;
- Il commutatore di riproduzione automatica ti aiuterà ad abilitare o disabilitare la riproduzione automatica degli elementi della galleria;
- Il campo Ritardo riproduzione automatica della galleria 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 sai come funziona Novi Builder. Per riassumere tutto, 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 contenuti che vengono forniti come elementi pre-progettati per il tema scelto;
- configurare gli elementi nominati secondo il proprio gusto personale in pochi clic;
- gestire la propria libreria multimediale per inserire alcuni video e immagini che verranno utilizzati in diverse sezioni del progetto online;
- modifica testi,
- modifica URL,
- creare e modificare sfondi e tutti i dettagli inclusi gradienti, colori e immagini;
- lavorare con caratteri Web leggibili e al 100% a misura di occhio (c'è una nuova raccolta di Google Fonts)
- lavora con le icone incluse nel tuo tema;
- caricare nuove icone se necessario e modificarle nel modo desiderato;
- prova a lavorare con l'editor di codice Novi IDE nel caso in cui giocherai con codice CSS, HTML e JS;
- aggiungi uno slider accattivante al design del tuo sito web,
- usa l'impressionante effetto di parallasse,
- creare moduli di contatto,
- aggiungi Google Maps,
- costruisci caroselli eleganti per migliorare i tuoi contenuti visivi, ecc.
Inutile dire che questi erano solo per citarne alcuni! Infatti, Novi Builder è dotato di numerosi straordinari elementi di design per arricchire il tuo sito.
Domande e risposte dell'aspirante utente Novi
Ora è il momento di rispondere alle domande più frequenti sull'utilizzo di Novi Builder.
Novi Builder supporta diversi browser?
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 una quantità illimitata di vari siti Web utilizzando il builder. Quindi, sì, puoi sicuramente utilizzare 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 otterrai un abbonamento gratuito. Non sarà possibile nemmeno nel caso tu abbia effettuato un acquisto su un sito di terze parti.
Posso trasferire il mio sito Web basato su HTML su 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 riceverai automaticamente non appena gli aggiornamenti verranno rilasciati. 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 creati con Novi Builder?
Si, puoi! Il builder è stato creato per designer e sviluppatori. Basta scegliere il piano Developer. 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 i temi di 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 modelli HTML completi. Sono pre-progettati e possono essere utilizzati da persone di qualsiasi livello di abilità. Tuttavia, i temi sono completamente modificabili e vengono forniti con codice open source. Quindi, sottoscrivendo l'abbonamento, avrai accesso a una ricca raccolta di diversi modelli di siti Web, plug-in e altri elementi di contenuto. Inutile dire che ci sono altri componenti dell'interfaccia utente in arrivo. 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.
Costruttore di Novi | Costruttore HTML | |
Modifica il testo | SÌ | SÌ |
Testo stilizzato (grassetto, colore, corsivo e altro) | SÌ | SÌ |
Strumenti per i progettisti | SÌ | NO |
Creazione di più pagine | SÌ | SÌ |
Backup del progetto | SÌ | NO |
Design reattivo | SÌ | SÌ |
Salvataggio automatico | SÌ | NO |
Anteprima pagina | SÌ | NO |
Blocco di ricerca per categorie/contenuti/nome | SÌ | SÌ |
Configurazione della griglia | SÌ | NO |
Modifica gli URL | Plug-in utente | SÌ |
Configurazione del dispositivo di scorrimento | Plug-in utente | NO |
Configurazione della mappa | Plug-in utente | NO |
Configurazione del modulo di contatto | Plug-in utente | NO |
Configurazione di Instagram/Twitter/Facebook | Plug-in utente | NO |
Configurazione della fisarmonica | SÌ | NO |
Configurazione della navigazione | SÌ | SÌ |
Add/Remove elements (widgets) | SÌ | NO |
Add/Remove blocks (sections) | SÌ | SÌ |
What about your choice of website builder? Don't hesitate to leave a comment below.
questo articolo è stato utile?
Sì No