Dokumen ini dibuat untuk mengatasi kesulitan pengguna di dalam negeri saat belajar Framer karena kurangnya materi berbahasa Indonesia. Isi dari blog resmi telah diterjemahkan ke dalam Bahasa Indonesia dan ditambahkan informasi praktis yang berguna. Semoga bisa membantu Anda yang menggunakan Framer.

Cara Menambahkan Video ke Halaman CMS

Dalam Framer CMS, Anda dapat menghubungkan YouTube, Vimeo, video hosting sendiri, dan video yang diunggah langsung. Dengan menghubungkan video apapun ke data CMS, Anda dapat mengelolanya secara dinamis dan menampilkannya berbeda di setiap halaman.

Cara Menambahkan Video YouTube, Vimeo, dan Hosting Sendiri

1. Mempersiapkan Kolom CMS

Tambahkan kolom Plain text ke koleksi CMS dan beri nama Video URL.

2. Masukkan URL Video

Masukkan URL video yang sesuai ke kolom Video URL untuk setiap item CMS. (Kosongkan jika item tidak memiliki video)

3. Menyisipkan Komponen Video

Dari menu Insert di halaman detail kanvas, tambahkan komponen YouTube, Vimeo, atau Video.
Klik tombol + di samping kotak input URL untuk memilih Set Variable → Video URL, maka tautan video dari setiap item CMS akan diterapkan secara otomatis.

Cara Mengunggah File Video Secara Langsung ke CMS

1. Membuat Kolom Unggah File

Tambahkan kolom File ke koleksi CMS. (Anda dapat mengunggah file mp4 atau lainnya secara langsung.)

2. Mengunggah File Video

Unggah video yang sesuai untuk setiap item CMS.
(Catatan: Framer memiliki batasan ukuran file, jadi siapkan ukuran file yang sesuai.)

3. Menyisipkan Komponen Video

Dari menu Insert, tambahkan komponen Video dan atur Source ke Upload.
Klik tombol + di samping URL untuk memilih Set Variable → File, dan video yang diunggah ke CMS akan otomatis dimuat.

4. Menyembunyikan Ruang Kosong Jika Tidak Ada Video

Untuk item CMS yang tidak memiliki video, sebaiknya atur conditionals agar area tersebut tidak terlihat kosong.

Pilih komponen video lalu pada bagian kanan Visible, atur Set Variable → File → Is set, agar area tersebut hanya terlihat jika ada video, sehingga tampilannya rapi.

Berguna Dalam Situasi Berikut

• Menambahkan ulasan video pada halaman detail blog

• Menyisipkan video panduan penggunaan di halaman produk detail

• Memasukkan video presentasi proyek pada halaman portofolio

Bagaimana dengan Anda, di halaman mana fitur ini ingin Anda terapkan?

Tulisan ini adalah konten terjemahan dan adaptasi dari ‘How to add video components to your CMS pages’ di blog resmi Framer.