Cara Menyematkan Google Form di WordPress
Jawaban singkat: Di Google Form Anda, klik Send, pilih ikon sematan, dan salin kode iframe. Di WordPress, tambahkan blok Custom HTML di editor dan tempel kodenya langsung. Jika formulir tidak muncul setelah disimpan, konfigurasi WordPress Anda mungkin menghapus iframe — plugin yang mengizinkan sematan HTML mentah memperbaikinya.
Menyematkan Google Form langsung ke halaman atau postingan WordPress membuat pengunjung tetap di situs Anda alih-alih mengarahkan mereka ke tautan forms.google.com yang terpisah. Mekanismenya sederhana — ini adalah kode sematan iframe yang sama yang diberikan Google untuk situs web mana pun — tetapi WordPress memiliki beberapa keunikan yang perlu diketahui sebelum Anda menempelkannya. Panduan ini membahas langkah-langkah khusus WordPress; untuk proses penyematan umum di platform apa pun, lihat panduan kami tentang menyematkan Google Form di situs web.
Langkah 1: dapatkan kode sematan dari Google Forms
Buka formulir yang ingin Anda sematkan dan klik Send di pojok kanan atas. Di dialog Send, klik ikon sematan — tampilannya seperti < > — di sebelah ikon tautan dan email. Google menghasilkan tag iframe, dan Anda dapat menyesuaikan lebar dan tinggi default langsung di dialog itu sebelum menyalinnya. Klik Copy untuk mengambil cuplikan HTML lengkap.
Langkah 2: tambahkan blok Custom HTML di WordPress
Buka halaman atau postingan tempat Anda ingin formulir muncul, di editor blok WordPress. Klik + untuk menambahkan blok baru, cari Custom HTML, dan pilih. Tempel kode iframe yang Anda salin dari Google Forms langsung ke blok itu — tidak perlu memodifikasinya kecuali Anda ingin menyesuaikan ukurannya. Gunakan tab Preview blok tersebut (di sebelah tab HTML, di dalam blok) untuk memeriksa apakah dirender sebelum Anda menyimpan halaman.
Ketika iframe terhapus: memperbaiki formulir yang tidak mau muncul
Pada beberapa konfigurasi WordPress, formulir sama sekali tidak muncul setelah Anda menyimpan atau mempublikasikan, meskipun Anda menempel kodenya dengan benar. Ini biasanya terjadi karena plugin keamanan atau pengaturan hosting yang diperketat menyaring tag iframe mentah dari konten postingan, karena iframe bisa menjadi risiko keamanan jika dibiarkan tanpa pemeriksaan dari sumber yang tidak tepercaya. Jika ini terjadi pada Anda, perbaikannya umumnya adalah menemukan plugin WordPress sederhana dan terulas baik yang tugas khususnya adalah mengizinkan sematan berbasis iframe atau shortcode melalui filter konten — cari direktori plugin WordPress untuk plugin "iframe" atau "embed" dan periksa ulasan serta kebaruan pembaruan sebelum menginstalnya, karena kami belum menguji atau mendukung plugin tertentu di sini. Sebagai alternatif, periksa apakah plugin keamanan Anda yang sudah ada memiliki pengaturan untuk mengizinkan tag HTML tertentu seperti iframe.
Langkah 3: perbaiki scrollbar yang memotong formulir Anda
Tinggi sematan default Google seringkali terlalu pendek untuk apa pun di luar beberapa pertanyaan, yang berarti responden mendapatkan scrollbar internal yang terjepit ke dalam kotak kecil alih-alih melihat seluruh formulir. Buka blok Custom HTML, temukan atribut height="…" di tag iframe, dan tingkatkan angkanya — untuk formulir yang lebih panjang, jangan ragu untuk mengaturnya jauh di atas default, karena ruang kosong ekstra di bagian bawah jauh lebih tidak mengganggu bagi pengunjung daripada jendela gulir yang sempit. Tidak ada rumus pasti; tinggi yang tepat bergantung pada berapa banyak pertanyaan yang Anda miliki, jadi sesuaikan dan pratinjau hingga seluruh formulir terlihat tanpa scrollbar sendiri.
Responsivitas seluler bervariasi menurut tema
Google Form yang disematkan itu sendiri responsif, tetapi bagaimana tampilannya di dalam tata letak tema WordPress Anda bergantung pada tema — beberapa tema membatasi iframe sematan dengan rapi di dalam lebar konten mereka, sementara yang lain membiarkan iframe dengan lebar tetap meluap dari halaman di layar ponsel. Karena ini sangat bervariasi menurut tema dan page builder, jangan hanya percaya pada pratinjau desktop: buka halaman yang dipublikasikan di ponsel sungguhan dan gulir melalui formulir sematan sebelum menganggap pekerjaan selesai.
Kapan sebaiknya hanya menautkan alih-alih menyematkan
Menyematkan itu bagus ketika Anda ingin formulir terasa seperti bagian dari halaman, tetapi tidak selalu diperlukan. Jika Anda hanya perlu pengunjung mengisi formulir dan tidak peduli mempertahankan mereka di situs WordPress Anda, tautan biasa lebih sederhana, memiliki nol risiko penghapusan iframe, dan membuka formulir dalam tata letak yang dioptimalkan untuk seluler milik Google sendiri alih-alih di dalam batasan tema Anda. Lihat panduan kami tentang membagikan Google Form untuk berbagai opsi tautan dan kode QR.
Daftar periksa cepat
- Salin kode iframe dari Send > Embed di Google Form Anda.
- Gunakan blok Custom HTML, bukan blok paragraf biasa atau blok embed, di editor WordPress.
- Jika formulir menghilang setelah disimpan, cari plugin yang mengizinkan sematan iframe, atau periksa pengaturan penyaringan HTML plugin keamanan Anda.
- Tingkatkan nilai tinggi jika scrollbar memotong bagian bawah formulir.
- Selalu uji di ponsel sungguhan sebelum menganggap sematan selesai — perilaku tema bervariasi terlalu banyak untuk dipercaya hanya dari pratinjau desktop.
Pertanyaan yang Sering Diajukan
Bagaimana cara mendapatkan kode sematan untuk Google Form?
Buka formulir Anda, klik Send, pilih ikon sematan (< >), sesuaikan lebar dan tinggi jika Anda mau, lalu klik Copy untuk menyalin kode HTML iframe.
Blok WordPress mana yang harus saya gunakan untuk menyematkan Google Form?
Gunakan blok Custom HTML di editor blok. Tambahkan blok baru, cari "Custom HTML," dan tempel kode iframe yang diberikan Google langsung ke dalamnya.
Mengapa Google Form saya tidak muncul setelah saya menempel kode sematan di WordPress?
Beberapa konfigurasi WordPress dan plugin keamanan menghapus tag iframe mentah dari konten demi alasan keamanan. Jika formulir Anda menghilang setelah disimpan, cari plugin sederhana dan terulas baik yang secara eksplisit mengizinkan sematan iframe atau shortcode, dan periksa pengaturan plugin keamanan Anda untuk opsi penyaringan HTML.
Mengapa ada scrollbar yang memotong formulir sematan saya?
Tinggi default iframe seringkali terlalu pendek untuk formulir yang lebih panjang. Tingkatkan nilai tinggi di kode sematan hingga seluruh formulir muat tanpa scrollbar internalnya sendiri.