CustomGFormCustomGForm
Documentation
🔌 Embed Guides

How to Embed and Customize Google Forms in Wix (No iFrame Glitches)

Wix is one of the most popular website builders in the world, powering millions of business sites. However, its native Wix Forms app forces users into costly monthly Ascend subscriptions ($10–$49/mo) just to add more fields or unlock basic notifications.

On the other hand, embedding a standard Google Form via Wix's iframe element often results in clunky duplicate scrollbars, cut-off submit buttons on mobile, and standard purple Google branding that ruins your Wix design.

CustomGForm solves this permanently: embed responsive, styled Google Forms directly into Wix using the standard HTML Embed element with zero double-scrollbars and automatic real-time Google Sheets sync.


Live Interactive Preview

Test this live interactive form directly on this page:

Wix Interactive Embed Demo
Powered by Google Forms

Fluid responsive layout that adapts to Wix desktop and mobile layouts without iframe clipping.

Loading interactive form preview...

Why CustomGForm Over Native Wix Forms?

FeatureWix Native Forms (Ascend)Standard Google Forms iframeCustomGForm
PricingLimited on Free ($10–$49/mo upgrades)FreeGenerous Free Plan ($0/mo)
Spreadsheet SyncManual CSV export or Zapier feesBuilt-inInstant real-time Google Sheets sync
Mobile ExperienceGoodTerrible (Double scrollbars)100% fluid & mobile-responsive
Design MatchingLimited to Wix widgetsFixed purple headerCustom fonts, colors, border radius
File UploadsPaid tier onlyRequires Google loginDirect uploads without Google login

3-Step Setup Guide for Wix

Step 1: Connect & Style Your Form

  1. In the CustomGForm Dashboard, paste your public Google Form link.
  2. Customize the theme:
    • Select fonts matching your Wix site theme.
    • Choose primary button colors matching your Wix site accents.
    • Configure input border style, shadow, and corner radius.
  3. Save your changes to generate your Form ID.

Step 2: Copy the Lightweight Wix Snippet

<!-- CustomGForm Wix Standard Embed -->
<div data-customgform="YOUR_FORM_ID"></div>
<script async src="https://cdn.customgform.com/cgf.js"></script>
OptionTypeDescription
data-customgformstringYour unique CustomGForm Form ID (found in dashboard)
data-prefill_fieldsstringOptional: Semicolon-separated prefill values
data-themestringOptional: Set to "light" or "dark"

Replace YOUR_FORM_ID with your real CustomGForm ID (e.g. cme8v3p530011wnq8z6hscwfa).


Step 3: Embed in Wix Editor or Wix Studio

  1. In the Wix Editor, click the + (Add Elements) button in the left sidebar.
  2. Select Embed Code → Popular Embeds → Embed HTML.
  3. A gray container box will appear on your canvas. Click Enter Code above the element.
  4. Paste your CustomGForm embed snippet and click Apply.
  5. Drag the handles of the HTML box to give your form ample width and height for your content.
  6. Switch to the Mobile Editor view (top bar icon) to ensure the container width looks balanced on mobile screens.
  7. Click Publish in the top right corner.

Pro Tips for Wix Users

  • Avoid Double Scrollbars: Always drag the Wix HTML element's bottom handle downward until there is slight breathing room below your form's submit button.
  • Wix Studio Support: In Wix Studio, set the HTML component's width to 100% and height to Auto or Min-Content for fluid responsive behavior across all custom breakpoints.
  • Custom Redirects: Use CustomGForm settings to forward respondents to a custom Wix "/thank-you" page upon submission.

⚡ 100% Free Plan • No Credit Card Needed

Upgrade Your Wix Google Forms in 60 Seconds

No expensive Ascend subscriptions, no iframe glitches, and 100% automatic Google Sheets synchronization.

Start Free — Takes 60 Seconds →✓ Google Sheets auto-sync • Zero iframe flickering

On this page