Superform by Delta Clan
✨ ClonablesSocialResourcesSuperform Home
v2
v2
  • 🏁Getting Started
    • Introduction
    • Quick Start
  • 🫀Essentials
    • Form Container
    • Step Container
    • Navigation - Overview
      • Direct
      • Logic / Conditional
      • Hook
    • Variables
      • Form Data ($f)
      • Step Index ($s)
      • Progress Percentage ($p)
      • Scoring Variables ($v)
    • Progress Bar
    • Reset
    • Radio Groups
    • Checkbox Groups
    • Cheatsheet
  • ⚙️Global Options
    • Step Delay Controls
    • Animations
      • Step Animation
      • Step Animation Duration
      • Step Animation Ease
    • Save Data & Progress
    • Pre-fill Form
    • Prevent Content Flash
    • Debug
    • Third-party Integrations
    • Cheatsheet
  • 🎛️Input Validation & Errors
    • Validation
      • length()
      • words()
      • minmax()
      • checkbox()
      • must()
      • hook()
    • Error Management
      • Automatic Error Setup
      • Manual Error Setup
  • ⚡Reactivity
    • Update Text
    • Visibility
    • Class Toggle
    • Value
    • Set Attribute
  • 🔢Score Tracking
    • Score Setup & Calculation
    • Score Ranking
  • ⌨️Accessibility
    • Enter & Backspace Bindings (↩, ⌫)
    • Checkbox & Radio Bindings
  • 🛠️Javascript SDK
    • Intro to Superform API
    • Superform Instance
    • Cheatsheet
  • 📖Additional Resources
    • WTF is an expression ? 🆕
    • Integrations
    • Tutorials
    • Changelog
    • FAQ 🚧
    • Join Discord
Powered by GitBook
On this page

Was this helpful?

  1. Global Options

Third-party Integrations

Submit forms and passwords everywhere.

Introduced in v2.1.9.

Allows seamless integration with third-party services, bypassing Webflow’s default form submission handling (eg: submit passwords to MemberStack)

  • Memberstack

  • Outseta

  • HubSpot

  • All others..

Setup

Attribute: sf-override-webflow = true

Where: Form Container

How It Works

Superform intelligently detects if a form is loaded inside a Webflow page and handles the submission to Webflow's API. However, when integrating with third-party services that require control over the form submission, this attribute instructs Superform to bypass Webflow’s submission and allow the third-party service to handle it instead.

Important Note

Since Webflow controls success messages, using this override attribute means the success message functionality will not work. Ensure your third-party service handles the success message display appropriately.

HTML Example

index.html
<!-- Form Container with Webflow Override -->
<form sf="myForm" sf-override-webflow="true">
    <!-- Step 1 -->
    <div sf-step="step1">
        <label for="email">Email:</label>
        <input type="email" name="email" id="email" required>
        <label for="password">Password:</label>
        <input type="password" name"password" id="password" sf-        validation="must(1,1,1,1) required>
        <button type="submit">Submit</button>
    </div>
</form>

Webflow Example

Last updated 10 months ago

Was this helpful?

⚙️