Add Fraud Protection to Webflow

This guide walks you through installing Opportify's Fraud Protection script on your Webflow website and connecting it to your forms. Once set up, every form submission on your site will be analyzed for fraud signals in real time.

Prerequisites

Access to the Opportify Admin Console
Editor or Admin access to your Webflow site

Step-by-Step Setup

Step 1 — Open Quick Start in the Opportify Admin Console

Navigate to the Opportify Admin Console and open the Quick Start section from the main navigation. The Quick Start wizard guides you through everything needed to protect your website.

Opportify Admin Console — Quick Start

Step 2 — Follow Step 1: Add Your Website

In the Quick Start wizard, begin with Step 1: Add Your Website.

Add Your Website

Step 3 — Allowlist Your Website Domain

Enter your Webflow site's domain in the allowlist. You only need the hostname — omit https:// and any trailing slashes.

Example: for https://my-business.webflow.io/ enter my-business.webflow.io, or if you use a custom domain, just enter example.com

Step 4 — Go Back to Quick Start

After saving your domain, navigate back to the Quick Start section to continue with the next step.

Step 5 — Create a Form Endpoint

Open Step 2: Create a Form Endpoint in Quick Start. Click + New Endpoint, give it a descriptive name, and select a public key.

The Form Endpoint ties a specific form on your webpage to Opportify's Fraud Protection, so every submission is analyzed before it reaches your backend.

Create a Form Endpoint

Step 6 — Go Back to Quick Start

After creating the endpoint, navigate back to the Quick Start section to continue.

Step 7 — Copy the Fraud Protection Script

Open Step 3: Add Opportify's Fraud Protection Script to Your Website in Quick Start. Copy the script snippet shown in the first step — you will paste it into Webflow next.

Step 8 — Navigate to Webflow and Open Site Settings

In Webflow, navigate to your project and open Site Settings.

Webflow — Site Settings

Step 9 — Click on Custom Code

In the left-hand navigation panel, click on the Custom Code section.

Scroll down to the Footer Code section and paste the Opportify script there. Click Save Changes.

Webflow — Footer Code

Step 11 — Open the Website in Design Mode

Return to your Webflow website project and open the site in Design mode.

Step 12 — Find the Form You Want to Protect

Locate the form you want to associate with Fraud Protection and click on it to select it.

Webflow — Select Form

Step 13 — Clear Existing Form Actions

In the right-hand panel, click the Settings tab and find the Send to section. Delete all existing actions.

caution

Clearing existing actions will disable any current submission handling or integrations that rely on this form (for example, Webflow-native storage, email notifications, or third-party tools). Before you remove them, copy and save the current action URL or consider using a separate form if you still need the previous behavior.

Webflow — Settings tab, Send to section

Step 14 — Add a New Custom Action

Click + Add action (or Custom) to add a new custom action to the form.

Webflow — Add Custom Action

Step 15 — Copy the Submit URL from Opportify

Go back to the Opportify Admin Console, open Form Endpoints, find the endpoint you created in Step 5, and copy the value from the Submit URL column.

Opportify — Form Endpoint Submit URL

Step 16 — Paste the Submit URL in Webflow

Back in Webflow, paste the copied URL into the Action URL field of the custom action and save.

Webflow — Paste Action URL

Step 17 — All Required Setup Is Complete

All the required connections between Webflow and Opportify's Fraud Protection are now in place.

Step 18 — Publish Your Website

Publish your website to make the changes live. From this point forward, every form submission on your site will be analyzed by Opportify's Fraud Protection.

Step 19 — Optional: Fine-tune Your Setup

Return to the Opportify Admin Console and continue through the remaining Quick Start steps to fine-tune your setup:

Step 4 — Data Retention: Choose how long submission data is kept.
Alerts: Configure email or in-app alerts for suspicious submissions.
Webhooks: Export fraud signals and submission data to your own systems or third-party tools.

Viewing Form Submissions

After publishing, every form submission from your Webflow site will appear in the Form Submissions page of the Opportify Admin Console. For each submission you can see:

Field	Description
Risk Score	A numeric fraud risk rating assigned to the submission
Risk Level	A human-readable label: Low, Medium, High, or Critical
IP Address	The originating IP of the submission
Country	Geo-location derived from the IP
Email	The email address submitted, if collected
Submitted At	Timestamp of when the submission was received
Form Endpoint	Which endpoint (and therefore which form) received the submission
Fraud Signals	Individual signals that contributed to the risk score (e.g. disposable email, VPN detected, bot behavior)

You can filter submissions by risk level, date range, or endpoint to quickly identify and act on suspicious activity.

Prerequisites​

Step-by-Step Setup​

Step 1 — Open Quick Start in the Opportify Admin Console​

Step 2 — Follow Step 1: Add Your Website​

Step 3 — Allowlist Your Website Domain​

Step 4 — Go Back to Quick Start​

Step 5 — Create a Form Endpoint​

Step 6 — Go Back to Quick Start​

Step 7 — Copy the Fraud Protection Script​

Step 8 — Navigate to Webflow and Open Site Settings​

Step 9 — Click on Custom Code​

Step 10 — Paste the Script into Footer Code​

Step 11 — Open the Website in Design Mode​

Step 12 — Find the Form You Want to Protect​

Step 13 — Clear Existing Form Actions​

Step 14 — Add a New Custom Action​

Step 15 — Copy the Submit URL from Opportify​

Step 16 — Paste the Submit URL in Webflow​

Step 17 — All Required Setup Is Complete​

Step 18 — Publish Your Website​

Step 19 — Optional: Fine-tune Your Setup​

Viewing Form Submissions​