Outgrow

How to integrate Outgrow with Webflow

Interactive content like calculators and quizzes increases engagement and captures qualified leads on your Webflow site. Outgrow provides tools to create these interactive experiences and integrate them with your Webflow workflow.

Integrate Outgrow with Webflow through Code Embed elements for quick setup, Zapier for automated data sync, or APIs for custom workflows and real-time data management.

Use Code Embeds and widgets

Add Outgrow content to your Webflow site using Code Embed elements. Access your Outgrow dashboard, navigate to any calculator, quiz, or form, and click the Embed & Share option. Copy the generated iframe or JavaScript code.

In Webflow, drag a Code Embed element to your desired location and paste the Outgrow code. Your interactive content appears immediately upon publishing with these capabilities:

• Responsive calculators that adapt to any screen size
• Multi-step forms with progress bars
• Conditional logic that personalizes questions based on responses
• Built-in analytics tracking completions and drop-offs

Configure display options like pop-ups, exit-intent triggers, or inline placement in Outgrow's builder before embedding.

Automate with Zapier

Zapier connects Outgrow and Webflow without manual API work:

1. Create a Zap with Outgrow as the trigger (new submission)
2. Connect your Webflow account and select the target CMS collection
3. Map fields between Outgrow responses and Webflow CMS fields
4. Test and activate to start automatic data flow

Common automations include adding quiz leads to newsletter lists, creating support tickets from calculator results, or triggering email sequences based on assessment outcomes.

Build with Webflow and Outgrow APIs

Integrate Outgrow and Webflow through APIs to enable real-time data sync, custom workflows, and programmatic control over lead data. This approach works for teams needing dynamic content personalization or integration with existing tech stacks.

Outgrow's API capabilities are primarily accessed through webhooks for data export and the Call API feature for data import. For authentication, obtain your API key from your Outgrow Account Settings > Billing & Settings > API Key tab. Note that Outgrow's Call API feature allows fetching external data into your calculators, but comprehensive REST API documentation for programmatic content creation is limited in their public documentation.

Key capabilities include:

• Automated lead capture to Webflow CMS collections
• Dynamic content fetching based on user inputs
• Real-time data validation and enrichment
• Custom scoring algorithms and result calculations

Sync leads to Webflow CMS

Capture quiz responses and calculator results directly in your Webflow CMS for follow-up campaigns:

1. Configure webhooks in Outgrow (available on Business and Enterprise plans only) to send submission data to your endpoint. Navigate to Builder > Configure > Integration > Webhooks. Outgrow sends HTTP POST requests with JSON payloads containing lead data including UTM parameters, question responses, results, and visitor metadata. The webhook supports both 'LEADS' events (form submissions) and 'VISITS' events (interaction tracking).
2. Map Outgrow fields to Webflow CMS collection fields (name, email, quiz results).
3. Use serverless functions (like Vercel Functions, Netlify Functions, or AWS Lambda) to receive webhook data and create CMS items via Webflow's API. Implement error handling for Webflow's rate limits and consider queuing mechanisms for high-volume scenarios to avoid hitting the 60 requests/minute limit. Include retry logic for failed requests and validate incoming webhook signatures if implementing authentication.

The /collections/{collection_id}/items endpoint accepts POST requests with lead data.

Note: Webflow requires a paid Workspace plan (Team or Enterprise) for API access.

Use the endpoint format https://api.webflow.com/v2/collections/{collection_id}/items with proper Bearer token authentication. Set up authentication using Webflow access tokens and handle rate limits of 60 requests per minute for most endpoints, with critical exceptions like the Publish API endpoint which is limited to 1 request per minute. Monitor the X-RateLimit-Remaining header to track usage and implement delays to avoid HTTP 429 errors.

Create dynamic experiences

Pull data from external sources to personalize Outgrow content:

1. Enable Call API feature within your Outgrow calculator or quiz
2. Configure API endpoints to fetch real-time data (pricing, inventory, user profiles)
3. Map API responses to Outgrow variables for dynamic calculations

This enables use cases like mortgage calculators using live interest rates or product configurators checking real-time inventory from your Webflow e-commerce store.

What you can build

Integrating Outgrow with Webflow creates marketing experiences that convert visitors into qualified leads:

• Lead generation funnels: Build multi-step quizzes that qualify prospects, capture contact information, and automatically sync to your CRM through Webflow's CMS
• ROI calculators: Create financial tools that demonstrate value while collecting user data for sales follow-up
• Product recommendation engines: Design personality quizzes or needs assessments that guide users to the right products
• Interactive landing pages: Add embedded polls, surveys, and chatbots that increase engagement time and provide visitor insights