Embed Options

QuipForm can be embedded directly into your website, landing pages, documentation, and web applications.

Embedding forms allows visitors to complete forms without leaving your website, creating a more seamless experience and often improving conversion rates.

Available Embed Types

QuipForm supports multiple embedding methods to fit different use cases.

Inline Embed

An inline embed displays the entire form directly within a page.

This is the most common embedding method and works well for:

• Contact forms
• Lead generation forms
• Surveys
• Applications
• Newsletter signups

Visitors can complete the form without leaving your website.

Popup Embed

A popup embed opens the form inside a modal window.

Common use cases include:

• Newsletter signups
• Lead capture forms
• Exit-intent campaigns
• Promotional offers

Popup embeds help keep pages clean while still providing easy access to forms.

Full Page Embed

A full page embed allows the form to occupy the majority of the page content area.

This is useful for:

• Multi-step applications
• Long surveys
• Registration forms
• Onboarding flows

Button Trigger

A form can be launched when a visitor clicks a button.

Examples:

• Contact Us
• Request Demo
• Join Waitlist
• Get Started

This approach keeps forms hidden until visitors choose to open them.

Getting Embed Code

To generate embed code:

1. Open your form.
2. Click Share.
3. Select Embed.
4. Choose your preferred embed type.
5. Copy the generated code.
6. Paste it into your website or application.

Embedding on Websites

QuipForm embeds work with most website platforms, including:

• Custom websites
• Next.js applications
• React applications
• WordPress
• Webflow
• Framer
• Wix
• Squarespace
• Shopify

In most cases, embedding requires only pasting the provided code into the desired page.

Responsive Design

All QuipForm embeds are designed to work across:

• Desktop
• Mobile
• Tablet

Forms automatically adapt to different screen sizes to provide a consistent user experience.

When to Use Each Embed Type

| Embed Type | Best For | | -------------- | -------------------------------------------- | | Inline | Contact forms, lead generation, surveys | | Popup | Newsletter signups, promotions, lead capture | | Full Page | Applications, onboarding, multi-step forms | | Button Trigger | Forms that should only appear on demand |

Best Practices

Match the Page Context

Place forms where they naturally fit within the visitor journey.

For example:

• Contact forms on contact pages
• Lead forms on landing pages
• Applications on hiring pages

Keep Forms Visible

For important forms, inline embeds often perform better because visitors can immediately start interacting.

Test Mobile Layouts

Always preview embedded forms on mobile devices before publishing.

Track Performance

Use QuipForm Analytics to monitor:

• Views
• Submissions
• Completion rates
• Drop-off points

Troubleshooting

Form Isn't Displaying

Check:

• The form is published.
• The embed code was copied completely.
• The code was added to the correct page.

Form Appears Cut Off

Review the surrounding page layout and ensure enough space is available for the embed.

Form Looks Different Than Expected

Verify:

• Theme settings
• Custom CSS rules
• Website styles that may affect embedded content

Form Doesn't Update

Changes made inside QuipForm are reflected automatically, but browser caching may occasionally delay updates.

Refreshing the page usually resolves the issue.

Related Articles

• Custom Domains
• Webhooks
• Analytics
• Theme Engine