Save Data & Progress

Save form data & progress — locally.

Setup

Attribute: sf-save-progress = true

Where: Form Container

Description: Enables offline storage for the form, allowing users to save their progress locally and continue later, even after closing the page or browser.

HTML Example

index.html

<!-- Form Container with Save Data & Progress Settings -->
<div sf="myForm" sf-save-progress="true">
    <form>
        <!-- Step 1 -->
        <!-- Step 2 -->
        <!-- ..rest -->
    </form>
</div>

Webflow Example

VIDEO: Selecting the Form Container element, adding the sf-save-progress = true

Access Data Locally

Data is saved to a local storage key, sf-data, and can be restored automatically upon returning to the form, providing a seamless user experience (see Javascript SDK).