Prefinery

Connect Prefinery's viral waitlist and referral tools to your Webflow site to build pre-launch momentum and grow your audience through word-of-mouth marketing.

Install app
View website
View lesson
A record settings
CNAME record settings
Prefinery

How to integrate Prefinery with Webflow

This section teaches readers how to connect Webflow with Prefinery.

Integrating Prefinery with Webflow enables you to capture leads, manage waitlists, and run referral programs directly on your website. Choose from multiple integration methods based on your technical skills and campaign needs — from simple embeds that work in minutes to API integrations that enable custom workflows and real-time data sync.

Inline embed and popup widget

Set up Prefinery's signup forms on your Webflow site in minutes without coding. This method works best for standard waitlist campaigns and referral programs.

What you can do:

  • Add signup forms to any page using Webflow's Embed component
  • Display popup forms triggered by buttons with the prefinery-form-cta class
  • Track referrals automatically with built-in viral sharing features
  • Show dynamic content like waitlist position and referral status

Setup requirements:

  • Paid Webflow account (Custom Code feature required)
  • Prefinery account with active campaign
  • Access to site settings in Webflow

Key limitations:

  • Custom styling requires CSS knowledge
  • Dynamic referral page display only works with Prefinery's embedded forms
  • Advanced event tracking needs additional integration

Use your own Webflow form with JavaScript

Connect your custom-designed Webflow forms to Prefinery's backend using JavaScript. This approach gives you complete control over form design while using Prefinery's referral tracking and user management.

Implementation steps:

  • Install Prefinery's JavaScript snippet in site settings
  • Assign unique IDs to your Webflow form elements
  • Add event listener code to handle form submissions
  • Configure post-submission behavior (popup or redirect)

Best for:

  • Teams wanting pixel-perfect form design
  • Sites with existing form infrastructure
  • Campaigns requiring custom validation logic

Build with Webflow and Prefinery API

Create advanced integrations using Prefinery's REST API for complete control over user data, referral tracking, and reward automation. This method enables bidirectional data sync and complex campaign logic.

Core capabilities:

  • Create and manage users with POST /api/v2/betas/{beta_id}/testers
  • Track referral attribution by including referrer_id in user creation
  • Retrieve user data for displaying status, points, or leaderboards
  • Automate rewards based on referral milestones or custom events

Integration patterns:

  • Webflow form → Serverless function → Prefinery API
  • Prefinery webhooks → Automation platform → Webflow CMS
  • Direct API calls from backend services

Accepting waitlist signups programmatically

Build a custom signup flow that sends Webflow form data to Prefinery's API:

  1. Capture form submissions in Webflow
  2. Send user data to your backend or serverless function
  3. Create user in Prefinery with referral attribution
  4. Return status or referral link to display on site

Required fields for user creation:

  • email (required)
  • firstname, lastname (optional)
  • referrerid or referrercode (for attribution)
  • Custom fields based on your campaign

Syncing data between platforms

Use webhooks to keep Webflow CMS in sync with Prefinery user data:

  1. Configure Prefinery webhooks for events like user.created or referral.created
  2. Set up webhook endpoint (Zapier, Make, or custom server)
  3. Map Prefinery fields to Webflow CMS collections
  4. Update or create CMS items based on webhook events

Common sync scenarios:

  • Display beta tester testimonials
  • Show referral leaderboards
  • Update user status dynamically
  • Track campaign metrics in real-time

What you can build

Integrating Prefinery with Webflow opens possibilities for viral growth campaigns and sophisticated user acquisition flows:

  • Product launch waitlists: Build anticipation for your SaaS or app launch with a viral waitlist that rewards early supporters for spreading the word, complete with real-time position updates
  • Beta testing programs: Manage phased rollouts with automated invitations based on referral activity, allowing your most engaged users to access features first
  • Exclusive access campaigns: Create FOMO-driven signups for limited products or services, with referral-based queue jumping and tier-based rewards
  • Community building initiatives: Grow membership for online communities or events through incentivized sharing, with automatic reward fulfillment and status updates

Frequently asked questions

  • Yes, integrating Prefinery requires a paid Webflow account because the Custom Code feature is only available on paid plans. You'll need this to add Prefinery's JavaScript snippet to your site's head code. Find detailed setup instructions in the Prefinery installation guide for Webflow.

    Yes, integrating Prefinery requires a paid Webflow account because the Custom Code feature is only available on paid plans. You'll need this to add Prefinery's JavaScript snippet to your site's head code. Find detailed setup instructions in the Prefinery installation guide for Webflow.

  • Yes, you can connect your native Webflow forms to Prefinery using the JavaScript Web API. This requires adding custom JavaScript to intercept form submissions and send data to Prefinery. The Prefinery JavaScript Web API documentation provides code examples and implementation details for this approach.

    Yes, you can connect your native Webflow forms to Prefinery using the JavaScript Web API. This requires adding custom JavaScript to intercept form submissions and send data to Prefinery. The Prefinery JavaScript Web API documentation provides code examples and implementation details for this approach.

  • Prefinery integrates with Zapier, Make (formerly Integromat), Pabbly Connect, and Integrately for no-code automation. These tools enable workflows like syncing signups to your CRM or triggering emails. The Zapier integration guide shows how to connect Prefinery events to thousands of other apps.

    Prefinery integrates with Zapier, Make (formerly Integromat), Pabbly Connect, and Integrately for no-code automation. These tools enable workflows like syncing signups to your CRM or triggering emails. The Zapier integration guide shows how to connect Prefinery events to thousands of other apps.

  • Referrals are tracked using cookies and URL parameters that persist across your Webflow site. When using Prefinery's embedded forms, tracking happens automatically. For custom implementations, include the Prefinery JavaScript snippet on all pages where referral links might land. Learn more about referral tracking methods and best practices.

    Referrals are tracked using cookies and URL parameters that persist across your Webflow site. When using Prefinery's embedded forms, tracking happens automatically. For custom implementations, include the Prefinery JavaScript snippet on all pages where referral links might land. Learn more about referral tracking methods and best practices.

  • You can sync user profiles, referral counts, reward status, and custom fields between platforms. Common use cases include displaying testimonials, leaderboards, or user directories. The Prefinery API documentation details available endpoints for retrieving user data, points, and rewards to populate your Webflow CMS collections.

    You can sync user profiles, referral counts, reward status, and custom fields between platforms. Common use cases include displaying testimonials, leaderboards, or user directories. The Prefinery API documentation details available endpoints for retrieving user data, points, and rewards to populate your Webflow CMS collections.

Prefinery
Prefinery
Joined in

Description

Prefinery is a specialized platform for running pre-launch waitlists and viral referral marketing campaigns. It helps startups and software companies build momentum, drive signups, and validate products before public release through customizable signup forms, automated referral tracking, and reward programs.

Install app

This integration page is provided for informational and convenience purposes only.


Other App integration and task automation integrations

Other App integration and task automation integrations

Zapier

Zapier

Share data between Webflow and third-party apps using Zapier.

App integration and task automation
Learn more
Clay

Clay

Connect Clay’s data enrichment and automation with Webflow to build personalized, dynamic landing pages at scale — automate content updates and sync enriched data to CMS collections, no code required.

App integration and task automation
Learn more
Xano

Xano

Connect your Webflow site to a powerful no-code backend platform that handles databases, APIs, and business logic — all without writing server-side code.

App integration and task automation
Learn more
Wix

Wix

Connect Wix's business tools and scalable infrastructure with Webflow's design flexibility to create powerful, integrated web experiences. This integration enables agencies to design in Webflow while managing content in Wix, synchronize data between platforms, and leverage the strengths of both builders.

App integration and task automation
Learn more
Zoho Flow

Zoho Flow

Use Zoho Flow to integrate Webflow with 300+ apps without writing code.

App integration and task automation
Learn more
Whalesync

Whalesync

Instantly sync data between Webflow and other apps like Airtable, Notion, or Google Sheets. Whalesync is the easiest way to sync data from Airtable to Webflow. Simply map the fields in your Webflow CMS to create a real-time, two-way sync. We support text, rich text, images, dates, selects, and even multi-reference fields out of the box. Whalesync gives you the power of real-time, two-way data syncing across all your apps, all without code.

App integration and task automation
Learn more
Supabase

Supabase

Connect Supabase's open-source backend platform with Webflow to add real-time databases, authentication, file storage, and serverless functions to your visually designed websites. Build dynamic applications without traditional coding constraints.

App integration and task automation
Learn more
Pixie - CMS Image Optimizer

Pixie - CMS Image Optimizer

Optimize images in Webflow CMS and eCommerce CMS in a single click. Add multiple Webflow projects to supercharge your Webflow sites.

App integration and task automation
Learn more
n8n.cloud

n8n.cloud

Automatically connect Webflow to third-party apps with n8n n8n's Webflow integration enables you to connect your Webflow account to your favourite apps. With this integration you are able to automatically modify or use your Monday database, saving you valuable time. n8n gives you the power to easily automate workflows without writing a single line of code.

App integration and task automation
Learn more

Related integrations

No items found.

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free