Mengenal Novi HTML Visual Editor : Membangun Website Keren Tanpa Coding

Last Updated on April 18, 2022 by

Jika Anda seorang developer pemula maupun ekspertis dalam bidang ‘web and app builder’ yang menginginkan suatu builder tanpa melibatkan kode-kode, Novi HTML Visual Editor bisa menjadi jawaban untuk Anda.

Novi adalah builder yang bersifat What You See Is What You Get (WYSIWYG) yang memungkinkan Anda membuat website atau aplikasi hanya dengan melakukan drag and drop tanpa melibatkan kode-kode.

Novi pertama kali dirilis pada tahun 2016. Novi bukan hanya sebuah builder drag dan drop. Tidak hanya memiliki antarmuka yang nyaman, Novi juga berisi banyak opsi gaya (style).

Novi memungkinkan Anda untuk membuat tata letak situs yang bersih dan terstruktur dengan baik tanpa melakukan koding. Desain halaman dari setiap web maupun aplikasi menggunakan modul konten yang siap pakai. Novi juga memudahkan Anda dalam membuat navigasi situs web yang ramah pengunjung.

Apa saja fitur Novi HTML Visual Editor?

Dalam hal penyesuaian pembangunan, Novi editor sangat fleksibel. Berikut ini adalah fitur umum yang membuktikan editor visual Novi layak digunakan untuk para developer pemula maupun yang sudah mahir:

1. Page manager

Fitur ini akan sangat membantu Anda dalam membuat, menduplikasi, dan menghapus halaman untuk website Anda. Page Manager sangat mudah digunakan dan dalam beberapa kasus dari beberapa masalah yang dapat Anda lihat pada dokumentasi.

2. Page Settings

Fitur ini sangat berguna untuk mengedit halaman Anda, mengatur beranda Anda, menambahkan judul halaman, atau mengunggah Favicon. Fitur ini pun cukup sederhana dan bahkan pemula yang belum berpengalaman akan mengetahui cara mengubah halaman editor HTML menggunakan fitur ini.

3. Tiga mode dashboard

Novi dilengkapi tiga mode dashboard yaitu design mode, edit mode, dan preview mode. Design mode memungkinkan Anda untuk mengatur konten pada halaman, mengkonfigurasi plugin, mengedit kode sumber (source code), dan masih banyak lagi.

Edit mode membiarkan Anda untuk menggunakan visual tools untuk mengedit konten. Preview mode berguna untuk Anda mengecek website Anda dalam mode pratinjau di setiap kesempatan.

4. Layer tool/ Konfigurasi

Fitur ini akan memungkinkan Anda untuk mengedit halaman, menambahkan font Google, mengubah bahasa dan mendapatkan update terbaru.

5. Presets Tool

Preset diperlukan untuk menyimpan komponen halaman independen seperti bagian, spanduk, formulir, bilah sisi, kolom, dan banyak lagi.

6. Content Editor

Fitur ini memungkinkan Anda untuk menghilangkan, menggantingkan, menduplikasi dan melewati dari halaman preset konten Anda.

7. Drag & drop tool

Fitur ini secara sederhana akan membantu Anda untuk memilih opsi teks serta menyesuaikan dengan situs web Anda.

8. Code Editor

Fitur code editor ini memungkinkan Anda melakukan mengedit kode sumber, termasuk melakukan validasi CSS dan HTML dan memungkinkan Anda untuk berpindah file JavaScript, CSS, dan HTML dengan mudah.

9. Media Library

Fitur ini berguna untuk menyimpan file grafik yang disertakan dengan template. Fitur ini juga memungkinkan Anda untuk menambah atau menghapus berbagai elemen grafik seperti gambar atau ikon.

Plugin yang ada pada Novi HTML Visual Editor

Selain fitur-fitur tersebut, Novi juga memiliki berbagai plugin yang berguna untuk Anda. Untuk menggunakan plugin ini, Anda harus menginstal plugin package. Berikut adalah plugin yang ada pada Novi:

1. Background Image Plugin

Plugin ini dimaksudkan untuk membuat item gambar background. Penggunaan plugin ini pun sederhana, seperti plugin lainnya yang ada pada Novi. Dengan adanya plugin ini, developer dapat menyeting background dan mengubahnya dalam hitungan detik.

2. Background Plugin

Plugin ini memungkinkan untuk mengkostumisasi background Anda. Dengan plugin ini Anda dapat menyeting warna background dari suatu elemen.

3. Image Plugin

Plugin ini adalah plugin yang harus dimiliki yang memungkinkan Anda menggantikan gambar dari proyek Anda secara online. Anda akan mendapat list yang penuh dengan pengaturan untuk mengkustomisasi setiap gambar berdasarkan preferensi personal.

4. Iframe Plugin

Jika Anda lebih suka menyesuaikan setiap bagian situs, plugin Iframe sesuai dengan hal tersebut. Adanya plugin ini memungkinkan  Anda untuk dapat memilih sumber daya dalam menampilkan konten dalam bingkai (frame)

5. Link Plugin

Plugin ini memiliki cara kerja yang sederhana yaitu memungkinkan Anda untuk mengubah link. Anda akan memiliki 3 jenis tautan di area manajemen plugin, termasuk Page, Favorites, dan Custom.

6. Material Parallax Plugin

Plugin Novi ini bekerja dengan skrip Material Parallax. Plugin ini menciptakan efek visual yang luar biasa di situs web. Pada dasarnya, Material Parallax Plugin memungkinkan pengguna mengganti gambar sumber yang akan digunakan untuk Parallax. Secara tradisional, ada banyak fitur untuk menyesuaikan gambar yang dipilih.

7. Label Plugin

Plugin Label ini berfungsi untuk mengubah label bidang formulir dengan cepat

8. Countdown Plugin

Dengan bantuan plugin  Novi ini, Anda dapat mengatur dan menyesuaikan penghitung waktu mundur.

9. Plugin Google Maps

Plugin ini memungkinkan Anda mengubah pengaturan peta secara visual. Nantinya, saat Anda sudah menginstal plugin package, akan ada panel pengaturan pin peta yang berguna. Anda dapat mengatur lokasi penanda, menentukan deskripsi penanda, dan masih banyak lagi.

10. Plugin Ikon.

Plugin ini akan membantu Anda mengganti ikon situs web.

11. Owl Carousel Plugin

Plugin Owl Carousel ini memungkinkan konfigurasi carousel tanpa menyentuh satu baris kode pun.

12. Campaign Monitor Plugin

Campaigb monitor plugin ini memungkinkan Anda melakukan konfigurasi formulir untuk bekerja dengan layanan Monitor Kampanye.

13. Plugin MailChimp

Plugin lain yang harus dimiliki untuk bekerja dengan layanan MailChimp.

14. Plugin RD Mailform

Plugin RD Mailform ini membantu Anda dalam melakukan pengeditan visual.

15. RD Instagram Feed Plugin

Plugin ini membantu website Anda untuk terintegrasi dengan Instagram.

16. RD Twitter Feed Plugin

Plugin ihi membantu untuk menghubungkan feed Twitter Anda dengan alat editing visual yang ada pada Novi.

17. Camera Slider Plugin

Plugin ini memungkinkan Anda untuk mengkonfigurasikan penggeser kamera (camera slider).

18. Swiper Slider Plugin

Plugin ini menghubungkan Swiper Slider yang ada pada Novi untuk menyesuaikan dengan selera Anda.

19. Video Plugin

Plugin ini memungkinkan Anda untuk menghubungkan etalase visual Anda.

20. Light Galerry Plugin

Plugin ini memungkinkan Anda untuk membuat suatu galeri sendiri.

Keunggulan dan Kekurangan Novi HTML

Sebagai sebuah perangkat lunak, Novi tentunya memiliki keunggulan dan kelebihan sebagaimana builder dan editor lainnya.

Keunggulan Novi:

1. Novi adalah sebuah perangkat lunak editor HTML yang merupakan platform B2B/B2C (Business to Business / Business to Commerce) yang berarti Novi cocok digunakan untuk membangun website bisnis maupun e-commerce.
2. Mudah digunakan karena Novi tidak membutuhkan koding untuk menjalankannya.
3. Dilengkapi dengan tiga mode dashboard yang membantu developer mulai dari membangun, mengedit, dan melakukan pratinjau untuk website yang sudah dibuat.
4. Dilengkapi berbagai instrument yang dibutuhkan developer.
5. Memungkinkan developer untuk membuat desain.
6. Meskipun bukan platform gratis dan open-source, namun Novi memiliki pricing plans yang cukup terjangkau khususnya untuk Anda yang ingin menggunakan Novi untuk bisnis.
7. Tersedia template HTML gratis.
8. Anda dapat menjual template yang Anda buat didukung oleh Novi Builder.
9. Anda dapat membuat berbagai proyek tanpa batas.
10. Didukung oleh service yang sangat baik.

Kekurangan Novi:

1. Anda tidak dapat menjual template Anda jika belum membeli salah satu plan yang dikhususkan untuk developer atau plan yang paling mahal diantara plan lainnya.
2. Membership termurah hanya memberi beberapa template HTML. Tidak semua template dapat digunakan oleh membership termudah tersebut.

Demikianlah penjelasan tentang Novi. Kesimpulan yang dapat diambil adalah, Novi adalah satu editor atau builder yang cukup baik karena berbagai keunggulan yang dimilikinya. Anda dapat membangun, mengedit, dan meninjau website buatan Anda dengan sangat mudah dan cepat tanpa perlu melakukan koding. Novi bisa menjadi salah satu platform yang dapat Anda gunakan dalam pembangunan website.

Kunjungi Web App di https://appkey.id/ dan jangan lupa nyalakan notifikasi agar tidak ketinggalan informasi terbaru.