Cara membuat sebuah website

Dalam artikel ini, Anda akan mempelajari cara membuat sebuah website menggunakan website builder.

Daftar Isi:

• Membuat website baru
• Ikhtisar editor
• Mengelola halaman
• Mempublikasikan halaman
• Menggunakan popup
• Pengaturan gaya global
• Pengaturan
• Mengganti bahasa website
• Membangun website multibahasa
• Pratinjau perangkat
• Aturan penggunaan domain

Fitur Website di systeme.io memungkinkan Anda membangun dan mengelola website multi-halaman dari satu antarmuka.

Membuat website baru

Untuk memulai, buka tab Situs (1) di menu utama Anda lalu klik Website (2).

Di halaman daftar website, klik Buat (3).

Pada popup yang muncul, isi detail berikut tentang website Anda:

• Nama: Masukkan nama website Anda (4)
• Nama domain: Pilih domain yang ingin digunakan (5)
• Path URL halaman beranda: Setelah memilih domain, kolom ini akan muncul otomatis. Gunakan untuk menentukan path URL halaman beranda Anda (6)
• Bahasa: Pilih bahasa utama website Anda (7)

Setelah semua kolom wajib diisi, klik Simpan (8) untuk membuat website Anda.

Penting:

Satu domain hanya dapat digunakan untuk satu website pada satu waktu.

Jika domain yang ingin Anda gunakan sudah terhubung ke website lain, Anda harus menghapusnya dari website tersebut terlebih dahulu sebelum menggunakannya di sini.

Setelah menyimpan detail website, sebuah jendela akan terbuka untuk meminta Anda memilih template halaman beranda.

Anda dapat memilih salah satu opsi berikut:

• Pilih template: Pilih salah satu desain siap pakai dan sesuaikan.
• Buat dari nol: Mulai dengan kanvas kosong dan rancang semuanya secara manual.

Setelah memilih opsi, klik Simpan (9) untuk melanjutkan.

Setelah template website disimpan, Anda akan diarahkan ke editor website.

Ikhtisar editor

Editor memiliki empat tab utama yang digunakan untuk membangun dan mengelola website Anda:

• Halaman – mengelola struktur website, berpindah antar halaman, membuat halaman baru, dan mengakses pengaturan halaman.
• Popup – membuat dan mengelola popup untuk website Anda.
• Gaya – menentukan pengaturan desain global seperti font, warna, dan tombol.
• Pengaturan – mengonfigurasi opsi tingkat website seperti bahasa dan pengaturan umum.

Mengelola halaman

Tab Halaman adalah tempat Anda mengelola struktur website.

Dari sini, Anda dapat melihat semua halaman (1), berpindah antar halaman, dan membuat halaman baru dengan mengklik (+) Buat (2).

Klik salah satu halaman di daftar untuk menampilkannya di area editor sebelah kanan. Untuk mulai mengedit halaman tersebut, klik langsung di area editor.

Ini akan membuka panel editor halaman, tempat Anda menemukan semua elemen yang tersedia untuk menyesuaikan halaman:

Anda dapat kembali ke daftar halaman kapan saja dengan mengklik Halaman di kiri atas editor.

Jika Anda mencoba berpindah halaman atau meninggalkan editor dengan perubahan yang belum disimpan, popup konfirmasi akan muncul:

Catatan: Editor website menggunakan page builder yang sama seperti fitur sales funnel, sehingga semua alat pengeditan bekerja dengan cara yang sama.

Pengaturan halaman

Untuk mengakses pengaturan dari halaman tertentu, klik menu tiga titik di samping nama halaman.

Menu ini menampilkan opsi berikut:

• Pengaturan
• Batalkan publikasi
• Hapus

Catatan: Halaman beranda tidak dapat dihapus. Hanya halaman sekunder yang memiliki opsi hapus.

Saat Anda mengklik Pengaturan, popup Pengaturan halaman akan terbuka dengan bagian berikut:

Pengaturan umum

Di sini Anda dapat mengedit:

• Nama halaman
• Path URL

SEO

Gunakan bagian ini untuk menentukan bagaimana halaman Anda ditampilkan di mesin pencari.

Anda dapat mengatur judul, deskripsi, kata kunci, penulis, gambar, serta melihat pratinjau tampilannya di hasil pencarian.

Anda juga dapat menyembunyikan halaman ini dari mesin pencari, sehingga tidak muncul di hasil pencarian.

Bahasa

Tab ini digunakan untuk membuat versi halaman khusus bahasa.

Mengklik Duplikat versi halaman khusus bahasa ini akan membuat salinan halaman untuk bahasa yang dipilih, sehingga Anda dapat menerjemahkan kontennya secara manual.

Penting: Anda harus terlebih dahulu menambahkan bahasa yang ingin didukung di Pengaturan → Bahasa agar bahasa tersebut dapat muncul di sini.

Lanjutan

Di tab ini Anda dapat menambahkan kode pelacakan khusus untuk halaman ini.

Gunakan hanya skrip yang telah tervalidasi, karena kode yang tidak didukung dapat memengaruhi performa atau perilaku halaman.

Mempublikasikan halaman

Halaman yang baru dibuat akan ditambahkan dalam mode Draf secara default.

Untuk mempublikasikan halaman, klik menu tiga titik lalu pilih Publikasikan.

Catatan: Anda dapat membatalkan publikasi halaman dengan cara yang sama.

Menggunakan Popup

Klik tombol + Buat pada tab Popup untuk membuat popup baru.

Setelah popup muncul di area editor, klik popup tersebut untuk mulai melakukan penyesuaian.

Panel pengeditan akan terbuka di sisi kiri layar, menampilkan semua pengaturan yang tersedia.

Popup halaman vs. popup website

Setiap popup dapat berupa:

• Popup halaman: hanya terlihat pada halaman yang sedang Anda edit.
• Popup website: terlihat di semua halaman website.

Untuk berpindah antar mode ini, klik ikon globe.

• Jika ikon globe berwarna biru, popup tersebut adalah Popup website.
• Jika ikon globe berwarna abu-abu, popup tersebut adalah Popup halaman.

Label status di atas daftar popup akan diperbarui secara otomatis sesuai pilihan Anda:

• Popup halaman
• Popup website

Pengaturan gaya global

Tab Gaya mengontrol pengaturan tampilan global yang diterapkan ke seluruh halaman website.

Anda dapat mengonfigurasi:

• Tipografi (judul dan paragraf)
• Warna (latar belakang, tombol, tautan)
• Tombol
• Kolom formulir (padding, radius, border, warna)

Perubahan yang dilakukan di sini akan diterapkan secara global ke seluruh website.

Pengaturan

Tab Pengaturan mengontrol opsi umum website, termasuk:

• Nama website
• Domain
• Halaman beranda
• Bahasa
• Logo

Beralih bahasa website

Di bagian atas tab Halaman, Anda dapat mengganti bahasa website menggunakan dropdown bahasa.

Saat Anda memilih bahasa yang berbeda, daftar halaman akan diperbarui untuk menampilkan halaman yang tersedia untuk versi bahasa tersebut.

Penting:

Mengganti dropdown tidak akan menerjemahkan konten secara otomatis. Setiap versi halaman harus diedit secara manual.

Membangun website multibahasa

Fitur Website mendukung struktur multibahasa.

Untuk membuat website multibahasa:

1. Buat website utama Anda dalam satu bahasa.
2. Untuk setiap halaman, buka menu tiga titik dan masuk ke Bahasa.
3. Duplikat halaman untuk bahasa yang ingin Anda tambahkan.
4. Ganti bahasa website melalui dropdown di tab Halaman.
5. Edit versi terjemahan dari setiap halaman secara manual.

Hal ini memastikan kontrol penuh atas konten yang ditampilkan dalam setiap bahasa.

Pratinjau perangkat

Saat mengedit halaman apa pun, Anda dapat melihat pratinjau tampilannya di berbagai perangkat.

Gunakan toolbar pratinjau di kanan atas untuk berpindah antara:

• Tampilan desktop
• Tampilan mobile potret
• Tampilan mobile lanskap

Ini membantu Anda memastikan bahwa tata letak berfungsi dengan baik di semua ukuran layar.

Aturan penggunaan domain

Jika Anda perlu mengganti domain website setelah website dibuat atau dipublikasikan, Anda dapat memperbarui detail ini dari daftar Website.

Untuk mengakses pengaturan website Anda:

1. Keluar dari editor website
2. Buka Situs > Website
3. Temukan website Anda dalam daftar
4. Klik tombol menu tiga titik di sampingnya
5. Pilih Pengaturan

Ini akan membuka popup Edit website, di mana Anda dapat mengubah:

• Nama website
• Nama domain
• Path URL halaman beranda

Saat Anda mengklik ikon X untuk menghapus domain yang ditetapkan, sistem akan menampilkan peringatan yang memberi tahu bahwa website akan dinonaktifkan hingga domain baru dipilih.

Penting:

Menghapus domain akan menonaktifkan website. Website Anda akan tetap tidak dapat diakses hingga Anda menetapkan domain lain.