Di halaman ini, Anda akan mempelajari cara membuat sebuah situs web menggunakan systeme.io.

Anda dapat menggunakan fitur blog atau corong penjualan untuk membuat situs web Anda. Kami merekomendasikan penggunaan fitur blog jika Anda berencana untuk mempublikasikan konten secara rutin dan memiliki banyak halaman di situs Anda.

1. Cara membuat situs web menggunakan fitur blog

Apa yang Anda perlukan:

• Nama domain kustom yang sebelumnya telah terhubung ke systeme.io (Cara menghubungkan domain Anda ke systeme.io)
• Sebuah blog yang dibuat menggunakan systeme.io (Cara membuat blog dengan systeme.io)

Langkah 1: Menambahkan halaman baru ke blog Anda

Klik tab Situs, lalu klik Blog (1), kemudian masuk ke blog Anda dengan mengklik judulnya (2).

Kemudian klik tab Halaman (3), lalu klik Buat (4).

Catatan: Saat Anda membuat sebuah blog, secara otomatis akan tersedia 4 halaman default (Halaman Beranda, Halaman Tentang, Halaman Postingan, dan Halaman Kontak). Anda dapat mengedit halaman-halaman ini atau menambahkan halaman baru ke blog Anda.

Masukkan nama halaman blog dan jalur URL-nya di jendela pop-up yang muncul, lalu klik Buat halaman blog (5) untuk mengonfirmasi pembuatan halaman blog baru.

Anda dapat menemukan instruksi yang lebih detail tentang cara menambahkan halaman baru ke blog Anda di halaman bantuan ini.

Langkah 2: Menjadikan beranda blog Anda sebagai beranda situs web

Saat Anda membuat blog, pastikan untuk mengatur beranda blog Anda sebagai beranda utama situs web Anda (yaitu URL utama tanpa jalur tambahan apa pun). Dengan cara ini, beranda blog Anda akan muncul ketika pengunjung membuka situs web Anda.

Klik ikon 3 titik (6) pada blog yang Anda pilih, lalu klik Pengaturan (7).

Hapus URL umpan, lalu klik Simpan (8). Dengan cara ini, beranda blog Anda akan menjadi beranda situs web Anda.

Langkah 3: Menambahkan elemen 'Menu' ke beranda Anda

Item menu baru dapat berupa halaman blog, postingan blog, atau URL kustom. Kami merekomendasikan untuk menambahkan jumlah item menu yang sama dengan jumlah halaman blog Anda agar pengunjung dapat dengan mudah mengakses semua halaman situs Anda dari beranda.

Anda dapat menambahkan dan menyesuaikan item menu menggunakan opsi berikut:

• Judul (11): Masukkan nama item menu Anda (misalnya, Beranda).
• Jenis tautan (12): Pilih antara Tautan blog atau URL kustom.
• Tautan item menu (13):
  • Jika Anda memilih Tautan blog, pilih halaman blog yang sudah ada dari daftar dropdown.
  • Jika Anda memilih URL kustom, ketik URL secara langsung di kolom tersebut.
• Buka di jendela baru (14): Centang kotak ini jika Anda ingin tautan dibuka di tab/jendela baru.
• Hapus (15): Menghapus item menu dari pengaturan dan dari halaman.
• Memiliki submenu (16): Tombol untuk mengaktifkan atau menonaktifkan submenu untuk item ini.
• Buka (17): Menampilkan item submenu saat berada di editor, sehingga Anda dapat melihat pratinjau dan mengedit tampilannya.
• Pengaturan submenu (18): Item submenu menggunakan opsi yang sama dengan item menu utama.
• Tambah item submenu (19): Gunakan ini untuk menambahkan item submenu baru.
• Tambah item menu (20): Klik tombol ini untuk membuat item menu utama baru.
• Pindahkan item menu (21): Gunakan panah untuk mengubah posisi item menu.
  • Mengklik panah atas akan menukar item dengan item di atasnya.
  • Mengklik panah bawah akan menukar item dengan item di bawahnya.

Anda juga dapat membuat menu Anda menjadi menempel (terlihat di seluruh halaman). Untuk melakukannya:

• Klik pada bagian yang berisi elemen Menu, lalu gulir editor di sisi kiri layar hingga Anda mencapai bagian Menempel (22).
• Centang kotak Apakah Anda ingin ini selalu terlihat (menempel)?, lalu pilih apakah Anda ingin bagian tersebut menempel di bagian atas atau bawah halaman.
• Anda juga dapat menyesuaikan jarak posisi menu menempel dari tepi menggunakan opsi Indentasi.

Catatan: menu situs web Anda akan muncul di semua halaman blog Anda.

Untuk menghapus menu dari salah satu halaman Anda, klik Jangan gunakan tata letak blog (23).

Untuk panduan yang lebih detail tentang pengaturan menu blog, silakan lihat halaman bantuan kami: Cara membuat menu blog.

Langkah 4: Mendesain beranda dan halaman situs web Anda lainnya

Anda dapat mendesain halaman situs web sesuai dengan preferensi Anda.

Untuk melakukannya, buka editor halaman yang ingin Anda desain dengan mengklik Ubah (24) atau dengan mengklik langsung nama halaman tersebut.

Setelah beranda Anda terbuka di editor, Anda dapat menghapus elemen yang tidak ingin dipertahankan, atau tetap menggunakan elemen yang ada dan menyesuaikannya dengan kebutuhan Anda.

Klik elemen yang ingin Anda ubah untuk membuka pengaturannya, lalu gunakan editor di sisi kiri layar untuk menyesuaikannya.

Dalam contoh ini, kita akan memodifikasi elemen Teks:

Setelah Anda memilih elemen yang ingin diedit, gunakan editor di sisi kiri untuk melakukan perubahan. Anda dapat mengubah tipografi, warna, ukuran, dan posisi.

Selain mengedit elemen yang sudah ada, Anda juga dapat menambahkan elemen baru ke halaman Anda, seperti elemen Gambar, elemen Audio, atau elemen Video.

Klik elemen yang diinginkan, seret ke halaman Anda, lalu lepaskan di lokasi yang sesuai.

Di sini, Anda dapat melihat contoh cara menambahkan elemen Video ke halaman Anda.

Catatan: Kami menyarankan Anda untuk menelusuri  basis pengetahuan kami, di mana Anda akan menemukan halaman bantuan yang menjelaskan cara menggunakan berbagai elemen di editor halaman Anda.

2. Cara membuat situs web menggunakan fitur corong penjualan

Apa yang Anda perlukan:

• Nama domain kustom yang sebelumnya telah terhubung ke systeme.io  (Cara menghubungkan domain utama Anda ke systeme.io)
• Sebuah corong yang dibuat menggunakan  systeme.io  (Cara membuat corong)

Setelah Anda membuat corong, tambahkan halaman corong baru (atau langkah baru) ke dalamnya; halaman-halaman ini akan berfungsi sebagai halaman situs web Anda. Kami merekomendasikan untuk menambahkan hingga lima halaman ke dalam corong Anda.

Langkah 1: Membuat halaman situs web baru

Buka corong Anda, lalu klik Tambah langkah (1).

Tuliskan judul halaman Anda dan pilih jenis halamannya, lalu klik Simpan (2).

Pilih templat yang Anda inginkan dengan mengklik Pilih (3), lalu desain halaman tersebut sesuai preferensi Anda.

Ulangi proses ini untuk membuat semua halaman situs web Anda (halaman corong).

Langkah 2: Menentukan satu halaman corong sebagai beranda situs web Anda

Buka corong Anda, klik halaman yang ingin Anda jadikan sebagai beranda, lalu hapus jalur URL-nya (4).

Hasil:

Catatan: Hanya satu halaman yang dapat dijadikan sebagai beranda, baik itu halaman blog (seperti yang dijelaskan sebelumnya) maupun halaman corong.

Langkah 3: Menambahkan elemen "Menu" ke beranda situs web Anda

Setelah menetapkan beranda corong sebagai beranda utama situs web Anda, atur elemen Menu default di halaman ini. Tambahkan jumlah item menu yang sama dengan jumlah halaman situs web Anda (langkah corong). Hal ini memastikan pengunjung dapat mengakses setiap halaman situs web Anda dari beranda.

Buka editor beranda Anda, seret elemen Menu (3), lalu letakkan di halaman Anda.

Catatan: Anda perlu mengedit templat yang dipilih dengan menghapus elemen yang tidak diinginkan atau menyesuaikannya agar sesuai dengan preferensi Anda.

Anda dapat menambahkan item menu baru dan menghubungkan setiap item dengan halaman dari corong Anda.

Untuk melakukannya, kembali ke corong Anda, klik halaman yang ingin dihubungkan ke item menu, lalu salin URL-nya (4).

Dalam contoh ini, kami membuat langkah corong lain (Tentang Kami) untuk dihubungkan dengan item menu Tentang Kami.

Kembali ke editor beranda Anda, klik elemen Menu untuk membuka pengaturannya, lalu klik Tambah item menu (5).

Tuliskan judul item menu (6) dan tempelkan URL halaman yang telah Anda salin (7).

Gunakan metode yang sama untuk membuat item menu bagi semua halaman situs web Anda.

Anda dapat menghapus item menu dengan mengklik ikon Tempat Sampah (8) dan mengatur ulang urutannya dengan mengklik panah (9).

Jika Anda ingin menu ditampilkan di setiap halaman situs web, Anda dapat menyimpannya sebagai blok utama dan menyisipkannya ke halaman situs web lainnya (Cara membuat blok utama).

Anda juga dapat langsung menggunakan fitur Situs Web. Untuk mempelajari lebih lanjut cara menggunakan fitur ini, silakan lihat artikel bantuan berikut: https://help-id.systeme.io/article/6700-how-to-create-a-website