🚀 Quick start
Vue App Quickstart
Learn how to add CustomGForm to your Vue 3 app
Install
pnpm i @customgform-lib/vue-customgformAdd to your Vue component
<script setup lang="ts">
import CustomGForm from '@customgform-lib/vue-customgform';
const prefillFields = {
'325391704': 'John',
'1801257527': '[email protected]',
};
</script>
<template>
<CustomGForm
form-id="clj5flan90005wnju2yq4k38b"
:prefill-fields="prefillFields"
/>
</template>| Option | Type | Description |
|---|---|---|
| form-id | string | CustomGForm Form ID |
| prefill-fields | object | (optional) list of fields to prefill, e.g {"1801257527": "[email protected]"} |
| hidden-fields | string[] | (optional) list of field IDs to hide, e.g ["1801257527"] |
| theme | light | dark | auto | (optional) initial color scheme for forms with dark mode enabled |
Register globally (optional)
import { createApp } from 'vue';
import { CustomGFormPlugin } from '@customgform-lib/vue-customgform';
import App from './App.vue';
createApp(App).use(CustomGFormPlugin).mount('#app');Replace FORM_ID to your customized CustomGForm form ID. You can copy a ready-made Vue snippet for your form from Share → Embed → Vue in the dashboard.
Embed Google Form in React App Quickstart
Learn how to integrate CustomGForm in your React, Next.js, or Remix applications using our official React component library.
Embed Google Form in WordPress Website Quickstart
Learn how to embed CustomGForm in your WordPress website using the Custom HTML block in standard or popup modal mode.