How to integrate Paperform with Webflow
Paperform transforms Webflow sites with powerful form capabilities that go beyond basic data collection.
Whether you need payment processing, appointment scheduling, or complex conditional workflows, you can implement Paperform through third-party apps for quick setup, native embeds for seamless design integration, or leverage APIs for advanced automation and CMS synchronization.
Use third-party apps
While Paperform doesn't have an official Webflow Marketplace app, several third-party solutions streamline the integration process.
Zapier connects Paperform submissions to Webflow CMS collections automatically, eliminating manual data entry.
Key capabilities include:
- Automated CMS updates when forms are submitted, creating or updating collection items instantly
- Multi-step workflows that route data through various tools before reaching Webflow
- Conditional logic to send different submissions to specific CMS collections based on responses
For payment processing, connect Paperform's Stripe and PayPal integrations to trigger Webflow updates upon successful transactions. This enables automated order management and inventory tracking without custom code.
Use native embeds and features
Embedding Paperform directly into your Webflow pages provides the most seamless user experience. The embedding guide offers three main approaches:
Inline embedding places forms within your page content:
- Copy the embed code from Paperform's Share menu
- Add an Embed element in Webflow
- Paste the code and adjust container dimensions
Popup forms trigger via buttons or links:
- Add data-paperform-id="your-form-id" and data-popup-button="1" to any Webflow element
- Include Paperform's script in your site-wide custom code
- Style trigger buttons using Webflow's design tools
Full-screen embeds create immersive form experiences perfect for assessments or multi-step processes. The form takes over the entire viewport while maintaining your site's navigation.
Advanced embedding features include:
- Lazy loading with the data-lazy attribute to improve page performance
- Prefill parameters to populate fields based on URL parameters or user data
- Custom styling that inherits your Webflow site's design tokens
Build with Webflow and Paperform APIs
API integration unlocks capabilities beyond embeds, enabling real-time data synchronization, custom workflows, and advanced automation. This approach suits businesses needing programmatic form management, dynamic content updates, or complex integrations with existing systems.
The Paperform API provides endpoints for forms, submissions, and webhooks, while Webflow's API enables CMS updates, user management, and custom code injection. Combined, they create powerful automated workflows.
Key capabilities include:
- Bidirectional data sync between Paperform submissions and Webflow CMS
- Dynamic form generation based on Webflow content
- Advanced webhook processing for real-time updates
- Custom authentication flows beyond standard embeds
Automate form submission to CMS workflow
Sync Paperform submissions directly to Webflow CMS collections for content management:
- Configure webhooks: In Paperform, set up webhooks under After Submission → Integrations to send data to your server
- Process submissions: Create a serverless function (Netlify/Vercel) that receives the webhook payload and transforms data for Webflow's CMS API
- Update CMS: Use Webflow's /collections/{collection_id}/items endpoint to create or update items based on form responses
This enables use cases like user-generated content, testimonials, or job applications flowing directly into your CMS.
Build dynamic pricing calculators
Create interactive calculators that update Webflow e-commerce products:
- Set up calculation fields: Use Paperform's calculation features to compute prices based on user selections
- Connect to webhooks: Send calculated values via webhooks when users complete the form
- Update products: Use Webflow's e-commerce API to adjust pricing or create custom orders based on calculations
Perfect for service businesses with variable pricing or custom product configurations.
Implement advanced user registration
Build sophisticated onboarding flows beyond basic signups:
- Create multi-step forms: Design comprehensive registration forms with conditional logic in Paperform
- Process via webhooks: Capture submission data including file uploads and complex field types
- Generate user accounts: Use Webflow's Memberships API to create accounts with custom fields populated from Paperform responses
This approach enables detailed user profiles, document collection, and approval workflows.
What you can build
Integrating Paperform with Webflow opens possibilities for sophisticated web applications without traditional development.
- Advanced e-commerce checkouts: Build product configurators with real-time pricing calculations, conditional upsells, and integrated payment processing that sync orders directly to Webflow's CMS for fulfillment tracking
- Client onboarding portals: Create multi-step intake forms with document uploads, e-signatures via Papersign, and automated contract generation that populate project management systems through Webflow
- Event registration systems: Design booking forms with calendar integration, capacity management, and automated confirmation emails while maintaining attendee records in Webflow collections
- Dynamic lead generation: Develop interactive quizzes and assessments with scoring logic that segment leads automatically and trigger personalized follow-up sequences through integrated marketing tools
Frequently asked questions

Category
Description
Paperform is a versatile online form builder that enables users to create forms, surveys, payment pages, and booking systems without coding. It features a unique document-style editor, conditional logic, payment processing through Stripe and PayPal, and integrations with over 3,000 applications via Zapier.
This integration page is provided for informational and convenience purposes only.

123FormBuilder
Build any type of online forms, manage workflows and collect accurate data with ease.

Airtable forms
Embed Airtable forms in your website to collect data and save it automatically to an Airtable base.

Arengu
Visually build user flows with custom actions with your API or favourite apps.

Basin
Point your form at Basin to collect submission data and track conversions for free.

Form Sparrow
Form Sparrow takes care of form submissions and sends the field data in a perfectly formatted email.

Form-Data
Collect form submissions with spam filtering, email notifications, auto-reply and full automation