Waktu membaca

0

menit

Waktu membaca

0

menit

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.

Blogger Logo Framer

Diposting oleh

Blog penulis Kim Yejeong

Diterjemahkan oleh

Blog ini menjelaskan cara menambahkan iFrame dan skrip di Framer, serta memandu Anda dalam mengimpor konten eksternal dan menggunakan komponen embed.
Blog ini menjelaskan cara menambahkan iFrame dan skrip di Framer, serta memandu Anda dalam mengimpor konten eksternal dan menggunakan komponen embed.
Blog ini menjelaskan cara menambahkan iFrame dan skrip di Framer, serta memandu Anda dalam mengimpor konten eksternal dan menggunakan komponen embed.

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.

  1. Pergi ke menu Insert.

  2. Ketik "Embed" di kotak pencarian.

  3. Seret komponen Embed ke dalam kanvas.

  4. Masukkan URL yang diinginkan ke dalam komponen.

Framer의 insert 화면에서 URL 임베드하는 방법을 설명합니다.

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.

  1. Tambahkan komponen Embed ke dalam kanvas.

  2. Pilih tombol HTML di panel kanan.

  3. Tempelkan kode <script>...</script> di bagian HTML.

Embed 컴포넌트를 캔버스에 추가하여 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’.

Bagikan Blog

Bagikan Blog

Bagikan Blog

Menjadi
Framer Ahli

Framer freelance yang berpengalaman dapat mendaftar. Menghubungkan langsung ahli dengan klien, tanpa biaya perantara.

Menjadi
Framer Ahli

Framer freelance yang berpengalaman dapat mendaftar. Menghubungkan langsung ahli dengan klien, tanpa biaya perantara.

Menjadi
Framer Ahli

Jika Anda adalah ahli yang dapat mengambil proyek Framer,
semua orang dapat melamar.
Tidak ada biaya komisi, langsung menghubungkan
pakar dengan klien.