Descope

Connect Descope, a drag-and-drop auth platform, with Webflow to add secure authentication, enabling passwordless login, social sign-in, multi-factor authentication, and role-based access control without writing backend code.

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

How to integrate Descope with Webflow

Descope offers flexible integration paths for Webflow sites, from simple embeddable components for basic authentication to API-driven solutions for advanced authorization.

Descope’s visual builder lets you design custom authentication experiences without code, while its web components work directly in Webflow through custom code embeds. For teams that need enterprise features like single sign-on or fine-grained permissions, Descope's API endpoints enable server-side verification and complex authorization patterns.

Use embeds and native features

Integrate Descope with Webflow using web components embedded directly in Webflow. This approach requires adding scripts to your site's custom code but offers complete control over the authentication experience.

Set up the integration:

  1. Add Descope's web component script to your site's head code via Site Settings > Custom Code:
  1. Create a login page and embed the authentication component using an HTML Embed element:

Key features available through embeds:

  • Hosted authentication flows that handle signup, login, and password reset
  • User profile widget for account management and session display
  • Role-based visibility using JavaScript to show/hide elements based on user permissions
  • Custom styling through Descope's flow editor to match your brand

The embed method also supports Descope's Auth Hosting App, which provides a fully hosted authentication experience on your custom domain. Link to these hosted pages from Webflow buttons while maintaining consistent branding.

Build with Webflow and Descope APIs

Integrating Webflow and Descope with APIs integration enables enterprise authentication features and server-side security.

This approach combines the Webflow CMS with Descope's identity management platform, enabling protected content delivery, user synchronization, and advanced authorization patterns.

Core capabilities include:

Implement secure content gating

Protect premium content or member areas by verifying Descope tokens server-side before serving restricted resources:

  1. Deploy a serverless function on Cloudflare Workers or Netlify Functions to act as a gatekeeper
  2. Verify JWT tokens using Descope's JWKS endpoint at https://api.descope.com/__ProjectID__/.well-known/jwks.json
  3. Check user roles extracted from the token against required permissions
  4. Serve protected content only after successful verification, returning 403 for unauthorized requests

This pattern prevents client-side bypassing while maintaining the Webflow visual editing experience for public pages.

Sync user profiles with Webflow CMS

Automatically maintain user directories or member profiles in Webflow collections:

  1. Configure webhooks in Descope for events like user.created and role.assigned
  2. Process events in your serverless function, mapping Descope user attributes to Webflow CMS fields 
  3. Update collections using Webflow's Data API to create or modify member items
  4. Publish changes to make profile updates instantly visible on your site

The TOTP endpoints enable adding time-based one-time password authentication, which can be implemented as part of multi-factor authentication flows for high-value actions.  The User Management API allows custom admin interfaces.

Enable enterprise SSO

Connect corporate identity providers for B2B customers:

  1. Configure SAML/OIDC connections in Descope for each enterprise tenant
  2. Implement a discovery flow that routes users to their company's SSO based on email domain
  3. Process authentication through Descope's authorization endpoint with proper redirect handling
  4. Map SSO attributes to Webflow CMS fields for personalized experiences

The SCIM provisioning endpoints automate user lifecycle management when integrated with enterprise identity providers.

Frequently asked questions

  • Yes, but true security requires server-side verification. Use Descope's role-based access control (RBAC) by checking user roles in a serverless function before serving protected content. The authorization management API provides endpoints for defining and querying fine-grained permissions.

  • Descope operates independently of Webflow's membership system but can complement it. Use Descope for authentication and authorization while Webflow handles content structure. Sync user states between systems using webhooks and Webflow's API for unified member management.

  • Configure magic links or passkeys in Descope's flow editor, then embed the flow in your Webflow site. Descope handles email delivery and verification automatically. The TOTP API documentation explains how to add time-based one-time passwords for users preferring authenticator apps.

  • Yes, add authentication check code to your site's footer that redirects unauthenticated users to the login page. Use JWT token validation to verify user sessions before allowing access to protected content.

  • Configure Descope webhooks for user events like creation and role changes. Use a serverless function to receive these events and update Webflow CMS collections via the Data API. Map Descope user attributes to CMS fields for automatic profile synchronization.

Descope
Descope
Joined in

Description

Descope is a no-code customer identity and access management (CIAM) platform that enables drag-and-drop authentication flows. It provides passwordless methods (magic links, passkeys), social login, multi-factor authentication, single sign-on, and role-based access control for web applications.

Install app

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


Other Memberships and user login integrations

Other Memberships and user login integrations

Pico

Pico

Pico is the most customizable way to sell content and experiences. Convert traffic into leads with pre-built forms, landing pages, and popups. Sell premium content and newsletters with article paywalls, content gating, memberships, and more.

Memberships and user login
Learn more
Outseta

Outseta

Turn your Webflow website into a subscription or membership business. Great for SaaS. Try free!

Memberships and user login
Learn more
Memberful

Memberful

Connect Memberful with Webflow to create sophisticated membership sites: gate content, manage recurring payments, and deliver exclusive digital products — all while preserving your brand identity without writing complex code.

Memberships and user login
Learn more
MemberStack

MemberStack

Transform your Webflow site into a powerful membership platform with Memberstack's no-code authentication, payment processing, and content gating. Build everything from online courses to SaaS applications without sacrificing design control or writing complex backend code.

Memberships and user login
Learn more
MemberSpace

MemberSpace

Membership software anyone can use. Turn your Webflow site into a membership business today!

Memberships and user login
Learn more
Magic

Magic

Passwords are the bane of app security. With a few lines of code and no bloat, Magic lets you build apps with blazing-fast, customizable, passwordless login - with future-proof crypto and identity tech under the hood.

Memberships and user login
Learn more
Firebase Authentication

Firebase Authentication

Use Firebase Authentication to set up user authentication with your Webflow site.

Memberships and user login
Learn more
Cotter (Stytch)

Cotter (Stytch)

Authenticate your users and get them to a target page that you want using magic links. (Acquired by Stytch)

Memberships and user login
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.

Get started — it’s free