Wawasan
17 Nov 2025
Cara menambahkan iFrame dan skrip di Framer
Dengan menggunakan komponen Embed di Framer, Anda dapat dengan mudah menambahkan iFrame dan skrip. Panduan tentang cara memuat konten eksternal dan hal-hal yang perlu diperhatikan disajikan dalam format FAQ. Untuk menghindari penurunan kinerja, penggunaan terlalu banyak widget secara bersamaan tidak disarankan.

Diposting oleh

Diterjemahkan oleh
Daftar Isi
Daftar Isi
Mengimpor Konten Eksternal di Framer
Jika Anda ingin mengimpor konten eksternal di Framer, Anda bisa menggunakan komponen Embed. Sebagian besar layanan berbasis iFrame / widget / skrip terhubung dengan cara ini, dan cara penggunaannya cukup sederhana, jadi cobalah untuk mengikuti langkah-langkahnya.
Embed URL
Jika Anda ingin menyisipkan halaman situs atau layanan lain dalam bentuk iFrame, ikuti langkah-langkah berikut.
Pergi ke menu
Insert.Ketik "Embed" di kotak pencarian.
Seret komponen Embed ke dalam kanvas.
Masukkan URL yang diinginkan ke dalam komponen.

Catatan: Beberapa situs web mungkin memblokir penyisipan iFrame melalui pengaturan header HTTP.
Embed Skrip
Untuk layanan yang perlu menyertakan iframe dalam skripnya, gunakan metode berikut.
Tambahkan komponen Embed ke dalam kanvas.
Pilih tombol
HTMLdi panel kanan.Tempelkan kode
<script>...</script>di bagian HTML.

Pertanyaan yang Sering Diajukan (FAQ)
P. Apakah ada kasus di mana skrip yang di-embed tidak ditampilkan dengan benar?
Ya. Beberapa layanan memerlukan kode tambahan selain skrip agar dapat ditampilkan dengan benar. Periksa apakah masih ada kode yang dibutuhkan sebelum mencoba meng-embed skrip.
P. Bisakah komponen Embed dibuat responsif?
Ya. Komponen Embed pada dasarnya adalah lapisan Frame, jadi dapat dibuat responsif dengan menggunakan sifat seperti Fill atau Relative.
P. Apakah kinerja tetap terjaga jika banyak widget eksternal dimasukkan dalam satu halaman?
Tidak. Secara fungsional, memungkinkan untuk memasukkan beberapa widget eksternal. Namun, jika terlalu banyak widget ditempatkan dalam satu halaman, itu bisa membuat halaman menjadi berat dan menurunkan kinerja, jadi tidak disarankan.
Kesimpulan
Jika semua pengaturan telah dilakukan namun masih tidak ditampilkan dengan benar, Anda dapat menghubungi tim dukungan melalui halaman Kontak Framer untuk mendapatkan bantuan.
Artikel ini merupakan adaptasi dari konten blog resmi Framer ‘Cara menambahkan iframe atau embed skrip’.



