Add Beautiful Custom Google Forms to Your Shopify Store
Shopify store owners frequently need custom intake forms: wholesale inquiry forms, custom order quote requests, returns and exchange workflows, or customer feedback surveys.
Using paid Shopify form apps often incurs expensive monthly app fees ($10–$40/month) and bloats your store's frontend script weight. Standard Google Forms, on the other hand, look unprofessional with standard Google headers and clashing colors.
CustomGForm bridges this gap: embed sleek, branded Google Forms directly into your Shopify theme that automatically sync every response directly to your Google Sheets.
Live Interactive Preview
Test this live customer intake form:
Embed on any Shopify contact page, product template, or FAQ section with zero monthly Shopify app store fees.
Why Shopify Merchants Choose CustomGForm
- Zero Monthly Shopify App Bloat: No bulky apps injecting endless tracking scripts or slowing your store down.
- Save Hundreds Annually: Avoid paying $15–$50/mo for Shopify form apps. CustomGForm offers a generous free tier.
- Direct Google Sheets Integration: Share customer submissions with your fulfillment team, inventory managers, or sales reps instantly without granting Shopify admin access.
- Custom Brand Matching: Match your Shopify store's exact buttons, accents, typography, and checkout aesthetic.
3-Step Setup Guide for Shopify
Step 1: Create & Brand Your Google Form
- In the CustomGForm Dashboard, paste your public Google Form link.
- Customize the theme to match your store:
- Primary button color matching your Shopify "Add to Cart" button.
- Clean, modern fonts (Helvetica, Inter, Assistant, or system sans-serif).
- Form field borders and rounded corners aligned with your theme style.
- Save your form settings to get your unique Form ID.
Step 2: Copy the Lightweight Shopify Snippet
Use this snippet for a dedicated Contact, Wholesale, or Warranty page:
<!-- CustomGForm Shopify Embed -->
<div data-customgform="YOUR_FORM_ID"></div>
<script async src="https://cdn.customgform.com/cgf.js"></script>| Option | Type | Description |
|---|---|---|
| data-customgform | string | Your unique CustomGForm Form ID (found in dashboard) |
| data-prefill_fields | string | Optional: Auto-fill customer or product values |
| data-theme | string | Optional: Set to "light" or "dark" |
Replace YOUR_FORM_ID with your real CustomGForm ID (e.g. cme8v3p530011wnq8z6hscwfa).
Step 3: Add to Your Shopify Store
You can add your custom form in either the Page Editor or Theme Customizer:
Method A: Inside a Shopify Page (Recommended)
- In your Shopify Admin, navigate to Online Store → Pages.
- Click Add page (e.g. "Wholesale Inquiries" or "Contact Us").
- In the content editor, click the
< >(Show HTML) button in the top-right toolbar. - Paste your CustomGForm code into the HTML view.
- Click Save and view your new live page!
Method B: In Shopify Theme Customizer (Online Store 2.0)
- Go to Online Store → Themes → Customize.
- Navigate to the page or template where you want the form.
- In the sidebar, click Add section and choose Custom Liquid.
- Paste the CustomGForm embed snippet into the Custom Liquid code box.
- Click Save in the top right.
E-commerce Best Practices
- Customer Intake Forms: Collect custom personalization details, engraving text, or sizing requirements before or after orders.
- Warranty & Return Claims: Let customers submit photos and receipts directly via CustomGForm's file upload addon without requiring a Google login.
- Conversion Tracking: Connect a Google Tag Manager or Facebook Pixel event to the confirmation step in CustomGForm to measure ad ROAS.
Supercharge Your Shopify Store with Custom Google Forms
Collect wholesale inquiries, warranties, and custom orders with zero Shopify app subscriptions.
The Complete Guide to Styling Google Forms in Webflow
Step-by-step tutorial to embed, style, and integrate Google Forms inside Webflow designer with custom fonts, colors, and responsive layouts.
How to Embed Custom Google Forms in Squarespace
Easily embed and style Google Forms on any Squarespace page using Code Blocks. Remove Google headers, match site fonts, and connect responses directly to Google Sheets.