Bok penyusun¶
Anda dapat merancang website dengan menyeret dan melepaskan blok bangunan, lalu mengeditnya agar sesuai dengan kebutuhan konten dan tata letak Anda.
Tambahkan blok bangunan¶
Untuk menambahkan blok ke halaman website, akses halaman tersebut, klik Edit, lalu seret dan lepaskan blok bangunan yang diinginkan ke lokasi yang sesuai. Dua jenis blok bangunan tersedia: Categories dan Inner Content. Blok bangunan Inner Content hanya dapat ditambahkan ke dalam blok bangunan Categories.
Saat mengklik blok kategori, popup muncul yang memungkinkan Anda memilih antara beberapa template untuk setiap kategori.
Tip
Anda juga dapat mencari blok tertentu di popup Insert a block menggunakan bilah pencarian.
Setelah blok kategori ditempatkan, Anda dapat menyeret dan melepaskan blok Inner content di dalamnya. Blok Inner content memungkinkan Anda menambahkan elemen, seperti video, gambar, tombol media sosial, dll., ke dalam blok kategori yang sudah ada.
Catatan
Akses ke blok tertentu memerlukan instalasi aplikasi atau modul yang sesuai (misalnya, eCommerce untuk blok Products).
Example
Tambahkan semua akun media sosial Anda di satu tempat dengan blok inner content Social Media. Aktifkan atau nonaktifkan sakelar di samping platform yang diinginkan dan salin/tempel URL akun Anda.
Formulir¶
Blok Form digunakan untuk mengumpulkan informasi dari pengunjung website dan membuat record di database Anda, jika berlaku. Untuk menambahkan formulir ke halaman website, seret dan lepas dari kategori Contact & Forms, kemudian pilih Form block.
Tindakan¶
Secara default, ketika formulir dikirimkan, email yang berisi informasi yang dimasukkan oleh pengunjung secara otomatis dikirim. Tergantung pada aplikasi yang diinstal pada database Anda, tindakan tambahan yang dapat secara otomatis membuat record mungkin tersedia. Untuk memilih tindakan yang berbeda, klik Edit, klik formulir, navigasikan ke tab Customize, dan pilih Action yang diinginkan:
Apply for a Job (Perekrutan)
Create a Customer (eCommerce)
Create a Ticket (Pusat Bantuan)
Buat Peluang (CRM)
Berlangganan Newsletter (Email Marketing)
Buat Tugas (Project)
Secara default, pengiriman formulir mengarahkan pengunjung ke halaman Terima kasih. Gunakan kolom URL untuk mengirim mereka ke halaman yang berbeda. Sebagai alternatif, Anda dapat memilih untuk tidak mengarahkan dan membiarkan mereka tetap di halaman formulir dengan memilih Nothing atau Show Message di kolom On Success.
Kolom¶
Untuk menambahkan field baru ke formulir, navigasikan ke tab Customize dan klik tombol + Field di sebelah bagian Form atau Field. Untuk memodifikasi field baru (atau field lainnya) pada formulir, pilih field tersebut, lalu gunakan opsi yang tersedia di bagian Field pada tab Customize. Misalnya, Anda dapat:
Ubah kolom Type.
Tip
Anda juga dapat memilih Existing Field dari database dan menggunakan data yang terkandung di dalamnya. Kolom yang tersedia tergantung pada tindakan yang dipilih. Kolom properti yang ditambahkan ke database juga dapat digunakan.
Beberapa kolom terlihat mirip, tetapi data yang dimasukkan harus mengikuti format tertentu.
Edit Label kolom dan sesuaikan Position-nya.
Aktifkan Description field. Klik deskripsi default pada formulir untuk memodifikasinya.
Tambahkan Placeholder atau Default value.
Tentukan apakah kolom Required.
Edit pengaturan visibility kolom.
Tambahkan animation.
Setelah Anda membuat perubahan yang diinginkan, klik Save.
Menambahkan formulir kontak Odoo di website non-Odoo¶
Anda dapat menampilkan formulir kontak Odoo di website lain menggunakan iframe. Untuk melakukannya, ikuti langkah-langkah berikut:
Siapkan formulir Odoo: Buat formulir kontak pada halaman di Odoo Website dan hapus header design dan footer design. Pastikan hanya formulir kontak yang tersisa di halaman.
Buat kode yang dapat disematkan: Salin URL halaman formulir Odoo dan tempelkan ke generator iframe, seperti La Digitale.dev atau iFrame Generator. Sesuaikan lebar dan tinggi untuk tampilan yang tepat.
Tambahkan kode tertanam ke website non-Odoo: Buka HTML halaman yang relevan (di editor kode atau CMS) dan sisipkan kode tertanam di tempat formulir harus ditampilkan.
Example
Contoh kode tertanam:
<iframe src="https://example.com/odoo-form"
style="border:0;"
name="odooForm"
scrolling="no"
frameborder="0"
marginheight="0"
marginwidth="0"
height="400px"
width="600px"
allowfullscreen>
</iframe>
Embed kode¶
Kode sematan memungkinkan Anda mengintegrasikan konten dari layanan pihak ketiga ke dalam halaman, seperti video dari YouTube, peta dari Google Maps, posting media sosial dari Instagram, dll.
Setelah menambahkan blok ke halaman, klik blok tersebut, lalu buka tab Customize dan klik Edit. Ganti kode placeholder dengan kode embed kustom Anda.
Peringatan
Jangan menyalin/menempel kode yang tidak Anda pahami, karena dapat membahayakan data Anda.
Memindahkan, menukar, atau menghapus building block¶
Tarik batas biru kehijauan pada blok untuk mengurangi atau menambah ruang di bagian atas atau bawahnya.
Ubah urutan blok dengan mengklik (chevron up) atau (chevron down) dan pindahkan blok di halaman dengan mengklik (arrows). Ketika Anda memiliki beberapa columns, pindahkan kolom ke kiri atau kanan dengan mengklik (chevron left) atau (chevron right).
Untuk menghapus blok, klik (trash).
Tip
Ubah kategori blok dengan cepat dengan mengklik (exchange).
Edit blok bangunan¶
Untuk mengedit konten building block, klik blok tersebut dan buka tab Customize. Opsi kustomisasi yang tersedia bervariasi tergantung pada jenis blok yang dipilih.
Lihat juga
Latar Belakang¶
Untuk memodifikasi latar belakang building block, pilih blok tersebut, buka tab Customize, dan klik titik warna atau opsi Background lainnya. Anda dapat mengubah warna dan/atau menambahkan gambar, video, dan/atau bentuk. Setelah Anda memilih bentuk, field baru akan muncul untuk memungkinkan Anda menyesuaikan bentuk tersebut.
Tip
Posisikan elemen (gambar, teks, dll.) di belakang atau di depan elemen lain dengan menggunakan ikon Kirim ke belakang atau Bawa ke depan.
Untuk mengubah ukuran blok, klik dan seret titik-titik di sekitar tepinya untuk menyesuaikannya sesuai kebutuhan.
Lihat juga
Tata letak: grid dan kolom¶
Untuk sebagian besar building block, Anda dapat memilih antara dua gaya tata letak: grid atau columns (cols). Untuk mengubah gaya tata letak default, klik blok tersebut, buka tab Customize, dan atur field Layout ke Grid atau Cols.
Grid¶
Tata letak Grid memungkinkan Anda memposisikan ulang dan mengubah ukuran elemen, seperti gambar atau teks, dengan menyeret dan melepaskannya. Ketika Grid dipilih, opsi tambahan tersedia untuk Tambah Elemen dengan mengklik Gambar, Teks, atau Tombol.
Cols¶
Memilih tata letak Cols memungkinkan Anda menentukan jumlah elemen per baris dalam blok. Untuk melakukannya, pilih blok yang akan dimodifikasi, klik dropdown di sebelah field Cols, dan sesuaikan jumlahnya. Anda kemudian dapat memodifikasi pengaturan kolom tertentu menggunakan opsi di bagian Column pada tab Customize.
Catatan
Secara default, pada perangkat seluler, hanya satu elemen (kolom) yang terlihat per baris untuk memastikan konten tetap mudah dibaca dan diakses pada layar yang lebih kecil. Untuk menyesuaikan nilainya, klik (ikon seluler) di bagian atas editor website dan sesuaikan jumlah kolom. Bentuk disembunyikan secara default pada perangkat seluler.
Menduplikasi building block¶
Untuk menduplikasi building block, klik ikon (duplicate) di bagian atas tab Customize. Setelah diduplikasi, blok baru akan muncul pada halaman di bawah blok aslinya.
Simpan blok bangunan kustom¶
Anda dapat menyimpan building block yang telah disesuaikan untuk digunakan kembali di tempat lain. Untuk melakukannya, pilih blok tersebut, navigasikan ke tab Customize, dan klik ikon (floppy disk). Klik tombol Save and reload pada popup untuk mengonfirmasi penyimpanan blok kustom Anda.
Untuk menambahkan blok bangunan yang tersimpan ke halaman, navigasi ke tab Blok dan seret lalu lepaskan blok Kustom dari bagian Kategori. Dalam popup yang terbuka, klik blok yang diinginkan di kategori Kustom.
Tip
Dalam popup Sisipkan blok, klik (edit) untuk mengganti nama blok kustom atau (hapus) untuk menghapusnya.
Buat tautan jangkar¶
Tautan jangkar adalah hyperlink yang mengarahkan pengguna ke bagian tertentu dari halaman. Untuk membuat tautan jangkar untuk blok, ikuti langkah-langkah berikut:
Klik Edit dan pilih blok yang ingin Anda tautkan.
Klik (link) di bagian atas tab Customize.
Untuk mengedit nama jangkar default, klik Edit dalam pesan popup hijau yang terbuka.
Ganti nama jangkar dan klik Save & copy.
Setelah jangkar disimpan, Anda dapat menautkannya dari mana saja di website Anda.