Feature Deep-Dive · Embeds & Distribution

Embeds that look native to Framer, Webflow, & React.

No hideous double scrollbars. No jarring white background flashes. Just seamless auto-resizing form stationery that inherits your website's craft.

Interactive Embed Lab

Customize your embed code in real time

Select your host platform, toggle background transparency, and copy production-ready code in 1 click.

Generated Embed Snippet
<!-- Formtry Framer Embed -->
<iframe
  src="https://forms.formtry.com/f/client-intake"
  data-formtry-embed="client-intake"
  data-auto-resize="true"
  style="width: 100%; border: none; min-height: 520px; overflow: hidden; background: #FFFCF5;"
  allow="clipboard-write"
></iframe>
<script async defer src="https://assets.formtry.com/embed.js"></script>
Parent Website Preview● Zero Scrollbars Active
https://atelier-studio.design/contact
Atelier Studio · Contact & Inquiries

Let's build something remarkable.

The form sits as a tactile stationery card inside this studio portfolio page.

Project Intake Brief
formtry.com
4-6 Weeks8-12 WeeksFlexible

Four ways to distribute your forms

Whether you want an inline hero embed, a slide-out drawer, or a standalone branded URL, Formtry supports all distribution vectors.

01

Auto-Resizing Inline Embed

Embeds directly inside your Webflow or Framer canvas container. Listens for resize events and adjusts iframe height automatically with zero scrollbars or abrupt jumps.

postMessage height sync · 0 nested scrollbars
02

Slide-Over Drawer & Popup

Trigger an elegant side drawer or centered modal when visitors click any existing “Get In Touch” button on your site without taking them away from your page.

data-formtry-modal=“form_xyz” · Zero reloads
03

Transparent Canvas Mode

Have a bespoke gradient or dark charcoal background on your portfolio? Formtry can shed its vintage paper tint and render completely transparently.

background: transparent · Inherits parent theme
04

Vanity Custom Domain Hosting

Keep your agency brand front-and-center. Share standalone links under forms.yourbrand.com/brief with automated SSL certificate renewal.

CNAME forms.formtry.com · Instant Let's Encrypt SSL
Installation Guides

30-Second Setup for Any Platform

Copy, paste, and publish. No NPM packages or complicated build steps required.

FRAMER

Paste directly into Framer Embed Component

In your Framer canvas, press Insert → Utilities → Embed. In the properties panel, choose “HTML” and paste your Formtry snippet. Set width to 100% and height to “Fit Content”.

WEBFLOW

Add HTML Embed Component

Drag an “Embed” component into your Webflow section container, paste the snippet, and publish. The auto-resizer script takes over and adjusts the container height in real time.

NEXT.JS / REACT

Drop into JSX with next/script

Render standard JSX iframe attributes with src=“https://formtry.com/f/your_form” or import our zero-dependency React wrapper package.

Embeds & Custom Domains FAQ

Will embedding a form hurt my website's Core Web Vitals or SEO?

No. The Formtry embed script weighs under 3KB and loads with an asynchronous non-blocking defer attribute. It has zero effect on Largest Contentful Paint (LCP) and does not cause Cumulative Layout Shift (CLS).

Can I pass hidden URL parameters (like UTM tags or client IDs) into the embed?

Yes! Formtry automatically reads URL query parameters from the parent page and binds them as hidden fields in your submission payload. If a visitor comes from Google Ads with ?utm_campaign=summer, that campaign tag is saved with their inquiry.

Are embedded forms protected against spam bots?

Yes. Formtry includes zero-friction cryptographic time-check analysis and hidden honeypot fields on every embedded form. Your respondents never have to decipher blurry CAPTCHA puzzles.

Embed your first form in 60 seconds.

Elevate your website with craft forms that blend in seamlessly.