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