Cara Menjalankan Situs Web HTML Dengan Pembuat Situs Web HTML Novi

Diterbitkan: 2020-02-17

Ketika datang ke pembuatan situs web pada tahun 2019, tidak perlu berurusan dengan pengkodean. Saya yakin Anda sudah tahu segalanya tentang berbagai produk digital siap pakai. Saat ini, Anda dapat dengan mudah mendapatkan semua yang telah dirancang dan dikemas sebelumnya untuk Anda. Untuk alasan sederhana ini, ada begitu banyak situs web yang menarik perhatian. Orang-orang mencari cara baru untuk menonjol dari keramaian. Itulah mengapa jumlah tema situs web responsif baru, plugin, aset, dan tren desain web meningkat setiap saat.

Namun, ketika ada sesuatu yang baru bukan berarti produk ini 100% layak Anda perhatikan. Jadi, bagaimana Anda memilih satu-satunya item Anda? Dalam posting ini, saya akan membantu Anda dengan pengambilan keputusan akhir. Di salah satu posting sebelumnya, saya menunjukkan cara membuat situs web di WordPress. Seperti namanya, hari ini saya akan mengulas salah satu dari 5 pembuat situs web terbaik – Pembuat Novi .

Jika Anda lebih suka bekerja dengan HTML, Anda pasti pernah mendengar nama ini sebelumnya, karena Novi Builder hadir dengan semua template HTML responsif modern. Jadi, apa keuntungan utama bekerja dengan editor, dan apakah ada kerugiannya? Pantau terus untuk mengetahui semua hal penting tentang pembuat halaman paling berguna untuk HTML .

Sejarah Novi Builder

Coba Novi

Secara tradisi, sebelum kita mulai, kita akan melihat sekilas sejarah pembuat visual HTML ini. Rilis pertama Novi Builder berlangsung 3 tahun yang lalu, pada tahun 2016. Untuk mempersingkat cerita, tim Novi merancang editor dengan 3 fitur utama:

  • mekanisme kerja yang benar-benar ramah pencipta,
  • antarmuka intuitif 100%,
  • dan, tentu saja, teknologi drag-and-drop terbaru.

Apakah Anda ingat bagaimana pengeditan situs web dulu terlihat pada tahun 2016? Itu sebagian besar membosankan dan hanya berisi fitur yang harus dimiliki. Namun demikian, kemajuan digital tidak pernah berhenti, jadi ada banyak pilihan mode dan elemen desain web yang digunakan. Melihat itu, pencipta Novi Builder memutuskan untuk menambahkan semua hal ini ke paket editor. Mereka menambahkan sebanyak mungkin tren desain web pada masa itu. Jika ada yang dominan di pasar digital, itu sudah ada di dalam paket Novi.

Di sisi lain, menambahkan fitur populer saja tidak cukup. Oleh karena itu, tim Novi terus melakukan penelitian. Seperti yang dilakukan semua perusahaan pintar, mereka ingin mempelajari audiens untuk mengetahui kebutuhan prospek. Penelitian menunjukkan bahwa, sebelum segalanya, orang mencari kenyamanan.

Hasilnya, Novi Builder segera mengizinkan pengguna online untuk:

  • buat tata letak yang bersih dan terstruktur dengan baik tanpa menyentuh satu baris kode pun,
  • bekerja dengan teknologi drag-and-drop,
  • mempercepat proses pembuatan website,
  • dan rancang situs web dengan berbagai komponen UI yang bagus.

Meskipun saat ini sulit untuk mengejutkan pengguna dengan teknologi drag-and-drop, pada tahun 2016 itu benar-benar menakjubkan. Plus, jangan lupa bahwa saat itu, satu-satunya editor konten praktis yang menyediakan fungsionalitas drag-and-drop adalah Elementor. Itu datang dengan semua fitur yang diperlukan tetapi dibuat hanya untuk proyek online berbasis WordPress. Pada saat yang sama, HTML tidak pernah menjadi hal yang paling mudah untuk dikerjakan saat Anda bukan teknisi.

Setelah penelitian yang panjang dan mendetail, teknologi drag-and-drop yang digunakan Novi Builder juga ditingkatkan. Hasilnya, orang-orang dapat membuat halaman online baru dan mengedit situs mereka hanya dengan menyeret elemen desain yang dipilih dan melepaskannya ke jendela editor.

Hanya butuh beberapa bulan bagi penonton untuk terbiasa dengan Novi Builder. Ini menjadi populer segera. Tak perlu dikatakan, ada banyak pembaruan yang dibuat untuk editor. Setahun kemudian, pembuatnya memamerkan versi klasik pertama Novi Builder. Sejak itu, terus menerima pembaruan rutin yang mencakup berbagai opsi, tren desain web, dan banyak instrumen tambahan.

Singkatnya, Novi Builder tidak hanya mempercepat proses pembuatan situs web, tetapi juga membawa banyak kemungkinan baru bagi pemula yang ingin bekerja dengan HTML. Dengan itu, orang-orang akhirnya dapat mendesain situs web mereka tidak hanya seperti yang mereka bisa, tetapi juga seperti yang mereka inginkan. Segera setelah Novi Builder dirilis, pengeditan situs HTML menjadi hal yang bebas stres. Itu sebabnya ia dinobatkan sebagai pembuat visual situs web terbaik untuk HTML.

Kembali ke Masa Kini

Hari ini, Novi Builder disebut editor drag-and-drop terbaik untuk HTML. Singkatnya, pembangun melanjutkan proses kerja dan membuatnya mudah bagi pengguna dari tingkat keahlian apa pun. Bekerja dengan Novi Builder, Anda dapat dengan cepat mendesain halaman online baru menggunakan berbagai blok konten yang telah dirancang sebelumnya.

Terlebih lagi, ini juga memungkinkan Anda untuk mengedit konten situs web secara langsung. Langkah ini sangat penting untuk pemula karena dengan begitu Anda dapat menghindari kesalahan umum saat membuat desain.

Apakah Anda ingin melihat bagaimana editor bekerja? Anda dapat mencoba bekerja dengan Novi Builder dengan menjalankan demo-nya. Cukup ikuti tautan untuk membuka editor versi demo gratis.

Model Bisnis Manakah yang Cocok untuk Novi Builder?

Hal lain yang harus Anda ketahui tentang Novi Builder adalah bahwa ini adalah platform online B2B/B2C . Apa artinya? Ayo lihat.

  1. B2B yang berarti bisnis-ke-bisnis. Di internet, ini juga dikenal sebagai e-biz. B2B adalah pertukaran produk, layanan, item, atau bahkan informasi antara bisnis yang berbeda. Ketika datang ke Novi Builder, B2B terhubung dengan pengguna yang menggunakan templat situs web mereka sendiri untuk menyediakan layanan yang berbeda. Yang terakhir sebagian besar terkait dengan ceruk bisnis seperti desain web, pengembangan web, eCommerce, atau pemasaran email.
  2. B2C yang berarti bisnis-ke-pelanggan. Dalam hal ini, koneksi mengacu pada transaksi yang dilakukan antara perusahaan dan pelanggannya secara langsung. Di sini pelanggan adalah pengguna akhir yang menggunakan produk perusahaan. Berbicara tentang Novi Builder, B2C terhubung dengan pengguna akhir yang telah meluncurkan situs web mereka. Pengguna ini dapat membeli template HTML apa pun yang mereka inginkan dan mengimpor situs web yang ada. Berkat Novi Builder, ini bisa dilakukan tanpa kehilangan konten situs. Anda dapat mengeditnya dengan teknologi drag-and-drop dan menatanya dengan berbagai fitur yang sudah dikemas sebelumnya.

Seperti yang Anda lihat, model B2C sangat berbeda dari model B2B. Yang terakhir mengacu pada koneksi perdagangan antara 2 bisnis atau lebih ketika B2C hanya sekitar 1 bisnis. Apa pun yang akan Anda gunakan, Novi Builder cocok untuk kedua model bisnis tersebut.

Instrumen apa yang dimiliki Novi Builder untuk Model B2C?

Bagaimana pembangun visual HTML ini akan membantu Anda dengan B2C? Seperti semua alat kualitas, Novi Builder dibuat dengan mempertimbangkan strategi bisnis. Akibatnya, editor dilengkapi dengan banyak instrumen berorientasi pengguna akhir. Di bawah ini Anda dapat melihat 5 fitur teratas untuk digunakan.

Manajemen Halaman

Hal pertama yang pertama: Novi Builder memberi pemiliknya Pengelola Halaman yang nyaman. Dengan menggunakan fitur ini, Anda dapat:

  • membuat halaman,
  • hapus halaman,
  • mengedit halaman,
  • dan mengelola pengaturannya.

Untuk mengatakan lebih banyak, Anda dapat melakukan semua ini dengan satu klik! Omong-omong, ada beberapa tindakan tambahan yang dapat Anda lakukan saat bekerja dengan Pengelola Halaman. Bagaimana Anda menjangkau mereka? Nah, Anda hanya perlu menggunakan menu konteks yang terletak di bagian atas halaman yang akan Anda kerjakan.

3 Mode Berbeda Untuk Tugas Utama

Segera setelah Anda membuka Novi Builder , Anda akan melihat bahwa ia menyediakan mode yang berbeda untuk tugas yang berbeda. Ada 3 mode yang dibuat untuk tugas utama:

  • Pratinjau,
  • Mengedit,
  • dan Merancang.

Mode Pratinjau

Memungkinkan Anda melihat hasil cepat dari pengeditan Anda. Tak perlu dikatakan, pratinjau adalah aspek penting dari setiap proyek online. Dan itu menjadi lebih penting jika kita berbicara tentang situs web pertama Anda. Cukup gunakan opsi ini untuk memeriksa ulang desain Anda dan mencari tahu apakah itu memerlukan perubahan tambahan.

Modus Edit

Ini adalah mode yang membantu Anda mengedit berbagai jenis konten. Daftar tersebut mencakup hal-hal seperti:

  • teks,
  • ikon,
  • tombol, dan lainnya.

Mode Desain

Ketiga, Anda memiliki Mode Desain . Ini menyediakan akses ke kode situs web. Tidak perlu bekerja dengan sumbernya, tetapi jika Anda ingin meningkatkan keterampilan pengkodean Anda, Mode Desain adalah yang diperintahkan oleh dokter.

Coba Novi

Alat pengembang

Seperti yang diharapkan, Novi Builder berisi banyak alat pengembang dalam paketnya. Dengan itu, Anda akan bisa mendapatkan pengalaman membangun situs web baru saat bekerja dengan editor HTML, CSS, dan JS. Jelas, Anda dapat mengedit kode sumber seperti yang Anda inginkan.

Di antara semua fitur, saya ingin menyoroti Preset Manager. Hal keren ini akan membantu Anda untuk melanjutkan proses pengeditan. Untuk mempersingkat cerita, pengelola mengizinkan Anda membuat preset baru dengan tangan dan menyimpannya ke perpustakaan. Semuanya sesederhana ABC. Inilah yang harus Anda lakukan:

  • pilih elemen konten yang dibutuhkan,
  • pilih di ruang kerja,
  • simpan dengan mengklik tombol Save as Preset yang terletak di menu konteks.

Sekarang Anda dapat menggunakan preset baru segera setelah Anda perlu membuat halaman online baru. Cukup seret dan lepas preset ke jendela editor seperti yang Anda lakukan dengan komponen UI lainnya.


Penerbitan Instan

Untuk memulai, siapa pun yang pernah ingin menjalankan situs web tahu bahwa untuk mendapatkan kesuksesan, Anda harus selalu memperbarui proyek online Anda. Itu sebabnya Anda akan membutuhkan fitur penerbitan instan.

Seperti yang Anda lihat dari tangkapan layar di bawah, ada tombol Publikasikan Situs berwarna biru muda di sudut kanan atas. Dengan menekan tombol, Anda akan mempublikasikan situs tepat di server. Plus, Anda juga akan melihat opsi Jalur Publikasi dan Konfigurasi .

Lebih banyak fitur

Untuk mengakhiri poin ini, saya ingin menunjukkan kepada Anda beberapa fitur dasar yang pasti akan Anda cari segera setelah Anda mengunduh Novi Builder.

Opsi Ubah Resolusi memungkinkan pemilik situs web untuk mengubah ukuran ruang kerja.

Tekan Pengaturan jika Anda ingin mendapatkan akses ke pengaturan situs web atau halamannya.

Dengan mengklik tombol Unduh Template , Anda dapat mengunduh tema situs. Langkah ini harus dimiliki oleh pengembang yang perlu menyediakan situs mereka kepada klien atau menguji proyek ini di perangkat lain.

Keanggotaan Novi

Inilah poin lain yang pasti membutuhkan perhatian Anda! Apakah Anda ingin mulai bekerja dengan Novi Builder? Masalahnya, untuk mulai menggunakan editor, Anda harus membeli Keanggotaan Novi.

Komponen mana yang akan dimasukkan dalam keanggotaan? Di sini mereka.

  1. Pertama, Anda akan mendapatkan Novi Builder.
  2. Kedua, Anda akan mendapatkan beberapa template HTML berkualitas yang dirancang dan dikemas secara profesional untuk ceruk bisnis yang berbeda.
  3. Ketiga, Anda juga akan mendapatkan beberapa plugin yang harus dimiliki. Misalnya, ada alat seperti plugin media sosial, plugin formulir kontak, slider, hitung mundur, Google Maps, dan banyak lagi!

Singkatnya, dengan membeli Keanggotaan Novi, Anda akan mendapatkan akses ke semua template, plugin, aset, dan elemen desain web yang ada. Plus, Anda secara otomatis mendapatkan akses ke item-item yang akan dibuat oleh tim Novi di masa mendatang. Tanpa ragu, ini harus dimiliki oleh desainer dan pengembang web.

Ada 3 keanggotaan yang berbeda untuk dipilih. Seperti biasa, pilihan Anda tergantung pada kebutuhan Anda.

  1. Keanggotaan startup akan dikenakan biaya $29 per tahun.
  2. Keanggotaan lanjutan akan dikenakan biaya $49 per tahun.
  3. Keanggotaan pengembang akan dikenakan biaya $149 per tahun.

Lihat layar di bawah ini untuk mengetahui opsi mana yang disertakan setiap paket.

Coba Novi

Seperti yang Anda ketahui, banyak pembuat situs web populer (misalnya Elementor Page Builder untuk WordPress) dapat diunduh secara gratis. Ketika datang ke Novi Builder, Anda harus membeli setidaknya paket $29 untuk menggunakan editor. Sepertinya ini adalah kelemahan terbesar bekerja dengan Novi Builder. Namun, jika menyangkut proses pembuatan situs web yang nyaman dan ramah pengguna, $29 bukanlah masalah besar, bukan?

Omong-omong, semua transaksi aman. Berikut adalah opsi pembayaran yang dapat dipilih:

Selain itu, Anda dapat membatalkan langganan Novi Builder kapan pun Anda mau. Ini adalah proses yang cepat dan sederhana.

Jadi, sekarang, setelah Anda mengetahui semua detail utama, inilah saatnya untuk melihat lebih dekat Novi Builder. Mari kita mulai dengan antarmuka editor.

Gunakan tautan ini untuk membaca tentang 5 opsi perangkat lunak pembuat situs web gratis teratas yang Anda miliki.

Antarmuka Novi

Sebagai permulaan, inilah yang Anda lihat saat membuka antarmuka Novi:

  • Panel utama
  • Pengalih mode Novi
  • Pengelola Halaman
  • Menu utama
  • Area Editor Visual
  • Bilah alat pengembang

Ini adalah pilihan Anda saat bekerja dengan halaman:

  1. Pemicu pengelola halaman
  2. Filter Pencarian Halaman
  3. Menambahkan halaman
  4. Daftar halaman yang ada

Dan inilah yang akan Anda lihat di dalam bilah alat pengembang:

  1. Area alat pengembang
  2. editor kode HTML
  3. Editor kode CSS
  4. editor kode JS
  5. Manajer preset
  6. Manajer plugin

Apa Persyaratan Sistem?

Sebelum kita pindah ke instalasi, mari kita periksa apakah sistem Anda memenuhi persyaratan yang dibutuhkan. Inilah yang Anda butuhkan untuk mendapatkan pekerjaan yang nyaman dengan Novi Builder:

  • Peramban : Chrome 50+ atau Safari 10+;
  • RAM 4 GB atau lebih;
  • tampilan dengan min. resolusi 1024 x 768;
  • CPU dengan kecepatan clock minimum 1GHz;
  • keyboard dan mouse,
  • dan kecepatan minimum koneksi jaringan Anda harus 1 Mbps.

Bagaimana Cara Menginstal Novi Builder?

Seperti biasa, pembuat pembuat berjanji bahwa pemasangan akan cepat dan mudah. Namun, pada tahun 2019, pengguna online terbiasa dengan manual yang panjang dan persyaratan yang tidak ada habisnya. Karena itu, mari kita lihat bagaimana Anda dapat menginstal Novi Builder.

Untuk menginstal Novi Builder di server lokal , ikuti panduan saya.

  1. Pertama, Anda perlu mengunduh perangkat lunak (misalnya, WAMP, XAMP, atau MAMP) untuk meluncurkan server lokal.
  2. Kedua, Anda perlu memeriksa persyaratan server web Anda dan mengatur server sesuai dengan mereka.
  3. Ketiga, Anda perlu membuka zip arsip dengan Novi Builder terkompresi. Setelah Anda melalui ini, tempatkan konten ke salah satu direktori server Anda. Ini akan terlihat seperti namadisk Anda/mamp/www/novi/.
  4. Terakhir, Anda harus meluncurkan builder. Akan ada tautan yang sesuai. Cukup klik di atasnya.

Untuk menginstal Novi Builder di server jauh , ikuti langkah-langkah selanjutnya.

  1. Sebelum hal lain, untuk menginstal editor di server jauh, Anda juga perlu memeriksa persyaratan server web. Yap, Anda tidak bisa menghindari langkah ini.
  2. Setelah Anda selesai dengan persyaratan, unduh perangkat lunak yang memungkinkan bekerja dengan FTP. Saat ini, yang paling populer adalah Total Commander 7+ dan FileZilla.
  3. Selanjutnya, instal perangkat lunak yang diunduh.
  4. Sekarang Anda perlu meng-unzip arsip Novi Builder dan mengunggah builder ke server hosting Anda. Di bawah ini saya akan menunjukkan langkah ini menggunakan Total Commander sebagai contoh.
  5. Simpan perubahan.

Jadi, inilah cara Anda dapat mengunggah Novi Builder ke server hosting Anda dengan bantuan Total Commander .

Untuk membuat koneksi dengan server Anda, Anda perlu:

  • arahkan ke tab NET dan kemudian FTP connect,
  • klik tombol Koneksi Baru,
  • isi kolom yang sesuai untuk menentukan data penyedia hosting.

Lapangan akan menjadi:

  • Sesi – Anda harus meletakkan di sini nama koneksi Anda; (nama apa pun yang Anda inginkan akan cocok)
  • Nama Hosting – masukkan nama pengguna dan kata sandi Anda di sini.

Kemudian, tekan tombol OK .

Untuk mengunggah file yang diperlukan ke server , ikuti langkah-langkah berikut:

  • arahkan ke tab NET dan kemudian FTP connect,
  • pilih nama pengguna yang telah Anda buat sebelumnya, (Anda akan membutuhkan bidang Sesi)
  • tekan Hubungkan,
  • salin isi arsip Novi Builder Anda,
  • arahkan ke direktori root dari nama domain default yang Anda gunakan,
  • rekatkan konten arsip pembangun yang telah Anda salin, dan hanya itu!

Pembuat dan Otorisasi Novi

Seperti yang mungkin Anda ketahui dari versi 0.9.0, Novi Builder sepenuhnya mendukung perlindungan kata sandi . Itu sebabnya, untuk membuka antarmuka Novi, Anda harus memasukkan kata sandi. Secara default, ini adalah 'Novi'. Jelas, Anda harus mengubahnya untuk membuat pembuatan situs web lebih aman.

Inilah cara Anda sampai di sana.

  1. Sakelar pengaturan keamanan.
  2. Di sini Anda harus memasukkan kata sandi default.
  3. Gunakan opsi ini untuk mengaktifkan atau menonaktifkan otorisasi pengguna. Perlu diingat, untuk menerapkan perubahan baru, Anda harus memasukkan pass.
  4. Gunakan opsi ini untuk mengaktifkan atau menonaktifkan mode demo.
  5. Di sinilah Anda harus memasukkan kata sandi baru Anda.

Untuk menonaktifkan login melalui pass , ikuti langkah-langkah berikut:

  • masuk ke menu utama Novi Builder,
  • buka Pengaturan Keamanan,
  • Masukkan kata sandi Anda,
  • temukan opsi Aktifkan Otorisasi Kata Sandi dan nonaktifkan,
  • menyimpan perubahan yang dilakukan.

Untuk mengubah kata sandi , ikuti langkah-langkah berikut:

  • masuk ke menu utama Novi Builder,
  • buka Pengaturan Keamanan,
  • buka tab Ubah Kata Sandi,
  • masukkan pass Anda saat ini,
  • masukkan pass baru Anda,
  • menyimpan perubahan yang dilakukan.

Untuk mereset kata sandi , ikuti langkah-langkah berikut:

  • buka builder/php/session.php,
  • tulis di baris: '$currentPassword = “password”.'

Terakhir, saat bekerja dengan Novi Builder, ingatlah bahwa :

  • Anda tidak perlu mengotorisasi saat mode demo aktif,
  • Anda tidak perlu melewati otorisasi saat dinonaktifkan,
  • dengan membuat pass baru alih-alih pass default, Anda menurunkan risiko keamanan.

Plugin mana yang akan Anda temukan di dalam Novi Builder Pack?

Tidak perlu menjelaskan mengapa plugin menjadi salah satu aspek vital dari alat pembuatan situs web apa pun. Tentunya, jika Anda sudah memiliki templat situs web berkualitas tinggi, Anda dapat bekerja dengan asetnya. Namun, mendapatkan beberapa plugin penting dengan pembuat konten Anda juga terdengar seperti ide yang bagus. Jadi, plugin mana yang akan Anda miliki dengan Novi Builder?

Rata-rata, editor dilengkapi dengan 20 plugin. Di sini mereka.

Plugin Gambar Latar #1

Untuk mempersingkat cerita, plugin ini memungkinkan Anda untuk mengubah gambar latar item. Seperti semua plugin Novi lainnya, plugin Background Image sangat mudah digunakan. Anda dapat mengubah latar belakang dan memutar pengaturan dengan mudah.

Untuk menambahkan gambar Anda untuk latar belakang, cukup klik dua kali tombol kiri mouse pada gambar target.

Untuk mempelajari lebih lanjut tentang kemampuan galeri media Anda, buka Galeri Media dan buka bagian fitur. Anda juga dapat mengikuti tautan ini untuk membaca dokumentasi terperinci tentang plugin Novi Background Image.

#2 Plugin Latar Belakang

Plugin Novi ini memungkinkan Anda untuk mengubah warna latar belakang suatu elemen. Ini adalah alat yang penting karena skema warna yang berbeda dapat dengan mudah memengaruhi situs web Anda.

Ingatlah bahwa warna ikon tergantung pada nada yang Anda pilih sebelumnya.

Untuk membaca dokumentasi detail tentang plugin Novi Background, ikuti tautan ini.

Plugin Gambar #3

Plugin Novi Builder ini memungkinkan Anda mengganti gambar. Untuk menambahkan gambar Anda, cukup klik dua kali tombol kiri mouse pada gambar target.

Untuk mempelajari lebih lanjut tentang kemungkinan plugin, buka Galeri Media dan buka bagian fitur. Anda juga dapat menggunakan tautan ini untuk membaca dokumentasi terperinci tentang plugin Novi Image.

#4 Plugin Iframe

Plugin ini memungkinkan Anda untuk memilih sumber daya di mana konten Anda akan ditampilkan dalam bingkai.

Untuk membaca lebih lanjut, buka dokumentasi detail plugin Iframe.

Plugin Tautan #5

Seperti yang disebutkan dalam nama aset, item ini memungkinkan Anda mengubah tautan.

Saat bekerja dengan plugin Link, perlu diingat bahwa:

  • querySelector (secara default diatur ke “a[href]”) – memungkinkan Anda untuk menentukan item yang diproses oleh plugin;
  • applyToProjectElements (diaktifkan secara default) – memungkinkan pengaktifan/penonaktifan penggantian semua tautan dalam proyek (termasuk prasetel dan semua halaman) saat menyimpan pengaturan plugin;
  • favoriteLinks – memungkinkan Anda untuk mengonfigurasi tautan proyek favorit.

Mari kita lihat sekilas area manajemen plugin. Inilah yang harus Anda ketahui saat bekerja dengan plugin Link. Jenis Tautan memungkinkan Anda memilih jenis tautan untuk disisipkan. Ada 3 jenis tautan untuk dipilih:

  • Halaman – di mana semua halaman proyek akan tersedia,
  • Favorit – di mana semua tautan yang ditunjukkan dalam pengaturan plugin akan ditampilkan,
  • Kustom – tempat Anda dapat mengatur tautan khusus.

Juga, saya harus menambahkan bahwa, secara default, tab Kustom akan dibuka. Satu-satunya pengecualian adalah kasus ketika tautan Anda pada elemen yang dipilih sesuai dengan salah satu halaman atau dengan tautan favorit.

Untuk membaca lebih lanjut, periksa dokumentasi terperinci untuk plugin Tautan.

#6 Bahan Plugin Paralaks

Untuk memulai, katakan beberapa kata tentang pengguliran Paralaks. Meskipun efek awalnya dibuat untuk digunakan dalam video game, Parallax masih berada di puncak tren desain web. Ini menciptakan ilusi kedalaman dan gerakan yang menarik perhatian. Hasilnya, Anda dapat memandu pengunjung melalui konten situs web Anda dengan cara yang indah dan interaktif.

Jadi, plugin Novi Builder ini bekerja dengan skrip Material Parallax. Ini memungkinkan Anda untuk mengganti gambar sumber yang akan digunakan untuk Parallax. Tidak akan ada yang rumit. Anda dapat dengan mudah melakukannya melalui alat pengeditan visual. Tidak diperlukan pengkodean!

Inilah yang akan Anda lihat di area Unggah Gambar:

  • Pilih File – tekan tombol ini untuk memilih gambar yang dibutuhkan.
  • Unggah Gambar Latar Belakang – tekan tombol ini untuk mengunggah gambar yang Anda pilih.

Plugin Label #7

Plugin Novi Builder ini dibuat untuk memungkinkan Anda mengubah label bidang formulir.

#8 Plugin Hitung Mundur

Seperti yang Anda ketahui, akhir-akhir ini, penghitung waktu mundur adalah salah satu tren desain web yang paling berguna. Elemen kecil namun cerdas ini memungkinkan Anda untuk menampilkan banyak hal dengan cara yang minimalis. Sebenarnya, untuk hari ini, ini adalah cara paling nyaman untuk menampilkan info penting apa pun, dan inilah alasannya.

Otak manusia adalah mekanisme yang aneh dan rumit. Ini mengenali elemen visual lebih cepat daripada jenis informasi lainnya. Itu sebabnya penghitung harus Anda miliki. Untuk mengatakan lebih banyak, otak kita mengingat informasi visual untuk jangka waktu yang lebih lama. Dengan bantuan penghitung, Anda dapat memperkenalkan semua proyek yang Anda selesaikan, menunjukkan berapa banyak klien yang bahagia atau ide sukses yang Anda miliki, dan banyak lagi.

Jadi, ketika datang ke penghitung waktu mundur, mereka memungkinkan Anda untuk menyorot info atau acara yang diperlukan. Misalnya, Anda dapat menggunakan pengatur waktu untuk menunjukkan berapa jam yang dimiliki pelanggan hingga awal penjualan atau akhir penawaran khusus.

#9 Plugin Peta Google

Meskipun pada tahun 2019, Anda dapat melihatnya di situs web mana pun, plugin peta masih bagus untuk dimiliki. Prospek modern terbiasa dengan kenyamanan, jadi mereka mengharapkan Anda menyediakan peta online. Selain itu, dengan menggunakan peta Google untuk proyek online Anda, Anda membuatnya lebih ramah pelanggan. Hasilnya, orang dapat melihat lokasi kantor Anda dan memilih jalan terpendek ke sana.

Novi Builder hadir dengan plugin Google Maps yang memungkinkan Anda mengubah pengaturan peta secara visual.

Inilah yang dapat Anda lihat di dalam panel pengaturan peta :

  • gunakan bidang Kunci API untuk menyetel kunci API untuk menggunakan Google Maps JavaScript API;
  • Bidang Pusat Peta untuk mengatur koordinat pusat peta;
  • Bidang zoom untuk menentukan tingkat zoom;
  • Opsi pilih gaya untuk memilih gaya peta;
  • Ikon Penanda dan Ikon Penanda Aktif memilih opsi untuk mengatur penanda untuk status default dan aktif.

Inilah yang dapat Anda lihat di dalam panel pengaturan pin peta :

  • Bidang Lokasi Penanda akan membantu Anda mengatur lokasi penanda;
  • gunakan bidang Deskripsi Penanda untuk menentukan deskripsi penanda; itu akan ditampilkan dalam keadaan aktif;
  • gunakan tombol Add Marker untuk menambahkan Marker Location dan grup Marker Description untuk menambahkan marker baru.

Plugin #10 Ikon

Plugin Novi Builder ini akan membantu Anda mengganti ikon yang Anda gunakan di situs web.

Untuk memilih ikon untuk menempel, klik dua kali item dengan tombol kiri mouse.

Plugin Korsel Burung Hantu #11

Bahkan pada tahun 2019, komidi putar masih dalam mode. Novi Builder hadir dengan plugin Owl Carousel yang memungkinkan Anda mengonfigurasi carousel tanpa menyentuh satu baris kode pun.

Inilah yang dapat Anda lihat di dalam panel pengaturan carousel:

  1. Bidang Item Terlihat akan membantu Anda menentukan jumlah item yang akan ditampilkan. Dengan menggunakan fitur ini, Anda dapat membuat jumlah item yang terlihat berubah tergantung pada ukuran layar.
  2. Bidang Indent Between Items akan membantu Anda mengatur spasi di antara item carousel. Dengan menggunakan fitur tersebut, Anda dapat membuat jarak antar item bervariasi tergantung pada ukuran layar.
  3. Enable Loop Switcher akan membantu Anda mengaktifkan atau menonaktifkan loop carousel. Omong-omong, Anda dapat melakukannya dalam mode pratinjau.
  4. Carousel Autoplay Switcher akan membantu Anda mengaktifkan atau menonaktifkan putar otomatis carousel. Itu juga dilengkapi dengan mode pratinjau.
  5. Bidang Penundaan Putar Otomatis Carousel akan membantu Anda mengatur penundaan geser.

Plugin Pemantau Kampanye #12

Plugin Novi Builder ini akan membantu Anda mengonfigurasi formulir agar berfungsi dengan layanan Monitor Kampanye.

Inilah yang dapat Anda lihat di dalam area Konfigurasi Formulir:

  • Bidang URL Pendaftaran Monitor Kampanye mendefinisikan tindakan formulir;
  • Bidang Nama Masukan Monitor Kampanye mendefinisikan nilai atribut nama bidang masukan.

Plugin MailChimp #13

Tak perlu dikatakan, berlangganan buletin masih merupakan salah satu yang harus dimiliki untuk setiap proyek online. Mengapa? Nah, karena itulah cara Anda dapat dengan cepat memperbesar pemirsa situs web dan membuat orang tetap terlibat tanpa kehabisan anggaran.

Jadi, plugin Novi Builder ini memungkinkan Anda untuk mengonfigurasi pekerjaan dengan layanan MailChimp.

# 14 Plugin Formulir Surat RD

Sama dengan alat sebelumnya, plugin Novi Builder ini memungkinkan Anda untuk bekerja dengan RD Mailform menggunakan pengeditan visual.

Umpan Instagram #15 RD dan Plugin Umpan Twitter #16 RD

Plugin Novi Builder ini dibuat untuk meningkatkan aktivitas media sosial. Jika Anda akan mendapatkan lalu lintas sosial, jangan lewatkan aset ini. Kedua plugin ini mudah digunakan dan memungkinkan Anda mengatur feed Instagram dan Twitter dengan alat pengeditan visual.

Plugin Penggeser Kamera #17

Ini adalah plugin lain yang harus dimiliki Novi Builder untuk Anda. Aset ini memungkinkan Anda mengonfigurasi penggeser kamera dengan mudah.

Plugin Penggeser Geser #18

Plugin Novi Builder ini memungkinkan Anda mengatur Swiper Slider sesuai selera Anda.

Inilah yang dapat Anda lihat di dalam area Unggah Gambar :

  • Memilih tombol File akan membantu Anda memilih gambar;
  • Tombol Unggah Gambar Latar memungkinkan Anda mengunggah gambar yang dipilih.

Inilah yang dapat Anda lihat di dalam area Pemilihan Gambar :

  • Untuk menambahkan gambar, Anda perlu mengklik dua kali tombol kiri mouse pada gambar target.

Berikut adalah apa yang dapat Anda lihat di dalam area Image Crop :

  • Gunakan pengaturan Pertahankan Rasio Aspek Asli untuk mempertahankan rasio aspek gambar asli.

Plugin Video #19

Gunakan plugin Novi Builder ini untuk mengatur tampilan visual Anda.

Plugin Galeri Cahaya #20

Gunakan plugin Novi Builder ini untuk mengatur Galeri Cahaya menggunakan alat visual.

Inilah yang dapat Anda lihat di dalam area Pengaturan Galeri :

  • Galeri Slide Animation memungkinkan Anda menyesuaikan animasi transisi item galeri;
  • Pengalih gambar mini akan membantu Anda mengaktifkan atau menonaktifkan demonstrasi pratinjau item galeri;
  • Pengalih lingkaran akan membantu Anda mengaktifkan atau menonaktifkan pengulangan item galeri;
  • Pengalih putar otomatis akan membantu Anda mengaktifkan atau menonaktifkan putar otomatis item galeri;
  • Bidang Penundaan Putar Otomatis Galeri memungkinkan Anda untuk mengonfigurasi waktu penundaan item.

Jadi, ini semua plugin yang disertakan dengan Novi Builder. Untuk meringkas semuanya, inilah yang Anda dapatkan.

Kemungkinan Utama Bekerja dengan Novi Builder

Sekarang Anda tahu cara kerja Novi Builder. Singkatnya, berikut adalah tindakan yang dapat Anda lakukan dengan mudah saat bekerja dengan editor. Jadi, Anda akan dapat:

  • edit konten situs web Anda dalam mode langsung;
  • impor tema HTML yang berbeda ke dalam pembuat jika Anda sudah membeli beberapa;
  • menyalin, menyisipkan, mengganti, dan menghapus fitur, opsi, atau komponen desain web apa pun;
  • gunakan berbagai blok konten segar yang datang sebagai elemen pra-desain untuk tema yang dipilih;
  • mengatur elemen bernama sesuai selera pribadi Anda hanya dalam beberapa klik;
  • mengelola perpustakaan media Anda sendiri untuk menempatkan beberapa video dan gambar yang akan digunakan di berbagai bagian proyek online Anda;
  • mengedit teks,
  • edit URL,
  • membuat dan mengedit latar belakang dan semua detail termasuk gradien, warna, dan gambar;
  • bekerja dengan font web yang dapat dibaca dan 100% ramah mata (ada koleksi baru Google Font)
  • bekerja dengan ikon yang disertakan ke tema Anda;
  • unggah ikon baru jika diperlukan dan edit sesuai keinginan Anda;
  • coba bekerja dengan editor kode IDE Novi jika Anda akan bermain dengan kode CSS, HTML, dan JS;
  • tambahkan bilah geser yang menarik ke desain situs web Anda,
  • gunakan efek Parallax yang mengesankan,
  • membuat formulir kontak,
  • tambahkan Google Maps,
  • membangun komidi putar yang elegan untuk meningkatkan konten visual Anda, dll.

Tak perlu dikatakan, ini hanya untuk beberapa nama! Faktanya, Novi Builder hadir dengan banyak elemen desain luar biasa untuk memperkaya situs Anda.

T&J Pengguna Calon Novi

Sekarang, saatnya menjawab pertanyaan paling populer tentang bekerja dengan Novi Builder.

Apakah Novi Builder mendukung browser yang berbeda?

Ya, memang. Selain itu, ini secara teratur diuji di browser paling populer: Safari dan Google Chrome.

Apakah saya dapat menggunakan Novi Builder dan templatnya untuk berbagai proyek online?

Untuk memulainya, Anda dapat menjalankan berbagai situs web dalam jumlah tak terbatas menggunakan pembuatnya. Jadi, ya, Anda pasti dapat menggunakan Novi Builder untuk situs yang berbeda.

Dapatkah seseorang membeli Novi Builder di situs pihak ketiga?

Pada dasarnya, dimungkinkan untuk membeli Novi Builder di situs lain. Namun, perlu diingat bahwa Anda tidak akan mendapatkan keanggotaan gratis. Itu tidak akan mungkin bahkan jika Anda melakukan pembelian di situs pihak ketiga.

Dapatkah saya mentransfer situs web berbasis HTML saya ke Novi Builder?

Seperti yang telah saya katakan di atas, Anda dapat mentransfer situs yang ada ke Novi Builder tanpa kehilangan kontennya.

Bagaimana saya akan mendapatkan pembaruan?

Anda akan mendapatkannya secara otomatis segera setelah pembaruan dirilis. Selain itu, Anda dapat mengunduh template HTML terbaru di bagian 'Unduhan' di akun pribadi Anda.

Apakah saya bisa mendapatkan pengembalian dana?

Ya, bekerja dengan Novi Builder, Anda bisa mendapatkan pengembalian dana penuh. Itu datang untuk setiap rencana keanggotaan editor. Anda bisa mendapatkan pengembalian dana dalam waktu 30 hari setelah pembelian.

Bisakah saya menjual template yang dibuat dengan Novi Builder?

Ya kamu bisa! Pembangun dibuat untuk desainer dan pengembang. Cukup pilih paket Pengembang. Ini memberi Anda lisensi untuk membuat dan menjual template yang diberdayakan oleh Novi Builder. Anda dapat menjualnya di pasar pihak ketiga mana pun.

Apakah mungkin menggunakan template Novi Builder untuk situs web saya tanpa mengubah desain?

Jawabannya iya. Anda dapat mengelola beberapa situs web yang dibuat dengan tema Novi Builder dan Anda tidak perlu mengubah desain jika tidak mau.

Pikiran Akhir

Untuk meringkas semuanya, saya akan mengatakan bahwa Novi Builder menyediakan template HTML unggulan dan fitur lengkap kepada penggunanya. Mereka telah dirancang sebelumnya dan dapat digunakan oleh orang-orang dengan tingkat keahlian apa pun. Namun, tema sepenuhnya dapat diedit dan dilengkapi dengan kode sumber terbuka. Jadi, dengan berlangganan, Anda mendapatkan akses ke koleksi kaya berbagai templat situs web, plugin, dan elemen konten lainnya. Tak perlu dikatakan, ada beberapa komponen UI lagi yang akan datang. Novi Builder menerima pembaruan rutin yang akan diinstal secara otomatis. Ini berarti Anda akan selalu memiliki beberapa fitur trendi untuk dipilih.

Dalam hal ceruk bisnis seperti desain web atau pengembangan web, Novi Builder benar-benar harus dilihat! Bayangkan saja berapa banyak proyek online yang dapat Anda jalankan untuk pelanggan Anda menggunakan editor. Secara keseluruhan, tidak ada batasan sama sekali!

Sebagai penutup, mari kita bandingkan Novi Builder dengan HTML Page Builder default.

Novi Builder Pembuat HTML
Edit Teks YA YA
Teks bergaya (tebal, berwarna, miring, dan lainnya) YA YA
Alat untuk desainer YA TIDAK
Pembuatan beberapa halaman YA YA
Pencadangan proyek YA TIDAK
Desain responsif YA YA
Penyimpanan otomatis YA TIDAK
Pratinjau Halaman YA TIDAK
Cari blok berdasarkan kategori/isi/nama YA YA
Pengaturan kisi YA TIDAK
Edit URL Plugin Pengguna YA
Pengaturan penggeser Plugin Pengguna TIDAK
Pengaturan peta Plugin Pengguna TIDAK
Pengaturan Formulir Kontak Plugin Pengguna TIDAK
Pengaturan Instagram/Twitter/Facebook Plugin Pengguna TIDAK
Pengaturan akordeon YA TIDAK
Pengaturan Navigasi YA YA
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.