How to Embed Custom Google Forms in Notion & Notion Websites
Notion is the ultimate workspace for teams, creators, and freelancers. Furthermore, platforms like Super.so, Popsy, Feather, and Fruition turn Notion pages into full-fledged websites and client portals.
However, embedding default Google Forms in Notion has noticeable drawbacks:
- Large, unstyled purple banners clash with Notion's clean, distraction-free aesthetic.
- Standard Google Forms iframes don't adapt when users switch Notion to Dark Mode.
- Awkward internal frame scrollbars on mobile devices.
With CustomGForm, you can embed sleek, minimal Google Forms that adapt to Notion's design system — including full dark mode support and direct Google Sheets storage.
Live Interactive Preview
Test this live interactive form designed for Notion workspaces:
Minimalist form layout with subtle borders and dark mode adaptability for Notion workspaces and Super.so sites.
Why CustomGForm Fits Notion Naturally
- Seamless Dark Mode: Automatically matches Notion's dark mode palette (
data-theme="dark"). - Match Notion Typography: Clean sans-serif and mono fonts that mirror Notion's interface.
- Client Portal Workflows: Embed intake forms in shared client portals without requiring client Google logins.
- Real-Time Google Sheets Sync: Connect responses to Google Sheets, which can also be synced directly back into Notion databases.
3-Step Setup Guide
Step 1: Connect & Style Your Form
- In the CustomGForm Dashboard, paste your public Google Form link.
- Choose your theme:
- Minimalist borders and clean input fields.
- Primary accent colors matching your Notion icon or brand palette.
- Light or Dark theme mode.
- Save your form to generate your Form ID and hosted form URL (
https://customgform.com/form/YOUR_FORM_ID).
Step 2: Choose Your Embed Method
Inside standard Notion pages, use your hosted CustomGForm link:
https://customgform.com/form/YOUR_FORM_ID- Copy your CustomGForm hosted form URL from the dashboard.
- In Notion, type
/embedon a new line and press Enter. - Paste your URL into the link field and click Embed link.
- Drag the bottom and side handles to resize the form to your desired width.
Replace YOUR_FORM_ID with your custom form ID (e.g. cme8v3p530011wnq8z6hscwfa).
Step 3: Embed in Your Notion Workspace or Super Site
- In your Notion page, position the embed block between your page content.
- For wide documents, enable Full width in Notion page settings (top right
...menu). - Test your form live: submissions instantly flow into your Google Sheets spreadsheet!
Pro Tips for Notion Users
- Sync Google Sheets to Notion Databases: Use Google Sheets extensions or Make to automatically mirror CustomGForm responses into your Notion project tracker.
- Dark Mode Optimization: When embedding on a dark Notion page, append
?theme=darkor setdata-theme="dark"for cohesive styling. - File Uploads Without Google Login: Clients and team members can submit project attachments, screenshots, and resumes with zero authentication friction.
Embed Custom Google Forms in Notion Today
Build client intake forms and team surveys that match Notion's minimalist aesthetic.
How to Embed Custom Google Forms in Ghost CMS
Collect reader feedback, event RSVPs, and newsletter subscriber surveys by embedding styled Google Forms in Ghost posts using HTML cards.
Connect CustomGForm to AI Agents via MCP
Complete step-by-step guide to generating API tokens and connecting CustomGForm with Claude, Codex, Antigravity, GitHub Copilot, and Cursor via Model Context Protocol (MCP).