WordPress Website Quickstart
Copy-paste embed code reference for WordPress. For the full walkthrough with Gutenberg, Elementor, and the Classic Editor, read how to embed Google Forms in WordPress.
Copy CustomGform HTML code
<div
data-customgform="FORM_ID"
data-prefill_fields="261034186=test;1841579133=comments,fd;[email protected]"
></div>
<script async src="https://cdn.customgform.com/cgf.js"></script>| Option | Type | Description |
|---|---|---|
| data-customgform | string | CustomGForm Form ID |
| data-prefill_fields | string | List of fields to prefill, separated by semicolon |
Replace FORM_ID to your customized CustomGForm form ID.
Paste HTML code in the Wordpress page
1). Open Wordpress page where you want to display customized Google Form
2). Choose block Custom HTML
3). Paste CustomGform HTML code to the Custom HTML block
4). Save Wordpress page changes by clicking on Update Button
5). That's it. Watch video tutorial below:
Related Guides
Last updated on
Embed Google Form in Vue App Quickstart
Learn how to integrate CustomGForm in your Vue 3 or Nuxt applications using our official Vue component library.
How to Embed and Customize Google Forms in WordPress (No Plugins Required)
Learn how to embed, style, and customize Google Forms in WordPress Gutenberg, Elementor, or Classic Editor without slow plugins or iframe issues.