Embed Forms on Your Website

FormMaster.io allows you to embed any published form directly into your website, landing page, or product — giving you full control over appearance, behavior, and trigger options.

Written By SyncroEdge

Last updated 6 months ago

📌 Where to Find Embed Options

After you publish your form:

  1. Click the “Share” button in the top-right of the Playground.

  2. Go to the “Embed” tab inside the popup.

  3. Choose from multiple embed types and customization options.

🔄 Embed Types

You can choose from the following embed formats:

  • Standard Embed: Inline form placed directly inside your page layout.

  • Full Page Embed: The form takes up the entire viewport.

  • Popover: A floating form that opens as a popup.

  • Popup Modal: Triggered by clicking a button or link.

  • Side Tab: Sticky tab on the side of the screen that opens the form when clicked.

  • Slider: Slide-in panel from the side or bottom of the page.

🎨 Embed Preferences

Each embed type supports deep customization:

  • Button Text & Icon: Customize CTA buttons that trigger the form.

  • Trigger Type: Show form on:

    • Button Click

    • Page Load

    • Scroll % (e.g., 50%)

    • After Delay (e.g., 10 seconds)

  • Display Frequency:

    • Show Every Time

    • Show Once Per User

  • Form Behavior:

    • Auto-close on submit

    • Block reopen on exit

  • Design Customization:

    • Control colors, font, corner radius

    • Show/hide branding

    • Add logo or background image

  • Embed Versions:

    • Save multiple configurations

    • Generate unique embed codes for each

🧩 Getting the Embed Code

Once you configure your embed:

  1. Click “Copy Code” to copy the generated HTML snippet.

  2. Paste it anywhere in your website’s HTML (e.g., inside a <div> or a content block).

✅ Pro Tip: Embed codes are responsive by default. You don’t need to manually adjust for mobile/tablet.

🚀 Example Use Cases

  • Popup form on your pricing page after 10 seconds.

  • Sticky tab for feedback on your product dashboard.

  • Full-page form as a lead-gen microsite.

  • Inline embed for newsletter signups or event registrations.

⚠️ Embed Best Practices

  • Always test your form across devices before going live.

  • For platforms like WordPress, paste the embed code in a “Custom HTML” block.

  • For Webflow / Framer / Notion, use their custom code or embed widgets.

📞 Need Help?

For custom embed needs, reach out to: support@formmaster.io