Sematkan Google Form di Situs Web Anda

Izinkan penyematan, salin kode sematan, lalu tempel ke halaman Anda

Formulir yang disematkan adalah formulir live yang ditampilkan dalam bingkai di halaman Anda sendiri. Pengunjung menjawab tanpa meninggalkan situs Anda.

Izinkan penyematan

Penyematan nonaktif secara default, sehingga tidak ada situs web lain yang bisa menampilkan formulir Anda.

  1. Di tab Formulir pada bilah sisi, klik ikon pensil di baris Pengaturan formulir live
  2. Di tab Tema, aktifkan Beri gaya pada formulir live jika masih nonaktif
  3. Aktifkan Izinkan penyematan

Kotak Kode sematan muncul di bawah saklar.

Salin kode sematan

Klik Salin. Kodenya berupa satu baris:

<script src="https://skyfield.cloud/embed.js" data-form="your-form" async></script>

Pakai kode dari dialog Anda sendiri, yang memuat ID formulir Anda. Skrip menempatkan formulir dalam bingkai tepat di tempat Anda menempelnya dan menjaga bingkai tetap setinggi formulir, sehingga halaman tidak pernah menampilkan scrollbar kedua. Bingkai membesar dan mengecil saat responden berpindah halaman, melihat pesan kesalahan, atau sampai di layar terima kasih. Setelah mengirim, bagian atas formulir digulir kembali ke tampilan.

Untuk menyematkan beberapa formulir di satu halaman, tempel satu baris per formulir.

Tempel ke halaman Anda

Tempel kode di mana pun situs web Anda menerima HTML:

  • WordPress. Tambahkan blok Custom HTML.
  • Wix, Squarespace, Webflow. Tambahkan elemen Embed atau Code lalu tempel kodenya ke dalamnya.
  • HTML Anda sendiri. Tempel di tempat formulir akan muncul.

Jika situs Anda tidak mengizinkan skrip

Beberapa pembuat situs web menghapus tag <script>. Di bawah kode sematan, klik Skrip tidak diizinkan? Gunakan iframe biasa lalu salin kode itu sebagai gantinya:

<iframe
  src="https://skyfield.cloud/forms/your-form?embed=1"
  width="100%"
  height="900"
  style="border:0"
></iframe>

Iframe biasa memiliki tinggi tetap. Ganti height="900" dengan jumlah piksel yang pas untuk formulir Anda, agar halaman tidak menampilkan scrollbar kedua. Formulir dengan beberapa halaman membutuhkan tinggi halaman terpanjangnya.

Buat menyatu

  • Aktifkan Menyatu dengan situs web saya, di bawah Izinkan penyematan. Opsi ini menghilangkan warna halaman di belakang formulir, sehingga kartunya berada di atas latar halaman Anda sendiri. Kartu, garis tepi, dan bayangan tampilan tetap ada, dan tautan live tetap dengan halamannya.
  • Gunakan pratinjau Di situs Anda untuk melihat formulir yang disematkan di halaman polos sebelum menyimpan.
  • Di bawah Tampilkan, nonaktifkan Powered by jika Anda tidak menginginkan baris itu. Baris ini hanya bisa disembunyikan pada formulir yang disematkan.
  • Formulir yang disematkan menghilangkan padding halaman dan baris kontrol di sekitar formulir.

Berhenti menyematkan

Nonaktifkan Izinkan penyematan dan situs web lain tidak lagi bisa menampilkan formulir. Menonaktifkan Beri gaya pada formulir live memberi hasil yang sama.