Embed

Put your Google Form on any website. No iframe wall, no Google branding, no Google sign-in prompt.

Setup (5 minutes)

1. Open your Google Form → Extensions → Add-ons → Get add-ons → install TakumiForm
2. Extensions → TakumiForm → Open TakumiForm. Your form is published on Google in the background as the modal opens
3. Click Connect to TakumiForm → sign in with the account that owns the form
4. Copy the snippet
5. Paste it into your site

That’s it. Form lives on your site. Already connected? The same steps are in Getting started, along with a tour of the dashboard.

About publishing. TakumiForm needs your form published on Google to render embedded responses. We publish it automatically when you open the add-on. If you don’t want that, close the add-on and unpublish on Google before opening it again.

The snippet

<div data-takumiform="YOUR_FORM_ID"></div>
<script src="https://takumiform.com/embed.js" async></script>

Works in WordPress, Webflow, Squarespace, Framer, plain HTML.

Optional attributes on the <div>:

• data-takumiform-height="800": initial height before auto-sizing (default 600px)
• data-takumiform-lazy="1": load when scrolled into view (good for long pages)

Customize the look

In the add-on window, click Customize (or open the form from your dashboard). You can change:

• Colors, fonts, button style, corner radius
• Logo (PNG/JPEG/SVG, up to 1 MB)
• Submit button label, “Required” mark, thank-you message
• Redirect URL after submit

Hit Save when done. Live preview shows changes as you type.

This changes how your form looks on TakumiForm. Your Google Form is untouched: same questions, same everything, for anyone who opens it on Google.

Colors from your logo

Upload a logo and we read the colors out of it, right in your browser. If your brand colors live somewhere other than the logo, use Pick colors from another image. That image is only read to sample its colors, never uploaded or stored.

You get two things on the Brand tab:

• Colors in this image: circles you can click to set just your primary color (buttons and accents).
• Themes from this image: Light, Tinted, and Dark, each a complete look: page background, text, input fields, and button. Click one to restyle the whole form at once.

Everything is checked for readability before you get it, so a pale yellow or a light orange logo won’t hand you a button nobody can read. That does mean a mid-tone brand color comes out a little deeper than your logo on the Light and Tinted themes. The Dark theme keeps the exact color, and clicking the plain circle instead of a theme card keeps it closer too.

A black-and-white logo won’t produce suggestions. There’s no brand color in it to find.

Reuse a look across forms

Once a form looks right, click Save as template at the top of the customize page and give it a name. On any other form, pick it from Apply a template and hit Apply.

Manage them from Templates in the dashboard header: rename, delete, or pick one as your default. Every form you connect from then on starts with that look instead of the standard one. Forms you’ve already connected keep what they have.

A template holds colors, fonts, layout, logo, and your submit/thank-you copy. It doesn’t hold questions. Those live in your Google Form and only you can change them there.

Answer rules carry over

If your Google Form uses response validation, TakumiForm applies the same rule, including the error message you wrote. That covers the number comparisons (greater than, less than, between, is a number, whole number, and so on), text rules (contains, doesn’t contain, is an email, is a URL), character-count limits, and checkbox counts (select at least / at most / exactly N).

Where your browser can check a rule natively it does so as you type; the rest are checked when you submit.

Two things don’t get checked before submit, on purpose. A validation rule written as a regular expression with special characters is left to Google, since matching it here could reject an answer Google would accept. Same for any rule we don’t recognise. In both cases Google checks it when the response is forwarded, and if it’s refused the respondent is told it wasn’t submitted rather than seeing a thank-you for a response that never arrived.

Uploads and quiz scores in the embed

Anything you turn on in the dashboard shows up in the embed too. Upload fields from the File upload tab appear at the end of the form, and a quiz with Show respondents their score on (see Quiz scoring) shows the result on the thank-you screen. Nothing changes in the snippet.

When you edit the form on Google

Auto-syncs within an hour. Need it now? Click Sync now in the add-on window or Sync on the dashboard.

Troubleshooting

Need more? Email us.