Novi HTML Website Builder Revizuire detaliată și ghid
Publicat: 2023-03-27Când vine vorba de crearea de site-uri web în 2023, nu este nevoie să vă ocupați de codificare. Sunt sigur că știți deja totul și orice despre diferite produse digitale gata făcute. În zilele noastre, puteți obține cu ușurință totul pre-proiectat și pre-ambalat pentru dvs. Din aceste motive simple, există atât de multe site-uri web atrăgătoare. Oamenii caută noi modalități de a ieși în evidență din mulțime. De aceea, cantitatea de teme proaspete de site-uri web, plugin-uri, active și tendințe de design web crește tot timpul.
Cu toate acestea, când ceva este nou, nu înseamnă că acest produs merită 100% atenția ta. Deci, cum îți alegi singurul și singurul articol? În această postare, sunt pe cale să vă ajut cu luarea deciziei finale. Într-una dintre postările anterioare, ți-am arătat cum să faci un site web în WordPress. După cum spune și numele postării, astăzi voi trece în revistă unul dintre cei mai buni 5 creatori de site-uri web – Novi Builder .
În cazul în care preferați să lucrați cu HTML, cu siguranță ați auzit acest nume înainte, deoarece Novi Builder vine cu toate șabloanele HTML responsive moderne. Deci, care sunt principalele avantaje ale lucrului cu editorul și există dezavantaje? Rămâi la curent pentru a descoperi toate lucrurile esențiale referitoare la cel mai util generator de pagini pentru HTML .
Istoria constructorului Novi
Încearcă Novi
Prin tradiție, înainte de a începe, vom arunca o privire rapidă asupra istoriei acestui constructor vizual HTML. Prima lansare a Novi Builder a avut loc acum 3 ani, în 2016. Pentru a scurta povestea, echipa Novi a proiectat editorul având în vedere 3 caracteristici principale:
- un mecanism de lucru absolut prietenos cu creatorii,
- o interfață 100% intuitivă,
- și, evident, cea mai nouă tehnologie drag-and-drop.
Îți amintești cum se obișnuia editarea site-urilor web în 2016? A fost în mare parte plictisitor și conținea doar caracteristici obligatorii. Cu toate acestea, progresul digital nu a stat niciodată pe loc, așa că au existat numeroase opțiuni la modă și elemente elegante de design web în uz. Văzând asta, creatorii Novi Builder au decis să adauge toate aceste lucruri la pachetul editorului. Au adăugat cât mai multe tendințe de design web a fost posibil în acele zile. Dacă ceva era dominant pe piața digitală, era deja în pachetul lui Novi.
Pe de altă parte, adăugarea doar a funcțiilor populare nu a fost suficientă. Prin urmare, echipa Novi a continuat cercetările. Așa cum fac toate companiile inteligente, au vrut să studieze publicul pentru a-și da seama de nevoile potențialilor. Cercetările au arătat că, înainte de toate, oamenii căutau confort.
Drept urmare, în curând Novi Builder a permis utilizatorilor online să:
- creați machete curate și bine structurate fără a atinge o singură linie de cod,
- lucrează cu tehnologia drag-and-drop,
- accelerarea procesului de creare a site-ului web,
- și proiectați site-ul web cu diferite componente arătoase ale UI.
Deși în zilele noastre este greu să surprinzi un utilizator cu tehnologia drag-and-drop, în 2016 a fost o adevărată minune. În plus, nu uitați că pe atunci, singurul editor de conținut la îndemână care oferea funcționalitate drag-and-drop era Elementor. A venit cu toate caracteristicile necesare, dar a fost creat doar pentru proiecte online bazate pe WordPress. În același timp, HTML nu a fost niciodată cel mai ușor lucru cu care să lucrezi atunci când ești un non-techi.
După o cercetare lungă și detaliată, tehnologia drag-and-drop folosită de Novi Builder a fost, de asemenea, îmbunătățită. Drept urmare, oamenii au putut să creeze noi pagini online și să-și editeze site-urile prin simpla glisare a elementelor de design alese și plasându-le în fereastra editorului.
Publicului i-au trebuit doar câteva luni să se obișnuiască cu Novi Builder. A devenit popular destul de curând. Inutil să spun că au fost multe actualizări făcute pentru editor. Un an după aceea, creatorii au prezentat prima versiune clasică a Novi Builder. De atunci, a continuat să primească actualizări regulate care includ diverse opțiuni, tendințe de design web și multe instrumente suplimentare.
Pentru a rezuma totul, Novi Builder nu numai că a accelerat procesul de creare a site-ului web, ci a adus și o mulțime de noi posibilități începătorilor care doreau să lucreze cu HTML. Cu el, oamenii au putut, în sfârșit, să-și proiecteze site-urile web nu doar așa cum pot, ci și așa cum își doresc. De îndată ce Novi Builder a fost lansat, editarea site-ului HTML a devenit un lucru fără stres. De aceea a fost numit cel mai bun constructor vizual de site-uri web pentru HTML.
Înapoi la Prezent
Astăzi, Novi Builder este numit cel mai bun editor drag-and-drop pentru HTML. Pe scurt, constructorul promovează procesul de lucru și îl face simplu pentru utilizatorii de orice nivel de calificare. Lucrând cu Novi Builder, puteți proiecta rapid noi pagini online folosind diverse blocuri de conținut pre-proiectate.
În plus, vă permite să editați conținutul site-ului în direct. Acest pas este foarte important pentru orice începător, deoarece așa puteți evita să faceți greșeli obișnuite atunci când vă creați design-urile.
Doriți să vedeți cum funcționează editorul în acțiune? Puteți încerca să lucrați cu Novi Builder rulând demonstrația acestuia. Doar urmați linkul pentru a deschide o versiune demo gratuită a editorului.
Pentru ce modele de afaceri sunt potrivite Novi Builder?
Un alt lucru pe care ar trebui să-l știți despre Novi Builder este că este o platformă online B2B/B2C . Ce înseamnă? Să vedem.
- B2B care înseamnă business-to-business. Pe internet, este cunoscut și ca e-biz. B2B este schimbul de produse, servicii, articole sau chiar informații între diferite companii. Când vine vorba de Novi Builder, B2B este conectat cu utilizatorii care folosesc propriile șabloane de site-uri web pentru a oferi diferite servicii. Ultimele sunt în mare parte legate de nișe de afaceri precum design web, dezvoltare web, comerț electronic sau marketing prin e-mail.
- B2C care înseamnă business-to-client. În acest caz, legătura se referă la tranzacțiile efectuate între o companie și clienții săi în mod direct. Aici clientul este utilizatorul final care folosește produsele companiei. Vorbind despre Novi Builder, B2C este conectat la utilizatorii finali care și-au lansat deja site-urile web. Acești utilizatori pot achiziționa orice șablon(e) HTML pe care îl doresc și pot importa site-urile web existente. Datorită Novi Builder, este posibil fără a pierde conținutul site-ului. Puteți să-l editați cu tehnologia drag-and-drop și să îl stilați cu numeroase funcții pre-ambalate.
După cum puteți vedea, modelul B2C este semnificativ diferit de modelul B2B. Ultimul se referă la conexiunea comercială între 2 sau mai multe afaceri atunci când B2C este doar o singură afacere. Indiferent ce veți folosi, Novi Builder este potrivit pentru ambele modele de afaceri.
Ce instrumente are Novi Builder pentru modelul B2C?
Cum vă va ajuta acest constructor vizual HTML cu B2C? La fel ca toate instrumentele de calitate, Novi Builder a fost creat având în vedere strategia de afaceri. Ca rezultat, editorul vine cu numeroase instrumente orientate spre utilizatorii finali. Mai jos puteți vedea 5 caracteristici de top cu care să lucrați.
Administrarea paginilor
În primul rând: Novi Builder oferă proprietarului său un Manager de pagină confortabil. Folosind această funcție, puteți:
- creați pagini,
- sterge pagini,
- edita pagini,
- și gestionați setările acestora.
Pentru a spune mai multe, puteți face toate acestea cu un singur clic! Apropo, există câteva acțiuni suplimentare pe care le puteți efectua atunci când lucrați cu Page Manager. Cum ajungi la ei? Ei bine, trebuie pur și simplu să utilizați meniul contextual care se află în partea de sus a paginii cu care veți lucra.
3 moduri diferite pentru sarcinile principale
De îndată ce deschideți Novi Builder , veți vedea că oferă moduri diferite pentru diferite sarcini. Există 3 moduri care au fost create pentru sarcinile principale:
- Previzualizare,
- Editare,
- și Proiectare.
Modul de previzualizare
Vă permite să vedeți rezultatele rapide ale editării dvs. Inutil să spun că previzualizarea este un aspect important al oricărui proiect online. Și devine și mai important dacă vorbim despre primul tău site web. Folosiți aceste opțiuni pentru a verifica din nou designul și pentru a vă da seama dacă necesită modificări suplimentare.
Mod de editare
Acesta este modul care vă ajută să editați diferite tipuri de conținut. Lista include lucruri precum:
- texte,
- icoane,
- butoane și multe altele.
Modul de proiectare
În al treilea rând, aveți Modul Design . Oferă acces la codul site-ului web. Nu este necesar să lucrați cu sursa, dar în cazul în care doriți să vă îmbunătățiți abilitățile de codare, Modul Design este exact ceea ce a comandat medicul.
Încearcă Novi
Instrumente de dezvoltare
După cum era de așteptat, Novi Builder conține o mulțime de instrumente de dezvoltare în pachetul său. Cu acesta, veți putea obține o nouă experiență de creare de site-uri web atunci când lucrați cu editorul HTML, CSS și JS. Evident, puteți edita codul sursă așa cum doriți.
Dintre toate funcțiile, aș dori să evidențiezManagerul de presetare.Acest lucru minunat vă va ajuta să continuați procesul de editare. Pentru a scurta povestea, managerul vă permite să creați manual noi presetări și să le salvați în bibliotecă. Totul este la fel de simplu ca ABC. Iată ce trebuie să faci:
- alegeți elementul de conținut necesar,
- selectați-l în spațiul de lucru,
- salvați-l făcând clic pe butonulSalvare ca presetaresituat în meniul contextual.
Acum puteți utiliza noi presetări de îndată ce va trebui să construiți noi pagini online. Pur și simplu trageți și plasați presetarea în fereastra editorului, așa cum o faceți cu alte componente UI.
Publicare instantanee
Pentru început, oricine și-a dorit vreodată să conducă un site web știe că, pentru a avea succes, ar trebui să-ți ții mereu proiectul online la zi. De aceea veți avea nevoie de funcția de publicare instantanee.
După cum puteți vedea din captura de ecran de mai jos, există un butonde publicare a site-uluialbastru deschis în colțul din dreapta sus. Apăsând butonul, vei publica site-ul chiar pe server. În plus, veți vedea acolo și opțiunide Calea de publicareșide configurare.
Mai multe trăsături
Pentru a încheia cu acest punct, vreau să vă arăt câteva caracteristici de bază pe care cu siguranță le veți căuta imediat ce descărcați Novi Builder.
OpțiuneaModificare rezoluțiepermite proprietarului site-ului web să modifice dimensiunea spațiului de lucru.
Apăsați peSetăridacă doriți să obțineți acces la setările site-ului web sau a paginilor acestuia.
Făcând clic pe butonul Descărcare șablon , puteți descărca tema site-ului. Acest pas este obligatoriu pentru dezvoltatorii care trebuie să ofere clienților site-urile lor sau să testeze aceste proiecte pe alte dispozitive.
Membru Novi
Iată un alt punct care necesită cu siguranță atenția ta! Doriți să începeți să lucrați cu Novi Builder? Chestia este că, pentru a începe să utilizați editorul, va trebui să achiziționați un abonament Novi.
Ce componente vor fi incluse în calitatea de membru? Aici sunt ei.
- În primul rând, veți obține Novi Builder.
- În al doilea rând, veți obține câteva șabloane HTML de calitate care au fost proiectate profesional și pre-ambalate pentru diferite nișe de afaceri.
- În al treilea rând, veți primi și câteva plugin-uri obligatorii. De exemplu, există instrumente precum pluginuri pentru rețelele sociale, plugin pentru formular de contact, glisoare, numărătoare inversă, Google Maps și multe altele!
Pe scurt, prin achiziționarea unui abonament Novi, veți avea acces la toate șabloanele, pluginurile, activele și elementele de design web existente. În plus, ai acces automat la acele articole care vor fi create de echipa Novi în viitor. Fără îndoială, este un must-have pentru web designeri și dezvoltatori.
Există 3 abonamente diferite din care puteți alege. Ca întotdeauna, alegerea ta depinde de nevoile tale.
- Abonamentul Startup vă va costa 29 USD pe an.
- Abonamentul avansat vă va costa 49 USD pe an.
- Abonamentul pentru dezvoltatori vă va costa 149 USD pe an.
Consultați ecranul de mai jos pentru a afla ce opțiuni include fiecare pachet.
Încearcă Novi
După cum probabil știți, mulți creatori de site-uri populare (de exemplu Elementor Page Builder pentru WordPress) pot fi descărcați gratuit. Când vine vorba de Novi Builder, va trebui să cumpărați cel puțin planul de 29 USD pentru a utiliza editorul. Se pare că acesta este cel mai mare dezavantaj al lucrului cu Novi Builder. Cu toate acestea, când vine vorba de un proces de creare a unui site web confortabil și ușor de utilizat, 29 USD nu este o mare problemă, nu-i așa?
Apropo, toate tranzacțiile sunt sigure. Iată opțiunile de plată din care puteți alege:
În plus, vă puteți anula abonamentul Novi Builder oricând doriți. Este un proces rapid și simplu.
Deci, acum, când sunteți familiarizat cu toate detaliile principale, este timpul să aruncați o privire mai atentă la Novi Builder. Să începem cu interfața editorului.
Utilizați acest link pentru a citi despre primele 5 opțiuni gratuite de software pentru crearea de site-uri web pe care le aveți.
Interfața Novi
Pentru început, iată ce vedeți când deschideți interfața Novi:
- Panoul principal
- Comutator de moduri Novi
- Manager de pagină
- Meniu principal
- Zona Editor vizual
- Bara de instrumente a dezvoltatorului
Acestea sunt opțiunile dvs. când lucrați cu pagini:
- Declanșator de manager de pagină
- Filtrul de căutare în pagini
- Adăugarea unei pagini
- Lista paginilor existente
Și iată ce veți vedea în bara de instrumente a dezvoltatorului:
- Zona de instrumente pentru dezvoltatori
- Editor de cod HTML
- Editor de cod CSS
- Editor de cod JS
- Manager de presetări
- Manager de pluginuri
Care sunt cerințele de sistem?
Înainte de a trece la instalare, să verificăm dacă sistemul dumneavoastră îndeplinește cerințele necesare. Iată de ce aveți nevoie pentru a lucra confortabil cu Novi Builder:
- Browser : Chrome 50+ sau Safari 10+;
- 4 GB RAM sau mai mult;
- afisaj cu min. rezoluție de 1024 x 768;
- CPU cu frecvență minimă de ceas de 1GHz;
- tastatura si mouse-ul,
- iar viteza minimă a conexiunii la rețea ar trebui să fie de 1 Mbps.
Cum se instalează Novi Builder?
Ca întotdeauna, creatorii constructorului au promis că instalarea va fi rapidă și ușoară. Cu toate acestea, în 2019, utilizatorii online s-au obișnuit cu manualele lungi și cu cerințele nesfârșite. Prin urmare, să vedem cum puteți instala Novi Builder.
Pentru a instala Novi Builder pe un server local, urmați ghidul meu.
- În primul rând, va trebui să descărcați software-ul (de exemplu, WAMP, XAMP sau MAMP) pentru lansarea serverului local.
- În al doilea rând, va trebui să verificați cerințele serverului dvs. web și să configurați serverul în conformitate cu acestea.
- În al treilea rând, va trebui să dezarhivați arhiva cu Novi Builder comprimat. Odată ce ați trecut prin asta, plasați conținutul într-unul dintre directoarele serverului dvs. Va arăta ca numele discului tău/mamp/www/novi/.
- În cele din urmă, va trebui să lansați constructorul. Va fi linkul corespunzător. Doar faceți clic pe el.
Pentru a instala Novi Builder pe un server la distanță, urmați pașii următori.
- Înainte de orice, pentru a instala editorul pe un server la distanță, va trebui să verificați și cerințele serverului web. Da, oricum nu poți evita acest pas.
- Când ați terminat cu cerințele, descărcați software-ul care permite lucrul cu FTP. Astăzi, cele mai populare sunt Total Commander 7+ și FileZilla.
- Apoi, instalați software-ul descărcat.
- Acum va trebui să dezarhivați arhiva Novi Builder și să încărcați builder-ul pe serverul dvs. de găzduire. Mai jos vă voi arăta acest pas folosind Total Commander ca exemplu.
- Salvați modificările.
Deci, iată cum puteți încărca Novi Builder pe serverul dvs. de găzduire cu ajutorulTotal Commander.
Pentru a stabili conexiunea cu serverul dvs., va trebui să:
- navigați la fila NET și apoi conectați-vă la FTP,
- faceți clic pe butonul New Connection,
- completați câmpurile corespunzătoare pentru a specifica datele furnizorului de găzduire.
Domeniul va fi:
- Sesiune – ar trebui să puneți aici numele conexiunii dvs.; (orice nume doriți va fi potrivit)
- Nume de găzduire – introduceți aici numele de utilizator și parola.
Apoi, apăsați butonul OK .
Pentru a încărca fișierele necesare pe server, urmați acești pași:
- navigați la fila NET și apoi conectați-vă la FTP,
- selectați numele de utilizator pe care l-ați creat anterior (veți avea nevoie de câmpul Sesiune)
- apăsați pe Conectare,
- copiați conținutul arhivei dvs. Novi Builder,
- navigați la directorul rădăcină al numelui de domeniu implicit pe care îl utilizați,
- lipiți conținutul arhivei builder pe care l-ați copiat și gata!
Novi Builder și Autorizare
După cum probabil știți din versiunea 0.9.0, Novi Builder acceptă complet protecția prin parolă . De aceea, pentru a deschide interfața Novi, va trebui să introduceți o parolă. În mod implicit, este „Novi”. Evident, ar trebui să îl schimbați pentru a face construirea site-ului web mai sigură.
Iată cum ajungi acolo.
- Comutator pentru setările de siguranță.
- Aici va trebui să introduceți parola implicită.
- Utilizați această opțiune pentru a activa sau dezactiva autorizarea utilizatorului. Rețineți că pentru a aplica noi modificări, va trebui să introduceți permisul.
- Utilizați această opțiune pentru a activa sau dezactiva modul demo.
- Aici ar trebui să introduceți noua parolă.
Pentru a dezactiva autentificarea prin pass , urmați acești pași:
- accesați meniul principal al Novi Builder,
- deschide Setări de securitate,
- Introduceti parola curenta,
- găsiți opțiunea Activare autorizare prin parolă și dezactivați-o,
- salvați modificările efectuate.
Pentru a schimba parola, urmați acești pași:
- accesați meniul principal al Novi Builder,
- deschide Setări de securitate,
- accesați fila Schimbați parola,
- introduceți permisul dvs. actual,
- introduceți noul permis,
- salvați modificările efectuate.
Pentru a reseta parola, urmați acești pași:
- accesați builder/php/session.php,
- scrieți pe rând: „$currentPassword = „parolă”.'
În cele din urmă, când lucrați cu Novi Builder, rețineți că :
- nu va trebui să autorizați când modul demo este activat,
- nu va trebui să treceți autorizația când este dezactivată,
- prin crearea noului permis în locul celui implicit, reduceți riscurile de securitate.
Ce pluginuri veți găsi în pachetul Novi Builder?
Nu este nevoie să explicăm de ce pluginurile reprezintă unul dintre aspectele vitale ale oricărui instrument de creare de site-uri web. Cu siguranță, în cazul în care aveți deja un șablon de site web de înaltă calitate, puteți lucra cu activele acestuia. Cu toate acestea, obținerea unor plugin-uri esențiale cu generatorul de conținut pare o idee grozavă. Deci, ce pluginuri veți avea cu Novi Builder?
În medie, editorul vine cu 20 de plugin-uri. Aici sunt ei.
Pluginul #1 pentru imagine de fundal
Pentru a scurta povestea, acest plugin vă permite să schimbați imaginea de fundal a articolului. Ca toate celelalte pluginuri Novi, pluginul Imagine de fundal este foarte ușor de utilizat. Puteți schimba fundalul și puteți răsuci setările într-o manieră simplă.
Pentru a adăuga imaginea pentru un fundal, faceți dublu clic pe butonul stâng al mouse-ului pe imaginea țintă.
Pentru a afla mai multe despre capacitățile galeriei dvs. media, accesați Galeria media și deschideți secțiunea cu funcții. De asemenea, puteți urma acest link pentru a citi documentația detaliată despre pluginul Novi Background Image.
#2 Plugin de fundal
Acest plugin Novi vă permite să schimbați culoarea de fundal a unui element. Acesta este un instrument important, deoarece diferite scheme de culori vă pot afecta cu ușurință site-ul.
Rețineți că culoarea pictogramei depinde de tonul pe care l-ați ales anterior.
Pentru a citi documentația detaliată despre pluginul Novi Background, urmați acest link.
Pluginul de imagine #3
Acest plugin Novi Builder vă permite să înlocuiți imaginile. Pentru a adăuga imaginea dvs., faceți dublu clic pe butonul stâng al mouse-ului pe imaginea țintă.
Pentru a afla mai multe despre posibilitățile pluginului, accesați Media Gallery și deschideți secțiunea de caracteristici. De asemenea, puteți folosi acest link pentru a citi documentația detaliată despre pluginul Novi Image.
#4 Plugin Iframe
Acest plugin vă permite să alegeți resursa în care conținutul dvs. va fi afișat într-un cadru.
Pentru a citi mai multe, deschideți documentația detaliată a pluginului Iframe.
# 5 Link Plugin
După cum spune și numele bunului, acest element vă permite să schimbați linkul.
Când lucrați cu pluginul Link, rețineți că:
- querySelector (în mod implicit este setat la „a[href]”) – vă permite să definiți elementul procesat de plugin;
- applyToProjectElements (activat implicit) – permite activarea/dezactivarea înlocuirii tuturor legăturilor din proiect (inclusiv presetări și toate paginile) la salvarea setărilor pluginului;
- favoriteLinks – vă permite să configurați legăturile de proiecte favorite.
Să aruncăm o privire rapidă în zona de gestionare a pluginurilor. Iată ce ar trebui să știți când lucrați cu pluginul Link. Tip link vă permite să selectați un tip de link pentru inserare. Există 3 tipuri de linkuri din care puteți alege:
- Pagini – unde toate paginile proiectului vor fi disponibile,
- Favorite – unde vor fi afișate toate linkurile indicate în setările pluginului,
- Personalizat – unde puteți seta o legătură personalizată.
De asemenea, ar trebui să adaug că, implicit, se va deschide fila Personalizat. Singura excepție este cazul în care linkul dvs. pe un element ales corespunde cu una dintre pagini sau cu un link favorit.
Pentru a citi mai multe, verificați documentația detaliată pentru pluginul Link.
#6 Material Parallax Plugin
Pentru început, să spunem câteva cuvinte despre derularea Parallax. Deși efectul a fost creat inițial pentru a fi folosit în jocurile video, Parallax este încă în topul tendințelor de design web. Creează o iluzie de profunzime și mișcare care atrage atenția. Drept urmare, puteți ghida vizitatorii prin conținutul site-ului dvs. într-un mod frumos și interactiv.
Deci, acest plugin Novi Builder funcționează cu scriptul Material Parallax. Vă permite să înlocuiți imaginile sursă care vor fi folosite pentru Parallax. Nu va fi nimic complicat. O puteți face cu ușurință prin instrumente de editare vizuală. Nu este necesară codarea!
Iată ce veți vedea în zona de încărcare a imaginii:
- Alegeți fișierul – apăsați acest buton pentru a selecta imaginea necesară.
- Încărcați imaginea de fundal – apăsați acest buton pentru a încărca imaginea selectată.
#7 Plugin de etichetă
Acest plugin Novi Builder a fost creat pentru a vă permite să schimbați eticheta câmpului de formular.
#8 Plugin de numărătoare inversă
După cum probabil știți, în zilele noastre, cronometrul cu numărătoare inversă este printre cele mai utile tendințe de design web. Acest element mic, dar inteligent, vă permite să prezentați o mulțime de lucruri într-un mod minimalist. De fapt, pentru astăzi, este cel mai confortabil mod de a prezenta orice informație importantă și iată de ce.
Creierul uman este un mecanism ciudat și complicat. Recunoaște elementele vizuale mai rapid decât alte tipuri de informații. De aceea, contoarele sunt must-have-ul tău. Pentru a spune mai multe, creierul nostru își amintește informațiile vizuale pentru o perioadă mai lungă de timp. Cu ajutorul contoarelor, poți să introduci toate proiectele pe care le-ai finalizat, să arăți câți clienți fericiți sau idei de succes ai și multe altele.
Deci, când vine vorba de cronometre cu numărătoare inversă, acestea vă permit să evidențiați informațiile sau evenimentul necesare. De exemplu, poți folosi cronometrul pentru a arăta câte ore are un client până la începutul unei vânzări sau la sfârșitul unei oferte speciale.
#9 Google Map Plugin
Deși în 2019, îl puteți vedea pe orice site web, pluginul hărți este încă un lucru frumos. Perspectorii moderni s-au obișnuit cu confortul, așa că se așteaptă să oferiți hărți online. În plus, folosind hărți Google pentru proiectul dvs. online, îl faceți și mai prietenos cu clienții. Drept urmare, oamenii pot vedea unde se află biroul dvs. și pot alege calea cea mai scurtă către acesta.
Novi Builder vine cu pluginul Google Maps care vă permite să schimbați vizual setările hărților.
Iată ce puteți vedea în panoul de setări ale hărții :
- utilizați câmpul Cheie API pentru a seta cheia API pentru utilizarea API-ului JavaScript Google Maps;
- Câmp Centru hărți pentru a seta coordonatele centrului hărții;
- Câmp de zoom pentru a defini nivelul de zoom;
- Opțiune de selectare a stilului pentru a alege stilul hărții;
- Pictograma Marker și pictograma Active Marker selectează opțiuni pentru a seta marcatorul pentru stările implicite și active.
Iată ce puteți vedea în panoul de setări ale indicatoarelor hărții :
- Câmpul Locație marcator vă va ajuta să setați locația marcatorului;
- utilizați câmpul Marker Description pentru a specifica descrierea markerului; va fi afișat în stare activă;
- utilizați butonul Adăugare marcator pentru a adăuga Locația marcatorului și grupul Descriere marcator pentru adăugarea noului marcator.
Pluginul de pictograme #10
Acest plugin Novi Builder vă va ajuta să înlocuiți pictogramele pe care le utilizați pe site.
Pentru a alege pictograma pentru lipire, faceți dublu clic pe element cu butonul stâng al mouse-ului.
#11 Plugin-ul Owl Carousel
Chiar și în 2019, caruselele sunt încă la modă. Novi Builder vine cu pluginul Owl Carousel care vă permite să configurați carusele fără a atinge o singură linie de cod.
Iată ce puteți vedea în panoul de setări carusel:
- Câmpul Elemente vizibile vă va ajuta să definiți numărul de articole care trebuie afișate. Folosind funcția, puteți modifica numărul de elemente vizibile în funcție de dimensiunea ecranului.
- Câmpul Indentare între elemente vă va ajuta să setați spațiile dintre elementele caruselului. Folosind această funcție, puteți face ca distanța dintre elemente să varieze în funcție de dimensiunea ecranului.
- Activați comutatorul buclei vă va ajuta să activați sau să dezactivați bucla carusel. Apropo, o poți face în modul de previzualizare.
- Comutatorul de redare automată a caruselului vă va ajuta să activați sau să dezactivați redarea automată a caruselului. Vine și cu modul de previzualizare.
- Câmpul Întârziere redare automată a caruselului vă va ajuta să setați întârzierea de alunecare.
Pluginul 12 Campaign Monitor
Acest plugin Novi Builder vă va ajuta să configurați formularul pentru a funcționa cu serviciul Campaign Monitor.
Iată ce puteți vedea în zona Configurare formular:
- Campaign Monitor Signup URL (Adresa URL de înscriere) definește acțiunea formularului;
- Câmpul Campaign Monitor Input Name definește valoarea atributului nume al câmpului de intrare.
# 13 Plugin MailChimp
Inutil să spun că abonamentul la newsletter este încă unul dintre elementele obligatorii pentru orice proiect online. De ce? Ei bine, pentru că așa puteți mări rapid audiența site-ului și mențineți oamenii implicați fără a rămâne fără buget.
Deci, acest plugin Novi Builder vă permite să configurați lucrul cu serviciul MailChimp.
#14 Plugin RD Mailform
La fel ca instrumentul anterior, acest plugin Novi Builder vă permite să lucrați cu RD Mailform folosind editarea vizuală.
#15 RD Instagram Feed și #16 RD Twitter Feed Plugins
Aceste pluginuri Novi Builder au fost create pentru a stimula activitatea pe rețelele sociale. În cazul în care veți obține trafic social, nu ratați aceste active. Ambele plugin-uri sunt ușor de utilizat și vă permit să configurați fluxuri Instagram și Twitter cu instrumentele de editare vizuală.
# 17 Camera Slider Plugin
Acesta este un alt plugin obligatoriu pe care ți-l oferă Novi Builder. Activul vă permite să configurați glisorul camerei fără efort.
# 18 Swiper Slider Plugin
Acest plugin Novi Builder vă permite să configurați glisorul Swiper după gustul dvs.
Iată ce puteți vedea înzona de încărcare a imaginii:
- Alegerea butonului Fișier vă va ajuta să selectați o imagine;
- Butonul Încărcare imagine de fundal vă permite să încărcați imaginea selectată.
Iată ce puteți vedea înzona de selecție a imaginii:
- Pentru a adăuga o imagine, va trebui să faceți dublu clic pe butonul stâng al mouse-ului pe imaginea țintă.
Iată ce puteți vedea înzona de decupare imagine:
- Utilizați setarea Keep Original Aspect Ratio pentru a păstra raportul de aspect al imaginii originale.
#19 Plugin video
Utilizați acest plugin Novi Builder pentru a vă configura prezentarea vizuală.
Pluginul #20 Light Gallery
Utilizați acest plugin Novi Builder pentru a configura Light Gallery folosind instrumente vizuale.
Iată ce puteți vedea în zona Setărilor Galeriei :
- Animația Slide Gallery vă permite să ajustați animația tranziției elementelor din galerie;
- Comutatorul de miniaturi vă va ajuta să activați sau să dezactivați demonstrația de previzualizare a elementelor din galerie;
- Comutatorul de bucle vă va ajuta să activați sau să dezactivați buclarea elementelor din galerie;
- Comutatorul de redare automată vă va ajuta să activați sau să dezactivați redarea automată a elementelor din galerie;
- Câmpul Galerie Întârziere redare automată vă permite să configurați timpul de întârziere a articolului.
Deci, acestea au fost toate pluginurile care vin cu Novi Builder. Pentru a rezuma totul, iată ce obțineți.
Principalele posibilități de lucru cu Novi Builder
Acum știți cum funcționează Novi Builder. Pentru a rezuma totul, iată acțiunile pe care le puteți efectua cu ușurință atunci când lucrați cu editorul. Deci, vei putea:
- editați conținutul site-ului dvs. în mod live;
- importați diferite teme HTML în builder în cazul în care ați achiziționat deja unele;
- copiați, inserați, înlocuiți și eliminați orice caracteristică, opțiune sau componentă de design web;
- utilizați diverse blocuri de conținut proaspete care vin ca elemente pre-proiectate pentru tema aleasă;
- configurați elementele numite după gustul dvs. personal doar în câteva clicuri;
- gestionează-ți propria bibliotecă media pentru a pune acolo câteva videoclipuri și imagini care vor fi folosite în diferite secțiuni ale proiectului tău online;
- edita texte,
- editați adresele URL,
- creați și editați fundaluri și toate detaliile, inclusiv degrade, culori și imagini;
- lucrați cu fonturi web care pot fi citite și 100% prietenoase pentru ochi (există o nouă colecție de fonturi Google)
- lucrați cu pictogramele incluse în tema dvs.;
- încărcați pictograme noi dacă este necesar și editați-le așa cum doriți;
- încercați să lucrați cu editorul de cod Novi IDE în cazul în care veți juca cu cod CSS, HTML și JS;
- adăugați un glisor atrăgător la designul site-ului dvs. web,
- utilizați efectul Parallax impresionant,
- creați formulare de contact,
- adăugați Google Maps,
- construiți carusele elegante pentru a vă îmbunătăți conținutul vizual etc.
Inutil să spun că acestea au fost doar pentru a numi câteva! De fapt, Novi Builder vine cu numeroase elemente de design uimitoare pentru a vă îmbogăți site-ul.
Întrebări și răspunsuri ale utilizatorului ar fi Novi
Acum, este timpul să răspundem la cele mai populare întrebări despre lucrul cu Novi Builder.
Novi Builder acceptă diferite browsere?
Da, da. În plus, este testat în mod regulat în cele mai populare browsere: Safari și Google Chrome.
Voi putea folosi Novi Builder și șabloanele sale pentru diferite proiecte online?
Pentru început, puteți rula o cantitate nelimitată de diverse site-uri web folosind constructorul. Astfel, da, cu siguranță puteți folosi Novi Builder pentru diferite site-uri.
Poate cineva să cumpere Novi Builder pe site-uri terțe?
Practic, este posibil să cumpărați Novi Builder pe alte site-uri. Cu toate acestea, rețineți că nu veți primi un abonament gratuit. Nu va fi posibil nici în cazul în care ați făcut o achiziție pe un site terță parte.
Pot transfera site-ul meu web bazat pe HTML în Novi Builder?
După cum am spus deja mai sus, puteți transfera site-ul dvs. existent în Novi Builder fără a-i pierde conținutul.
Cum voi primi actualizări?
Le veți primi automat de îndată ce actualizările sunt lansate. În plus, puteți descărca cele mai noi șabloane HTML din secțiunea „Descărcări” a contului dvs. personal.
Voi putea primi o rambursare?
Da, lucrând cu Novi Builder, puteți obține o rambursare completă. Vine pentru oricare dintre planurile de membru al editorului. Puteți obține o rambursare în termen de 30 de zile de la achiziție.
Pot să vând șabloane care au fost realizate cu Novi Builder?
Da, poti! Constructorul a fost făcut pentru designeri și dezvoltatori. Alegeți doar planul pentru dezvoltatori. Vă oferă licența de a crea și vinde șabloanele împuternicite de Novi Builder. Le puteți vinde pe orice piață terță parte.
Este posibil să folosesc șablonul Novi Builder pentru site-urile mele web fără a schimba designul?
Raspunsul este da. Puteți gestiona mai multe site-uri web create cu teme Novi Builder și nu trebuie să schimbați designul în cazul în care nu doriți.
Gânduri finale
Pentru a rezuma totul, aș spune că Novi Builder oferă utilizatorilor săi șabloane HTML as și bine prezentate. Sunt pre-proiectate și pot fi folosite de oameni de orice nivel de calificare. Cu toate acestea, temele sunt complet editabile și vin cu cod sursă deschis. Deci, prin abonamentul, aveți acces la o colecție bogată de diferite șabloane de site-uri web, pluginuri și alte elemente de conținut. Inutil să spun că vor veni și alte componente ale UI. Novi Builder primește actualizări regulate care vor fi instalate automat. Înseamnă că veți avea întotdeauna câteva caracteristici la modă din care să alegeți.
Când vine vorba de nișe de afaceri precum design web sau dezvoltare web, Novi Builder este un adevărat de văzut! Imaginează-ți câte proiecte online poți rula pentru clienții tăi folosind editorul. Una peste alta, nu există limite deloc!
Pentru a încheia, să comparăm Novi Builder cu HTML Page Builder implicit.
Constructorul Novi | HTML Builder | |
Editează textul | DA | DA |
Text stilizat (aldine, culoare, cursive și altele) | DA | DA |
Instrumente pentru designeri | DA | NU |
Crearea mai multor pagini | DA | DA |
Backup de proiect | DA | NU |
Design receptiv | DA | DA |
Salvare automata | DA | NU |
Previzualizarea paginii | DA | NU |
Bloc de căutare după categorii/conținut/nume | DA | DA |
Configurarea rețelei | DA | NU |
Editați adresele URL | Plugin de utilizator | DA |
Configurarea cursorului | Plugin de utilizator | NU |
Configurarea hărții | Plugin de utilizator | NU |
Configurarea formularului de contact | Plugin de utilizator | NU |
Configurare Instagram/Twitter/Facebook | Plugin de utilizator | NU |
Accordion setup | YES | NO |
Navigation Setup | YES | YES |
Add/Remove elements (widgets) | YES | NO |
Add/Remove blocks (sections) | YES | YES |
What about your choice of website builder? Don't hesitate to leave a comment below.
A fost de ajutor articolul?
Da Nu