Novi HTML Website Builder Szczegółowa recenzja i przewodnik

Opublikowany: 2023-03-27


Jeśli chodzi o tworzenie stron internetowych w 2023 roku, nie ma potrzeby zajmowania się kodowaniem. Jestem pewien, że wiesz już wszystko i wszystko o różnych gotowych produktach cyfrowych. W dzisiejszych czasach możesz łatwo uzyskać wszystko, co jest wstępnie zaprojektowane i spakowane dla Ciebie. Z tych prostych powodów istnieje tak wiele przyciągających wzrok stron internetowych. Ludzie szukają nowych sposobów na wyróżnienie się z tłumu. Dlatego ilość świeżych responsywnych motywów stron internetowych, wtyczek, zasobów i trendów w projektowaniu stron internetowych cały czas rośnie.

Jednak to, że coś jest nowe, nie oznacza, że ​​ten produkt jest w 100% wart Twojej uwagi. Jak więc wybrać swój jedyny przedmiot? W tym poście postaram się pomóc Ci w podjęciu ostatecznej decyzji. W jednym z poprzednich postów pokazałem, jak zrobić stronę internetową w WordPress. Jak mówi nazwa postu, dzisiaj dokonam przeglądu jednego z 5 najlepszych kreatorów stron internetowych — Novi Builder .

Jeśli wolisz pracować z HTML, na pewno słyszałeś już tę nazwę, ponieważ Novi Builder zawiera wszystkie nowoczesne responsywne szablony HTML. Jakie są zatem główne zalety pracy z edytorem i czy są jakieś wady? Bądź na bieżąco, aby dowiedzieć się wszystkich najważniejszych rzeczy dotyczących najbardziej przydatnego narzędzia do tworzenia stron HTML .

Historia Novi Buildera

Wypróbuj Novi

Zgodnie z tradycją, zanim zaczniemy, rzucimy okiem na historię tego kreatora wizualnego HTML. Pierwsze wydanie Novi Builder miało miejsce 3 lata temu, w 2016 roku. W skrócie, zespół Novi zaprojektował edytor z myślą o 3 głównych funkcjach:

  • całkowicie przyjazny twórcom mechanizm działania,
  • w 100% intuicyjny interfejs,
  • i oczywiście najnowszą technologię przeciągnij i upuść.

Czy pamiętasz, jak wyglądało edytowanie stron internetowych w 2016 roku? Był w większości nudny i zawierał tylko niezbędne funkcje. Niemniej jednak postęp cyfrowy nigdy się nie zatrzymał, więc w użyciu było wiele modnych opcji i stylowych elementów projektowania stron internetowych. Widząc to, twórcy Novi Builder postanowili dodać wszystkie te rzeczy do pakietu edytora. Dodali tyle trendów w projektowaniu stron internetowych, ile było to możliwe w tamtych czasach. Jeśli coś dominowało na rynku cyfrowym, to było już w pakiecie Novi.

Z drugiej strony dodanie tylko popularnych funkcji nie wystarczyło. Dlatego zespół Novi kontynuował badania. Jak wszystkie inteligentne firmy, chciały zbadać odbiorców, aby poznać potrzeby potencjalnych klientów. Badania wykazały, że ludzie przede wszystkim szukali komfortu.

W rezultacie wkrótce Novi Builder umożliwił użytkownikom online:

  • tworzyć czyste i dobrze ustrukturyzowane układy bez dotykania ani jednej linijki kodu,
  • praca w technologii przeciągnij i upuść,
  • przyspieszyć proces budowy strony internetowej,
  • i zaprojektuj stronę internetową z różnymi dobrze wyglądającymi komponentami interfejsu użytkownika.

Choć w dzisiejszych czasach trudno zaskoczyć użytkownika technologią „przeciągnij i upuść”, w 2016 roku była to prawdziwa perełka. Poza tym nie zapominaj, że wtedy jedynym poręcznym edytorem treści, który zapewniał funkcję przeciągania i upuszczania, był Elementor. Zawierał wszystkie niezbędne funkcje, ale został stworzony tylko dla projektów online opartych na WordPressie. Jednocześnie HTML nigdy nie był najłatwiejszy w obsłudze, gdy nie jesteś technikiem.

Po długich i szczegółowych badaniach ulepszono również technologię przeciągania i upuszczania stosowaną przez Novi Builder. W rezultacie ludzie mogli tworzyć nowe strony internetowe i edytować swoje witryny, po prostu przeciągając wybrane elementy projektu i upuszczając je w oknie edytora.

Publiczności przyzwyczajenie się do Novi Buildera zajęło zaledwie kilka miesięcy. Dość szybko stało się popularne. Nie trzeba dodawać, że dla edytora wprowadzono wiele aktualizacji. Rok później twórcy zaprezentowali pierwszą klasyczną wersję Novi Buildera. Od tego czasu nadal otrzymuje regularne aktualizacje, które obejmują różne opcje, trendy w projektowaniu stron internetowych i wiele dodatkowych narzędzi.

Podsumowując, Novi Builder nie tylko przyspieszył proces tworzenia strony internetowej, ale także dał wiele nowych możliwości początkującym, którzy chcieli pracować z HTML. Dzięki niemu ludzie mogli wreszcie projektować swoje strony internetowe nie tylko tak, jak potrafią, ale tak, jak chcą. Gdy tylko wydano Novi Builder, edytowanie stron HTML stało się bezstresowe. Dlatego został nazwany najlepszym narzędziem do tworzenia wizualnych stron internetowych dla HTML.

Powrót do teraźniejszości

Dzisiaj Novi Builder jest nazywany najlepszym edytorem HTML typu „przeciągnij i upuść”. Krótko mówiąc, konstruktor przyspiesza proces pracy i ułatwia użytkownikom o dowolnym poziomie umiejętności. Pracując z Novi Builder, możesz szybko projektować nowe strony internetowe przy użyciu różnych wstępnie zaprojektowanych bloków treści.

Co więcej, pozwala również na edycję zawartości strony na żywo. Ten krok jest bardzo ważny dla każdego początkującego, ponieważ w ten sposób można uniknąć typowych błędów podczas tworzenia projektów.

Chcesz zobaczyć jak działa edytor w akcji? Możesz spróbować pracować z Novi Builder, uruchamiając jego wersję demonstracyjną. Wystarczy kliknąć link, aby otworzyć bezpłatną wersję demonstracyjną edytora.

Do jakich modeli biznesowych nadaje się Novi Builder?

Kolejną rzeczą, którą powinieneś wiedzieć o Novi Builder, jest to, że jest to platforma internetowa B2B/B2C . Co to znaczy? Zobaczmy.

  1. B2B , czyli business-to-business. W Internecie jest również znany jako e-biznes. B2B to wymiana produktów, usług, przedmiotów, a nawet informacji między różnymi firmami. Jeśli chodzi o Novi Builder, B2B łączy się z użytkownikami, którzy wykorzystują własne szablony stron internetowych do świadczenia różnych usług. Te ostatnie są w większości związane z niszami biznesowymi, takimi jak projektowanie stron internetowych, tworzenie stron internetowych, eCommerce lub marketing e-mailowy.
  2. B2C , czyli business-to-customer. W tym przypadku powiązanie odnosi się do transakcji przeprowadzanych bezpośrednio między firmą a jej klientami. Tutaj klientem jest użytkownik końcowy, który korzysta z produktów firmy. Mówiąc o Novi Builder, B2C jest połączony z użytkownikami końcowymi, którzy mają już uruchomione strony internetowe. Ci użytkownicy mogą kupować dowolne szablony HTML i importować istniejące strony internetowe. Dzięki Novi Builder jest to możliwe bez utraty zawartości strony. Możesz go edytować za pomocą technologii „przeciągnij i upuść” i stylizować za pomocą wielu gotowych funkcji.

Jak widać model B2C znacząco różni się od modelu B2B. Ostatni odnosi się do połączenia handlowego między 2 lub więcej firmami, gdy B2C dotyczy tylko 1 firmy. Niezależnie od tego, czego zamierzasz używać, Novi Builder jest odpowiedni dla obu modeli biznesowych.

Jakie instrumenty ma Novi Builder dla modelu B2C?

W jaki sposób ten wizualny kreator HTML pomoże Ci w B2C? Jak wszystkie narzędzia jakościowe, Novi Builder został stworzony z myślą o strategii biznesowej. W rezultacie edytor zawiera wiele instrumentów zorientowanych na użytkowników końcowych. Poniżej możesz zobaczyć 5 najważniejszych funkcji, z którymi warto pracować.

Zarządzanie stronami

Po pierwsze: Novi Builder zapewnia swojemu właścicielowi wygodny menedżer stron. Korzystając z tej funkcji, możesz:

  • tworzyć strony,
  • usuwać strony,
  • edytuj strony,
  • i zarządzać ich ustawieniami.

Aby powiedzieć więcej, możesz zrobić to wszystko za pomocą jednego kliknięcia! Nawiasem mówiąc, istnieje kilka dodatkowych czynności, które możesz wykonać podczas pracy z Menedżerem stron. Jak do nich dotrzeć? Cóż, po prostu musisz użyć menu kontekstowego, które znajduje się na górze strony, z którą zamierzasz pracować.

3 różne tryby dla głównych zadań

Jak tylko otworzysz Novi Builder , zobaczysz, że zapewnia on różne tryby dla różnych zadań. Do głównych zadań stworzono 3 tryby:

  • Zapowiedź,
  • Redagowanie,
  • i Projektowanie.

Tryb podglądu

Pozwala zobaczyć szybkie wyniki edycji. Nie trzeba dodawać, że podgląd jest ważnym aspektem każdego projektu online. Staje się to jeszcze ważniejsze, jeśli mówimy o Twojej pierwszej stronie internetowej. Po prostu skorzystaj z tych opcji, aby dokładnie sprawdzić swój projekt i dowiedzieć się, czy wymaga on dodatkowych zmian.

Tryb edycji

Jest to tryb, który pomaga edytować różne typy treści. Na liście znajdują się takie rzeczy jak:

  • teksty,
  • ikony,
  • przyciski i nie tylko.

Tryb projektowania

Po trzecie, masz Tryb projektowania . Zapewnia dostęp do kodu strony. Praca ze źródłem nie jest konieczna, ale jeśli chcesz poprawić swoje umiejętności kodowania, tryb projektowania jest właśnie tym, co zalecił lekarz.

Wypróbuj Novi

Narzędzia deweloperskie

Zgodnie z oczekiwaniami Novi Builder zawiera w swoim pakiecie wiele narzędzi programistycznych. Dzięki niemu będziesz mógł uzyskać nowe doświadczenie w tworzeniu stron internetowych podczas pracy z edytorem HTML, CSS i JS. Oczywiście możesz edytować kod źródłowy tak, jak chcesz.

Spośród wszystkich funkcji chciałbym wyróżnićPreset Managera.Ta fajna rzecz pomoże ci przyspieszyć proces edycji. Mówiąc krótko, menedżer umożliwia ręczne tworzenie nowych ustawień i zapisywanie ich w bibliotece. Wszystko jest proste jak ABC. Oto, co musisz zrobić:

  • wybierz potrzebny element treści,
  • wybierz go w obszarze roboczym,
  • zapisać go, klikając przyciskZapisz jako ustawienie wstępneznajdujący się w menu kontekstowym.

Teraz możesz użyć nowych ustawień, gdy tylko będziesz musiał zbudować nowe strony online. Po prostu przeciągnij i upuść ustawienie wstępne do okna edytora, tak jak robisz to z innymi komponentami interfejsu użytkownika.


Natychmiastowe publikowanie

Na początek każdy, kto kiedykolwiek chciał prowadzić stronę internetową, wie, że aby odnieść sukces, należy zawsze aktualizować swój projekt online. Dlatego będziesz potrzebować funkcji natychmiastowego publikowania.

Jak widać na poniższym zrzucie ekranu, w prawym górnym rogu znajduje się jasnoniebieski przyciskPublikuj witrynę. Naciskając przycisk opublikujesz witrynę bezpośrednio na serwerze. Ponadto zobaczysz tam również opcjeścieżki publikacjiikonfiguracji.

Więcej funkcji

Aby zakończyć ten punkt, chcę pokazać kilka bardziej podstawowych funkcji, których na pewno będziesz szukać, gdy tylko pobierzesz Novi Builder.

OpcjaZmień rozdzielczośćumożliwia właścicielowi witryny zmianę rozmiaru obszaru roboczego.

NaciśnijUstawienia,jeśli chcesz uzyskać dostęp do ustawień witryny lub jej stron.

Klikając przycisk Pobierz szablon , możesz pobrać motyw strony. Ten krok jest niezbędny dla programistów, którzy muszą udostępniać klientom swoje witryny lub testować te projekty na innych urządzeniach.

Członkostwo Novi

Oto kolejny punkt, który zdecydowanie wymaga Twojej uwagi! Chcesz rozpocząć pracę z Novi Builder? Chodzi o to, że aby zacząć korzystać z edytora, musisz kupić członkostwo Novi.

Jakie elementy będą zawarte w członkostwie? Tutaj są.

  1. Po pierwsze, otrzymasz Novi Builder.
  2. Po drugie, otrzymasz wysokiej jakości szablony HTML, które zostały profesjonalnie zaprojektowane i przygotowane dla różnych nisz biznesowych.
  3. Po trzecie, otrzymasz także kilka niezbędnych wtyczek. Na przykład istnieją takie narzędzia, jak wtyczki mediów społecznościowych, wtyczka formularza kontaktowego, suwaki, odliczanie, Mapy Google i wiele więcej!

Krótko mówiąc, kupując członkostwo Novi, uzyskasz dostęp do wszystkich istniejących szablonów, wtyczek, zasobów i elementów projektowania stron internetowych. Ponadto automatycznie uzyskasz dostęp do tych elementów, które zostaną utworzone przez zespół Novi w przyszłości. Bez wątpienia jest to pozycja obowiązkowa dla projektantów stron internetowych i programistów.

Do wyboru są 3 różne członkostwa. Jak zwykle wybór zależy od Twoich potrzeb.

  1. Członkostwo w startupie kosztuje 29 USD rocznie.
  2. Zaawansowane członkostwo kosztuje 49 USD rocznie.
  3. Członkostwo programisty kosztuje 149 USD rocznie.

Sprawdź poniższy ekran, aby dowiedzieć się, jakie opcje zawiera każdy pakiet.

Wypróbuj Novi

Jak być może wiesz, wiele popularnych narzędzi do tworzenia stron internetowych (np. Elementor Page Builder dla WordPress) można pobrać bezpłatnie. Jeśli chodzi o Novi Builder, musisz kupić co najmniej plan za 29 USD, aby korzystać z edytora. Wygląda na to, że jest to największa wada pracy z Novi Builder. Jednak jeśli chodzi o wygodny i przyjazny dla użytkownika proces tworzenia strony internetowej, 29 USD to nie wielka sprawa, prawda?

Nawiasem mówiąc, wszystkie transakcje są bezpieczne. Oto opcje płatności do wyboru:

Ponadto możesz anulować subskrypcję Novi Builder w dowolnym momencie. To szybki i prosty proces.

Więc teraz, kiedy znasz wszystkie główne szczegóły, nadszedł czas, aby przyjrzeć się bliżej Novi Builder. Zacznijmy od interfejsu edytora.

Skorzystaj z tego łącza, aby przeczytać o 5 najlepszych darmowych opcjach oprogramowania do tworzenia witryn, które posiadasz.

Nowy interfejs

Na początek oto, co widzisz po otwarciu interfejsu Novi:

  • Panel główny
  • Przełącznik trybów Novi
  • Menedżer stron
  • Menu główne
  • Obszar edytora wizualnego
  • Pasek narzędzi programisty

Oto opcje dostępne podczas pracy ze stronami:

  1. Wyzwalacz menedżera stron
  2. Filtr wyszukiwania stron
  3. Dodanie strony
  4. Lista istniejących stron

A oto, co zobaczysz na pasku narzędzi programisty:

  1. Obszar narzędzi dla programistów
  2. Edytor kodu HTML
  3. Edytor kodu CSS
  4. Edytor kodu JS
  5. Menedżer presetów
  6. Menedżer wtyczek

Jakie są wymagania systemowe?

Zanim przejdziemy do instalacji, sprawdźmy, czy Twój system spełnia wymagane wymagania. Oto, czego potrzebujesz, aby uzyskać wygodną pracę z Novi Builder:

  • Przeglądarka : Chrome 50+ lub Safari 10+;
  • 4 GB RAM lub więcej;
  • wyświetlacz z min. rozdzielczość 1024x768;
  • Procesor o minimalnej częstotliwości taktowania 1 GHz;
  • klawiatura i mysz,
  • a minimalna prędkość połączenia sieciowego powinna wynosić 1 Mb/s.

Jak zainstalować Novi Builder?

Jak zawsze twórcy buildera obiecali, że instalacja będzie szybka i łatwa. Jednak w 2019 roku użytkownicy online przyzwyczaili się do długich instrukcji i niekończących się wymagań. Dlatego zobaczmy, jak możesz zainstalować Novi Builder.

Aby zainstalować Novi Builder na serwerze lokalnym, postępuj zgodnie z moim przewodnikiem.

  1. Najpierw musisz pobrać oprogramowanie (na przykład WAMP, XAMP lub MAMP) do uruchomienia lokalnego serwera.
  2. Po drugie, musisz sprawdzić wymagania dotyczące serwera WWW i skonfigurować serwer zgodnie z nimi.
  3. Po trzecie, będziesz musiał rozpakować archiwum za pomocą skompresowanego narzędzia Novi Builder. Gdy to zrobisz, umieść zawartość w jednym z katalogów serwera. Będzie wyglądać jak nazwa twojego dysku/mamp/www/novi/.
  4. Na koniec musisz uruchomić kreatora. Będzie odpowiedni link. Po prostu kliknij na to.

Aby zainstalować Novi Builder na zdalnym serwerze, wykonaj następujące kroki.

  1. Zanim cokolwiek innego, aby zainstalować edytor na zdalnym serwerze, musisz również sprawdzić wymagania dotyczące serwera WWW. Tak, i tak nie możesz uniknąć tego kroku.
  2. Po spełnieniu wymagań pobierz oprogramowanie umożliwiające pracę z FTP. Obecnie najpopularniejsze to Total Commander 7+ i FileZilla.
  3. Następnie zainstaluj pobrane oprogramowanie.
  4. Teraz musisz rozpakować archiwum Novi Builder i przesłać kreator na swój serwer hostingowy. Poniżej pokażę ci ten krok na przykładzie Total Commandera.
  5. Zapisz zmiany.

Oto jak możesz przesłać Novi Builder na swój serwer hostingowy za pomocąTotal Commander.

Aby nawiązać połączenie z serwerem, będziesz potrzebować:

  • przejdź do zakładki NET a następnie połącz FTP,
  • kliknij przycisk Nowe połączenie,
  • wypełnić odpowiednie pola w celu określenia danych dostawcy usług hostingowych.

Pole będzie:

  • Sesja – w tym miejscu należy wpisać nazwę swojego połączenia; (dowolna nazwa będzie odpowiednia)
  • Hosting Name – wpisz tutaj swoją nazwę użytkownika i hasło.

Następnie naciśnij przycisk OK .

Aby przesłać potrzebne pliki na serwer, wykonaj następujące kroki:

  • przejdź do zakładki NET a następnie połącz FTP,
  • wybierz wcześniej utworzoną nazwę użytkownika (będziesz potrzebować pola Sesja)
  • naciśnij Połącz,
  • skopiuj zawartość swojego archiwum Novi Builder,
  • przejdź do katalogu głównego domyślnej nazwy domeny, której używasz,
  • wklej skopiowaną zawartość archiwum konstruktora i to wszystko!

Novi Builder i autoryzacja

Jak być może wiesz z wersji 0.9.0, Novi Builder w pełni obsługuje ochronę hasłem . Dlatego, aby otworzyć interfejs Novi, będziesz musiał wprowadzić hasło. Domyślnie jest to „Novi”. Oczywiście powinieneś to zmienić, aby budowanie stron internetowych było bezpieczniejsze.

Oto jak się tam dostać.

  1. Przełącznik ustawień bezpieczeństwa.
  2. Tutaj musisz wprowadzić domyślne hasło.
  3. Użyj tej opcji, aby włączyć lub wyłączyć autoryzację użytkownika. Pamiętaj, aby zastosować nowe zmiany, musisz wprowadzić przepustkę.
  4. Użyj tej opcji, aby włączyć lub wyłączyć tryb demonstracyjny.
  5. W tym miejscu należy wprowadzić nowe hasło.

Aby wyłączyć logowanie przez hasło , wykonaj następujące kroki:

  • przejdź do menu głównego Novi Builder,
  • otwórz Ustawienia bezpieczeństwa,
  • wprowadź swoje aktualne hasło,
  • znajdź opcję Enable Password Authorization i wyłącz ją,
  • zapisać dokonane zmiany.

Aby zmienić hasło, wykonaj następujące kroki:

  • przejdź do menu głównego Novi Builder,
  • otwórz Ustawienia bezpieczeństwa,
  • przejdź do zakładki Zmień hasło,
  • wprowadź swoją aktualną przepustkę,
  • wprowadź nową przepustkę,
  • zapisać dokonane zmiany.

Aby zresetować hasło, wykonaj następujące kroki:

  • przejdź do builder/php/session.php,
  • wpisz w wierszu: '$currentPassword = „hasło”.'

Wreszcie, pracując z Novi Builder, pamiętaj, że :

  • nie będziesz musiał autoryzować, gdy włączony jest tryb demonstracyjny,
  • nie będziesz musiał przechodzić autoryzacji, gdy jest wyłączona,
  • tworząc nową przepustkę zamiast domyślnej, zmniejszasz ryzyko związane z bezpieczeństwem.

Jakie wtyczki znajdziesz w pakiecie Novi Builder?

Nie trzeba wyjaśniać, dlaczego wtyczki stanowią jeden z istotnych aspektów każdego narzędzia do tworzenia stron internetowych. Z pewnością, jeśli masz już wysokiej jakości szablon strony internetowej, możesz pracować z jego zasobami. Jednak uzyskanie kilku niezbędnych wtyczek za pomocą narzędzia do tworzenia treści również wydaje się świetnym pomysłem. Jakie wtyczki będziesz mieć w Novi Builder?

Średnio edytor zawiera 20 wtyczek. Tutaj są.

Wtyczka obrazu tła nr 1

Krótko mówiąc, ta wtyczka umożliwia zmianę obrazu tła elementu. Jak wszystkie inne wtyczki Novi, wtyczka Background Image jest bardzo łatwa w użyciu. Możesz zmienić tło i przekręcić ustawienia w mgnieniu oka.

Aby dodać swój obraz jako tło, kliknij dwukrotnie lewym przyciskiem myszy na obrazie docelowym.

Aby dowiedzieć się więcej o możliwościach swojej galerii multimediów, przejdź do Galerii multimediów i otwórz sekcję funkcji. Możesz także kliknąć ten link, aby przeczytać szczegółową dokumentację wtyczki Novi Background Image.

# 2 Wtyczka działająca w tle

Ta wtyczka Novi umożliwia zmianę koloru tła elementu. To ważne narzędzie, ponieważ różne schematy kolorów mogą łatwo wpłynąć na Twoją witrynę.

Pamiętaj, że kolor ikony zależy od tonu, który wybrałeś wcześniej.

Aby przeczytać szczegółową dokumentację dotyczącą wtyczki Novi Background, kliknij ten link.

# 3 Wtyczka obrazu

Ta wtyczka Novi Builder umożliwia zastępowanie obrazów. Aby dodać swój obraz, kliknij dwukrotnie lewym przyciskiem myszy na docelowym obrazie.

Aby dowiedzieć się więcej o możliwościach wtyczki, przejdź do Media Gallery i otwórz sekcję funkcji. Możesz także użyć tego linku, aby przeczytać szczegółową dokumentację dotyczącą wtyczki Novi Image.

#4 Wtyczka Iframe

Ta wtyczka pozwala wybrać zasób, w którym zawartość będzie wyświetlana w ramce.

Aby dowiedzieć się więcej, otwórz szczegółową dokumentację wtyczki Iframe.

Wtyczka linku nr 5

Jak wskazuje nazwa zasobu, ten element umożliwia zmianę linku.

Podczas pracy z wtyczką Link pamiętaj, że:

  • querySelector (domyślnie ustawione na „a[href]”) – pozwala zdefiniować element przetwarzany przez wtyczkę;
  • ApplyToProjectElements (domyślnie włączone) – umożliwia włączenie/wyłączenie zamiany wszystkich linków w projekcie (w tym presetów i wszystkich stron) podczas zapisywania ustawień wtyczki;
  • ulubioneLinki – umożliwia skonfigurowanie ulubionych linków do projektów.

Rzućmy okiem na obszar zarządzania wtyczkami. Oto, co powinieneś wiedzieć podczas pracy z wtyczką Link. Typ łącza umożliwia wybranie typu łącza do wstawienia. Do wyboru są 3 rodzaje linków:

  • Strony – gdzie będą dostępne wszystkie strony projektu,
  • Ulubione – gdzie będą wyświetlane wszystkie linki wskazane w ustawieniach wtyczki,
  • Niestandardowy – gdzie możesz ustawić niestandardowy link.

Powinienem również dodać, że domyślnie otworzy się zakładka Niestandardowe. Wyjątkiem jest sytuacja, gdy Twój link na wybranym elemencie odpowiada jednej ze stron lub ulubionemu linkowi.

Aby dowiedzieć się więcej, zapoznaj się ze szczegółową dokumentacją wtyczki Link.

#6 Wtyczka Material Parallax

Na początek powiedzmy kilka słów o przewijaniu paralaksy. Chociaż efekt został pierwotnie stworzony do użytku w grach wideo, Parallax nadal znajduje się na szczycie trendów projektowania stron internetowych. Tworzy przyciągającą uwagę iluzję głębi i ruchu. W rezultacie możesz poprowadzić odwiedzających przez zawartość Twojej witryny w piękny i interaktywny sposób.

Tak więc ta wtyczka Novi Builder działa ze skryptem Material Parallax. Pozwala na zastąpienie obrazów źródłowych, które będą używane dla paralaksy. Nie będzie nic skomplikowanego. Możesz to łatwo zrobić za pomocą narzędzi do edycji wizualnej. Nie wymaga kodowania!

Oto, co zobaczysz w obszarze przesyłania obrazów:

  • Wybierz plik – naciśnij ten przycisk, aby wybrać żądany obraz.
  • Prześlij obraz tła – naciśnij ten przycisk, aby przesłać wybrany obraz.

Wtyczka etykiety nr 7

Ta wtyczka Novi Builder została stworzona, aby umożliwić zmianę etykiety pola formularza.

# 8 Wtyczka odliczania

Jak być może wiesz, w dzisiejszych czasach minutnik jest jednym z najbardziej przydatnych trendów w projektowaniu stron internetowych. Ten mały, ale sprytny element pozwala w minimalistyczny sposób zaprezentować wiele rzeczy. Właściwie na dziś jest to najwygodniejszy sposób na zaprezentowanie ważnych informacji, a oto dlaczego.

Ludzki mózg to dziwny i skomplikowany mechanizm. Rozpoznaje elementy wizualne szybciej niż inne rodzaje informacji. Dlatego liczniki to Twój must have. Mówiąc więcej, nasz mózg zapamiętuje informacje wizualne przez dłuższy czas. Za pomocą liczników możesz przedstawić wszystkie ukończone projekty, pokazać, ilu masz zadowolonych klientów lub udane pomysły i wiele więcej.

Tak więc, jeśli chodzi o liczniki czasu, pozwalają one wyróżnić potrzebne informacje lub wydarzenie. Na przykład możesz użyć licznika czasu, aby pokazać, ile godzin pozostało klientowi do rozpoczęcia wyprzedaży lub zakończenia oferty specjalnej.

#9 Wtyczka mapy Google

Chociaż w 2019 roku możesz to zobaczyć na dowolnej stronie internetowej, wtyczka map jest nadal fajną rzeczą. Współcześni potencjalni klienci przyzwyczaili się do wygody, więc oczekują od Ciebie udostępnienia map online. Poza tym, używając map Google do swojego projektu online, czynisz go jeszcze bardziej przyjaznym dla klienta. Dzięki temu ludzie mogą zobaczyć, gdzie znajduje się Twoje biuro i wybrać najkrótszą drogę do niego.

Novi Builder jest dostarczany z wtyczką Google Maps, która umożliwia wizualną zmianę ustawień map.

Oto, co możesz zobaczyć w panelu ustawień mapy :

  • użyj pola Klucz API, aby ustawić klucz API do korzystania z Google Maps JavaScript API;
  • Pole Centrum mapy do ustawienia współrzędnych środka mapy;
  • Pole powiększenia do określenia poziomu powiększenia;
  • Opcja wyboru stylu, aby wybrać styl mapy;
  • Ikona znacznika i Ikona aktywnego znacznika wybierają opcje, aby ustawić znacznik dla stanów domyślnych i aktywnych.

Oto, co możesz zobaczyć w panelu ustawień pinezek na mapie :

  • Pole Lokalizacja znacznika pomoże Ci ustawić lokalizację znacznika;
  • użyj pola Opis znacznika, aby określić opis znacznika; zostanie pokazany w stanie aktywnym;
  • użyj przycisku Dodaj znacznik, aby dodać lokalizację znacznika i grupę Opis znacznika, aby dodać nowy znacznik.

# 10 Wtyczka ikon

Ta wtyczka Novi Builder pomoże Ci zastąpić ikony, których używasz na stronie.

Aby wybrać ikonę do wklejenia, kliknij dwukrotnie element lewym przyciskiem myszy.

# 11 Wtyczka karuzeli sów

Nawet w 2019 roku karuzele są nadal w modzie. Novi Builder jest dostarczany z wtyczką Owl Carousel, która pozwala konfigurować karuzele bez dotykania ani jednego wiersza kodu.

Oto, co możesz zobaczyć w panelu ustawień karuzeli:

  1. Pole Visible Items pomoże Ci zdefiniować liczbę elementów do wyświetlenia. Korzystając z tej funkcji, możesz zmienić liczbę widocznych elementów w zależności od rozmiaru ekranu.
  2. Pole Wcięcie między elementami pomoże Ci ustawić odstępy między elementami karuzeli. Korzystając z tej funkcji, możesz zmienić odległość między elementami w zależności od rozmiaru ekranu.
  3. Włącz przełącznik pętli pomoże Ci włączyć lub wyłączyć pętlę karuzeli. Nawiasem mówiąc, możesz to zrobić w trybie podglądu.
  4. Carousel Autoplay Switcher pomoże Ci włączyć lub wyłączyć autoodtwarzanie karuzeli. Jest również wyposażony w tryb podglądu.
  5. Pole Carousel Autoplay Delay pomoże Ci ustawić przesuwające się opóźnienie.

# 12 Wtyczka monitora kampanii

Ta wtyczka Novi Builder pomoże Ci skonfigurować formularz do pracy z usługą Campaign Monitor.

Oto, co możesz zobaczyć w obszarze konfiguracji formularza:

  • Pole Adres URL rejestracji w Monitorze kampanii określa działanie formularza;
  • Pole nazwy wejściowej monitora kampanii definiuje wartość atrybutu nazwy pola wejściowego.

#13 Wtyczka MailChimp

Nie trzeba dodawać, że subskrypcja biuletynu jest nadal jednym z obowiązkowych elementów każdego projektu online. Dlaczego? Ano dlatego, że w ten sposób możesz szybko powiększyć grono odbiorców witryny i utrzymać zaangażowanie ludzi bez wyczerpania budżetu.

Tak więc ta wtyczka Novi Builder pozwala skonfigurować pracę z usługą MailChimp.

#14 Wtyczka formularza pocztowego RD

Podobnie jak w przypadku poprzedniego narzędzia, ta wtyczka Novi Builder umożliwia pracę z RD Mailform przy użyciu edycji wizualnej.

#15 RD Kanał na Instagramie i #16 Wtyczki kanału RD na Twitterze

Te wtyczki Novi Builder zostały stworzone, aby zwiększyć aktywność w mediach społecznościowych. Jeśli chcesz uzyskać ruch w mediach społecznościowych, nie przegap tych zasobów. Obie wtyczki są łatwe w użyciu i umożliwiają konfigurowanie kanałów na Instagramie i Twitterze za pomocą narzędzi do edycji wizualnej.

# 17 Wtyczka suwaka aparatu

To kolejna niezbędna wtyczka, którą zapewnia Novi Builder. Zasób pozwala bez wysiłku skonfigurować suwak aparatu.

# 18 Wtyczka suwaka Swiper

Ta wtyczka Novi Builder pozwala skonfigurować suwak Swiper według własnego gustu.

Oto, co możesz zobaczyć wobszarze przesyłania obrazów:

  • Wybór przycisku Plik pomoże Ci wybrać obraz;
  • Przycisk Prześlij obraz tła umożliwia przesłanie wybranego obrazu.

Oto, co możesz zobaczyć wobszarze wyboru obrazu:

  • Aby dodać obraz, należy dwukrotnie kliknąć lewym przyciskiem myszy obraz docelowy.

Oto, co możesz zobaczyć wobszarze przycinania obrazu:

  • Użyj ustawienia Zachowaj oryginalny współczynnik proporcji, aby zachować proporcje oryginalnego obrazu.

# 19 Wtyczka wideo

Użyj tej wtyczki Novi Builder, aby skonfigurować wizualną prezentację.

Wtyczka Light Gallery nr 20

Użyj tej wtyczki Novi Builder, aby skonfigurować Light Gallery za pomocą narzędzi wizualnych.

Oto, co możesz zobaczyć w obszarze Ustawienia galerii :

  • Gallery Slide Animation pozwala dostosować animację przejścia elementów galerii;
  • Przełącznik miniatur pomoże Ci włączyć lub wyłączyć podgląd podglądu elementów galerii;
  • Przełącznik pętli pomoże Ci włączyć lub wyłączyć zapętlanie elementów galerii;
  • Przełącznik autoodtwarzania pomoże Ci włączyć lub wyłączyć autoodtwarzanie elementów galerii;
  • Pole Opóźnienie autoodtwarzania galerii umożliwia skonfigurowanie czasu opóźnienia elementu.

To były wszystkie wtyczki dostarczane z Novi Builder. Podsumowując wszystko, oto co otrzymujesz.

Główne możliwości pracy z Novi Builder

Teraz wiesz, jak działa Novi Builder. Podsumowując, oto czynności, które możesz łatwo wykonać podczas pracy z edytorem. Będziesz mógł więc:

  • edytuj zawartość swojej strony internetowej w trybie na żywo;
  • zaimportuj różne motywy HTML do kreatora, jeśli już je kupiłeś;
  • kopiować, wstawiać, zastępować ani usuwać żadnych funkcji, opcji ani elementów projektu internetowego;
  • używaj różnych świeżych bloków treści, które są wstępnie zaprojektowanymi elementami dla wybranego motywu;
  • skonfiguruj nazwane elementy według własnego gustu za pomocą kilku kliknięć;
  • zarządzaj własną biblioteką multimediów, aby umieścić w niej filmy i obrazy, które będą wykorzystywane w różnych sekcjach Twojego projektu online;
  • edytować teksty,
  • edytować adresy URL,
  • tworzyć i edytować tła oraz wszystkie szczegóły, w tym gradienty, kolory i obrazy;
  • pracuj z czytelnymi i w 100% przyjaznymi dla oka czcionkami internetowymi (jest nowa kolekcja czcionek Google)
  • pracuj z ikonami dołączonymi do twojego motywu;
  • w razie potrzeby przesyłaj nowe ikony i edytuj je tak, jak chcesz;
  • spróbuj pracować z edytorem kodu Novi IDE, jeśli zamierzasz bawić się kodem CSS, HTML i JS;
  • dodaj przyciągający wzrok slider do projektu swojej strony internetowej,
  • wykorzystaj imponujący efekt paralaksy,
  • tworzyć formularze kontaktowe,
  • dodaj Mapy Google,
  • buduj eleganckie karuzele, aby poprawić zawartość wizualną itp.

Nie trzeba dodawać, że to tylko kilka z nich! W rzeczywistości Novi Builder zawiera wiele niesamowitych elementów projektu, które wzbogacą Twoją witrynę.

Pytania i odpowiedzi niedoszłego użytkownika Novi

Teraz nadszedł czas, aby odpowiedzieć na najpopularniejsze pytania dotyczące pracy z Novi Builder.

Czy Novi Builder obsługuje różne przeglądarki?

Tak. Poza tym jest regularnie testowany w najpopularniejszych przeglądarkach: Safari i Google Chrome.

Czy będę mógł używać Novi Builder i jego szablonów do różnych projektów online?

Na początek możesz uruchomić nieograniczoną liczbę różnych stron internetowych za pomocą kreatora. Zatem tak, z pewnością możesz używać Novi Builder do różnych witryn.

Czy ktoś może kupić Novi Builder na stronach osób trzecich?

Zasadniczo można kupić Novi Builder na innych stronach. Pamiętaj jednak, że nie otrzymasz darmowego członkostwa. Nie będzie to możliwe nawet w przypadku dokonania zakupu na stronie osoby trzeciej.

Czy mogę przenieść moją witrynę opartą na HTML do Novi Builder?

Jak już powiedziałem powyżej, możesz przenieść swoją istniejącą witrynę do Novi Builder bez utraty jej zawartości.

Jak otrzymam aktualizacje?

Otrzymasz je automatycznie, gdy tylko aktualizacje zostaną wydane. Ponadto możesz pobrać najnowsze szablony HTML w sekcji „Do pobrania” na swoim koncie osobistym.

Czy będę mógł otrzymać zwrot pieniędzy?

Tak, współpracując z Novi Builder, możesz otrzymać pełny zwrot pieniędzy. Dotyczy dowolnego planu członkostwa redaktora. Możesz otrzymać zwrot pieniędzy w ciągu 30 dni od zakupu.

Czy mogę sprzedawać szablony utworzone za pomocą Novi Builder?

Tak, możesz! Konstruktor został stworzony dla projektantów i programistów. Po prostu wybierz plan deweloperski. Daje ci licencję na tworzenie i sprzedaż szablonów obsługiwanych przez Novi Builder. Możesz je sprzedawać na dowolnych zewnętrznych platformach handlowych.

Czy mogę używać szablonu Novi Builder dla moich stron internetowych bez zmiany projektu?

Odpowiedź brzmi tak. Możesz zarządzać wieloma stronami internetowymi utworzonymi za pomocą motywów Novi Builder i nie musisz zmieniać projektu, jeśli nie chcesz.

Końcowe przemyślenia

Podsumowując, powiedziałbym, że Novi Builder zapewnia swoim użytkownikom asa i w pełni funkcjonalne szablony HTML. Są one wstępnie zaprojektowane i mogą być używane przez osoby o dowolnym poziomie umiejętności. Motywy są jednak w pełni edytowalne i zawierają otwarty kod źródłowy. Tak więc, biorąc subskrypcję, uzyskujesz dostęp do bogatej kolekcji różnych szablonów stron internetowych, wtyczek i innych elementów treści. Nie trzeba dodawać, że nadchodzi więcej komponentów interfejsu użytkownika. Novi Builder otrzymuje regularne aktualizacje, które zostaną zainstalowane automatycznie. Oznacza to, że zawsze będziesz mieć do wyboru kilka modnych funkcji.

Jeśli chodzi o takie nisze biznesowe, jak projektowanie stron internetowych lub tworzenie stron internetowych, Novi Builder to prawdziwa konieczność! Wyobraź sobie, ile projektów online możesz prowadzić dla swoich klientów za pomocą edytora. W sumie nie ma żadnych ograniczeń!

Na koniec porównajmy Novi Builder z domyślnym HTML Page Builder.

Nowi konstruktorzy Konstruktor HTML
Edytować tekst TAK TAK
Stylizowany tekst (pogrubienie, kolor, kursywa i inne) TAK TAK
Narzędzia dla projektantów TAK NIE
Tworzenie wielu stron TAK TAK
Kopia zapasowa projektu TAK NIE
Elastyczny projekt TAK TAK
Automatyczne zapisywanie TAK NIE
Podgląd strony TAK NIE
Wyszukaj blok według kategorii/zawartości/nazwy TAK TAK
Konfiguracja siatki TAK NIE
Edytuj adresy URL Wtyczka użytkownika TAK
Konfiguracja suwaka Wtyczka użytkownika NIE
Konfiguracja mapy Wtyczka użytkownika NIE
Konfiguracja formularza kontaktowego Wtyczka użytkownika NIE
Konfiguracja Instagrama/Twittera/Facebooka Wtyczka użytkownika NIE
Ustawienie akordeonu TAK NIE
Konfiguracja nawigacji TAK TAK
Add/Remove elements (widgets) TAK NIE
Add/Remove blocks (sections) TAK TAK

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

Czy ten artykuł był pomocny?

Tak Nie