Bok penyusun

Anda dapat merancang website dengan menyeret dan melepaskan blok bangunan, lalu mengeditnya agar sesuai dengan kebutuhan konten dan tata letak Anda.

Lihat juga

Tutorial Odoo: Rancang website Anda: teks dan warna

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.

Ketika mengklik blok kategori, popup muncul yang memungkinkan Anda memilih antara beberapa template untuk setiap kategori.

Tip

Cari 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

• Anda juga dapat menambahkan building block di halaman login. Untuk melakukannya, navigasi ke halaman beranda website, tambahkan /web/login ke URL dan tekan Enter.

• Akses ke blok tertentu memerlukan instalasi aplikasi atau modul terkait (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, jika berlaku, membuat record di database Anda. Untuk menambahkan formulir ke halaman website, seret dan lepas blok kategori Contact & Forms, lalu pilih blok di popup.

Tindakan

Secara default, ketika formulir dikirimkan, email yang berisi informasi yang dimasukkan oleh pengunjung secara otomatis dikirim. Tergantung pada aplikasi yang terpasang di database Anda, tindakan tambahan yang dapat secara otomatis membuat record mungkin tersedia. Untuk memilih tindakan berbeda, klik Edit, klik formulir, navigasi ke tab Style, 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)

• More models: untuk menghasilkan jenis record lainnya

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, navigasi ke tab Style dan klik tombol + Field di samping bagian Form atau Field. Untuk memodifikasi field apa pun di formulir, pilih field tersebut, lalu gunakan opsi yang tersedia di bagian Field pada tab Style. 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.

  Click here to preview all field types.

  

  Beberapa kolom terlihat mirip, tetapi data yang dimasukkan harus mengikuti format tertentu.

• Edit Label kolom dan sesuaikan Position-nya.

• Mengaktifkan Description field. Alihkan sakelar ke posisi aktif dan klik deskripsi default di 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:

1. Prepare the Odoo form: Create a contact form on a page in Odoo Website and remove the header and footer. Make sure only the contact form remains on the page.

2. 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.

3. 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 menyeret dan melepas blok Embed Code dari bagian Inner Content ke dalam halaman, klik blok tersebut, lalu buka tab Style 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, menduplikasi, 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 menduplikasi building block, klik (duplicate). Setelah diduplikasi, blok baru muncul di halaman di bawah yang asli.

Tip

Atau, klik ikon (duplicate) di bagian atas tab Style untuk menduplikasi blok yang dipilih.

Untuk menghapus blok, klik (trash).

Edit blok bangunan

Untuk mengedit konten building block, klik blok tersebut dan buka tab Style. Opsi kustomisasi yang tersedia bervariasi tergantung pada jenis blok yang dipilih.

Lihat juga

• Elemen desain web

• Visibilitas

Latar Belakang

Untuk memodifikasi latar belakang building block, pilih blok, buka tab Style, 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 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

Tema umum

Tata letak: grid dan kolom

Untuk sebagian besar blok pembangun, Anda dapat memilih antara dua gaya tata letak: grid atau kolom (cols). Untuk mengubah gaya tata letak default, klik blok tersebut, buka tab Style, dan atur bidang 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 samping bidang Cols, dan sesuaikan angkanya. Anda kemudian dapat mengubah pengaturan kolom tertentu menggunakan opsi di bagian Column pada tab Style.

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.

Simpan blok bangunan kustom

Anda dapat menyimpan blok pembangun yang telah dikustomisasi untuk digunakan kembali di tempat lain. Untuk melakukannya, pilih blok tersebut, navigasi ke tab Style, dan klik ikon (floppy disk). Klik tombol Save di 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:

1. Klik Edit dan pilih blok yang ingin Anda tautkan.

2. Klik (link) di bagian atas tab Style.

3. Untuk mengedit nama jangkar default, klik Edit dalam pesan popup hijau yang terbuka.

4. Ganti nama jangkar dan klik Save & copy.

Setelah jangkar disimpan, Anda dapat menautkannya dari mana saja di website Anda.