involve.me

How to integrate involve.me with Webflow

The easiest way to set up your involve.me Webflow integration is by installing the involve.me app from the Webflow Apps marketplace. You can also use inline embed and popup widgets by pasting involve.me's embed code into Webflow's Code Embed elements for more display options like popups and fullpage layouts.

If you need submission data to create Webflow CMS items automatically, connect with Zapier or Make. For advanced use cases like custom lead routing, involve.me's webhook system sends submission data to your own endpoints.

Note: involve.me embeds only render on published Webflow sites, not in the editor or preview mode. Publish to a staging or production domain to test your integration.

Use the involve.me app

Install the involve.me app from the Webflow Apps marketplace for the simplest path to embedding interactive funnels. The app connects your involve.me account and handles embed code generation automatically.

Implementation steps:

1. Publish your funnel in involve.me first — unpublished funnels won't appear in the app
2. Open your Webflow project and go to Apps
3. Install the involve.me app from the marketplace
4. Launch the app and connect your involve.me account
5. Select an element on your canvas where the funnel should appear
6. Choose your funnel from the dropdown or paste the funnel URL directly
7. Click Add Embed and publish your Webflow site

The app works with all involve.me content types, including quizzes, surveys, calculators, and forms. If funnels don't appear in the dropdown, re-authorize your involve.me account connection through the plugin settings.

Inline embed and popup widget

involve.me's Share & Embed options provide embed code you can paste into Webflow's Code Embed element or custom code settings. Note: the "Widget Embed Element" in involve.me is for embedding external content into involve.me funnels, not for embedding involve.me into Webflow.

Inline embed

Places funnels directly within your page content. The iframe automatically adjusts height to match content as users progress through steps. Configuration options include dynamic height resize, minimum height, fixed width, transparent background, and loading background color.

1. Get the inline embed code from involve.me's Share & Embed section
2. In Webflow, drag a Code Embed element to your desired location
3. Paste the code and adjust container dimensions as needed
4. Publish your site to test functionality

Popup embed

Displays funnels as modal overlays triggered by user actions. Four presentation types are available: Normal Popup, Chat Button, Side Panel, and Side Tab. Triggers include button click, exit intent (desktop only), page load, and time delay.

For site-wide popups, add the embed code to Project settings → Custom code in the head or body tag sections.

Fullpage embed

Makes the funnel occupy the entire browser window. This works best for dedicated landing pages where the funnel is the only content.

Connect with Zapier or Make

Zapier and Make provide no-code automation that connects involve.me submission data to Webflow CMS. When participants complete involve.me funnels, these platforms can automatically create or update Webflow collection items.

Zapier

Zapier's involve.me integration provides a "New Completed Submission" trigger that fires when users complete your funnels. Connect this trigger to Webflow's "Create Item" or "Update Item" actions to map submission data — email addresses, names, scores, and custom responses — to the appropriate Webflow collection fields.

Common automation scenarios include sending quiz results to a resource library collection, publishing positive survey feedback to a testimonials collection based on rating thresholds, syncing event registration data to an attendee list, and adding qualified leads to CRM-style collections.

Make

Make provides pre-built scenario templates for connecting involve.me submissions to Webflow CMS actions. Make supports multi-step scenarios with conditional logic, which is useful when you need to route submissions based on response data or update multiple systems from a single submission.

Build with involve.me webhooks

For custom data processing or advanced lead routing, involve.me's webhook system sends submission data to your own endpoints. Webhooks are available on Business and Agency plans only.

When someone completes a funnel, involve.me sends a POST request to your configured endpoint with complete submission data including contact information, scores, quiz outcomes, individual question responses, calculator results, device type, and timestamps.

Configure webhook endpoints

1. Navigate to your project's Integrations menu
2. Find the Webhooks card
3. Add your HTTPS endpoint URL
4. Select scope — organization-level or per-project
5. Configure custom authorization headers for security validation (optional)
6. Use Test Webhook to verify connectivity

Your endpoint must accept POST requests with Content-Type: application/json and return HTTP 200–299 status codes. For production security, implement signature verification using the webhook signature header with a shared secret configured in your involve.me webhook settings.

Sync data to Webflow CMS

To create Webflow CMS items from involve.me submissions, build middleware that transforms webhook payloads and calls the Webflow CMS API:

1. Receive the involve.me POST request and verify the signature header
2. Parse the webhook payload and transform fields to match your Webflow collection schema
3. Call POST /v2/collections/{collection_id}/items with the transformed data using Bearer token authentication with cms:write scope
4. Publish the created item through the Webflow API to make it live

This is an advanced, developer-level integration. For no-code workflows, use Zapier or Make instead.

What you can build

Integrate involve.me with Webflow to create interactive experiences that capture data and personalize content.

• Product recommendation quiz with results page: Build a multi-step quiz that asks about customer preferences and displays personalized product matches. Use involve.me's conditional logic to route users to different outcomes based on their answers.
• Lead qualification funnel with CMS follow-up: Create a quiz that scores prospects based on responses and automatically adds qualified leads to a Webflow CMS collection via Zapier or Make, enabling personalized landing pages for different segments.
• Interactive pricing calculator: Embed a calculator that collects project requirements and displays custom pricing estimates. Users input variables like project scope, timeline, and features and receive calculated quotes without leaving your site.
• Feedback survey with testimonial collection: Deploy NPS surveys as popups that capture ratings and comments, then use Zapier to automatically publish high-scoring responses to a testimonials collection on your Webflow site.