Jika Anda kesulitan mendapatkan formulir di situs Anda, Anda dapat memasang plugin^{(install a plugin)} untuk fungsionalitas dasar, tetapi itu dapat memperlambat situs^{(slow down your site)} Anda jika Anda sudah memiliki banyak plugin.

Dengan Google Formulir^{(Google Forms)} , Anda tidak hanya dapat menambahkan formulir ke situs Anda lebih cepat, tetapi Anda juga mendapatkan lebih banyak fitur. Misalnya, Anda dapat menyisipkan file media, mengimpor pertanyaan, berintegrasi dengan mudah dengan WordPress dan email, berbagi di lebih banyak platform, dan menikmati penyimpanan tambahan di Google Drive^{(additional storage in Google Drive)} .

Selain itu, Google Formulir^{(Google Forms)} memungkinkan Anda untuk berkolaborasi dengan rekan tim Anda, dan melacak semua hasil dari formulir Anda dari saluran yang berbeda, bukan hanya situs Anda.

Inilah cara Anda dapat dengan cepat menyematkan Google Formulir^{(Google Forms)} di situs web Anda hanya dalam beberapa langkah sederhana.

Cara Menyematkan Formulir Google di Situs Web Anda^{(How to Embed Google Forms on Your Website)}

Untuk memulai, Anda memerlukan Formulir Google^{(Google Form)} dan kode sematnya, yang akan Anda tambahkan ke halaman atau pos tempat Anda ingin formulir tersebut muncul di situs Anda.

Buat Formulir Google^{(Create a Google Form)}

1. Untuk membuat Google Form , pastikan Anda masuk ke akun Google , lalu pilih ikon Google Forms di menu Google Apps . Atau, buka form.google.com^{(forms.google.com)} .

1. Pilih ubin kosong^(Blank) dari toolbar untuk membuat formulir Anda dari awal, atau pilih templat^{(select a template)} dari opsi yang tersedia.

1. Tambahkan judul dan deskripsi^{(title and description)} ke formulir Anda.

1. Selanjutnya, gunakan bilah alat di sebelah kanan untuk menambahkan pertanyaan, mengimpor pertanyaan dari formulir lain, mengunggah video dan gambar, atau menambahkan bagian. 

1. Jika Anda ingin memilih jenis jawaban, pilih panah di sebelah bagian jenis jawaban.

1. Dari opsi, Anda dapat memilih untuk membiarkan pengguna meninggalkan jawaban atau paragraf singkat, pilihan ganda, menandai kotak centang, atau memilih pilihan dari menu tarik-turun.

1. Untuk menyesuaikan atau mengubah tema formulir, gunakan ikon palet^(palette) di sisi kanan atas layar.

1. Anda juga dapat melihat pratinjau desain akhir menggunakan ikon mata sebelum menyimpan dan menyematkannya di situs web Anda.

1. Jika Anda ingin mengumpulkan alamat email, membatasi pengguna untuk masing-masing satu tanggapan, atau mengizinkan mereka untuk mengedit tanggapan mereka setelah mengirimkan formulir, pilih Pengaturan Lanjutan^{(Advanced Settings)} (ikon roda gigi).

1. Pilih ikon tiga titik^{(three-dot icon)} untuk opsi lainnya seperti menambahkan kolaborator, membatalkan tindakan, menambahkan preferensi, atau add-on dari Google Workspace Marketplace .

Catatan^(Note) : Memilih Tambah Kolaborator^{(Add Collaborators)} secara khusus memungkinkan Anda mengundang anggota tim Anda untuk mengerjakan^{(invite members of your team to work)} formulir. Anda dapat mengirim undangan menggunakan opsi berbagi tautan atau mengetikkan alamat email mereka dan mereka akan menerima pemberitahuan email dengan undangan tersebut.

Sematkan Formulir Google Anda di Situs Web Anda^{(Embed Your Google Form on Your Website)}

Setelah Google Form Anda siap, langkah selanjutnya adalah menambahkannya ke situs web Anda. Untuk melakukan ini, Anda perlu mendapatkan kode sematan formulir, yang merupakan potongan kode unik yang akan Anda tambahkan ke halaman atau pos di mana Anda ingin formulir itu muncul.

1. Untuk mendapatkan kode sematan formulir, pilih Kirim^(Send) di sisi kanan atas jendela editor formulir.

1. Di formulir Kirim^{(Send form)} , Anda akan melihat berbagai opsi yang dapat Anda gunakan untuk membagikan formulir misalnya melalui tautan, email, media sosial, atau HTML . Anda dapat memilih apakah akan membagikan formulir di Facebook atau Twitter , atau mengirimkannya ke daftar email pelanggan Anda.

1. Untuk menyematkan formulir di situs web Anda, Anda perlu menggunakan opsi HTML . Pilih tab <> .

1. Di bidang Sematkan HTML^{(Embed HTML)} , Anda akan melihat cuplikan kode, serta kotak lebar^(width) dan tinggi^(height) tempat Anda dapat mengubah dimensi ukuran untuk formulir yang disematkan.

1. Pilih Salin^(Copy) untuk menyalin kode sematan dan masuk ke dasbor situs web Anda.

Tambahkan Kode Sematan Formulir Google Anda ke Situs Web Anda^{(Add Your Google Form’s Embed Code to Your Website)}

Sekarang setelah Anda memiliki kode sematan, masuk ke dasbor admin situs Anda dan buka halaman atau pos tempat Anda ingin menyematkan formulir.

Catatan^(Note) : Petunjuk dalam panduan ini berlaku untuk WordPress menggunakan Gutenberg/Block Editor .

1. Langkah pertama adalah menambahkan blok HTML khusus^{(custom HTML block)} . Untuk melakukannya, buka editor blok dengan memilih Halaman^(Pages) atau Postingan^(Posts) di panel admin dan temukan halaman atau postingan yang ingin Anda edit.

1. Pilih ikon Add block (+) di sisi kiri atas editor blok di sebelah logo WordPress.z^(WordPress)

1. Buka bagian Pemformatan^(Formatting) dan gulir ke bawah untuk menemukan dan memilih HTML Khusus^{(Custom HTML)} .

1. Tempelkan cuplikan kode HTML yang^{(HTML code snippet)} Anda salin tadi ke kolom yang tersedia.

1. Di bilah alat blok HTML Khusus , pilih tab ^{(Custom HTML)}Pratinjau^(Preview) untuk melihat pratinjau bagaimana formulir Anda akan muncul di situs web Anda.

1. Formulir Google^{(Google Form)} Anda akan muncul di halaman atau posting Anda.

1. Pastikan^(Make) Anda memperbarui posting atau halaman Anda setelah mengedit agar perubahan disimpan.

Buat Bentuk Sempurna untuk Situs Anda^{(Craft the Perfect Form for Your Site)}

Baik Anda ingin menambahkan survei ke situs Anda, formulir pemesanan ke toko online, pendaftaran acara, atau formulir kontak, Google Formulir^{(Google Forms)} dapat membantu Anda membuat formulir yang sempurna untuk situs web Anda. 

Lihat panduan kami tentang cara menyematkan Kalender Google di situs web Anda^{( how to embed Google Calendar on your website)} dan cara membuat sembulan kupon Anda sendiri di WordPress^{( how to create your own coupon popup in WordPress)} untuk fungsionalitas tambahan dan pengalaman pengguna yang lebih baik.

Apakah^(Were) Anda dapat membuat dan menyematkan Google Formulir^{(Google Forms)} di situs web Anda menggunakan panduan ini? Bagikan dengan kami di komentar.

How to Embed Google Forms on Your Website

If you’re struggling to get a form on your site, you could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• Cara Menyematkan Kalender Google di Situs Web Anda

• Metode Penelitian Pengguna Google Analytics untuk Meningkatkan Lalu Lintas Situs Web

• Tambahkan Petunjuk Arah Mengemudi Google Maps ke Situs Web Anda

• Cara Menggunakan Google Sheets Drop Down Lists

• 9 Hidden Fitur di Google Maps Anda harus check out

• Cara Membatalkan atau Menjeda YouTube Premium Subscription

• Cara Mengubah Default Google Account

• Apa itu Metric and Dimension di Google Analytics?

• Cara Menggunakan SUMIF di Google Lembar

• Apa Apakah Software Reporter Tool di Chrome and How untuk Nonaktifkan Ini

• Cara Mengatur Voicemail pada Google Voice

• Cara Export and Import Chrome Bookmarks

• Apa itu Google App & How untuk menggunakannya

• Apa Google Exposure Notifications untuk COVID Protection?

• Cara Membuat Line Graph di Google Lembar

• 3 Cara ke Create Borders di Google Docs

• Cara Filter di Google Lembar

• Cara Membayar Email di Gmail

• Cara Menggunakan Tugas Google - Memulai Panduan

• Cara Kirim Private Emails di Gmail