How to Install and Set Up the Offline Forms Addon

Would you like your site’s forms to be available offline? This can be especially useful if your site’s visitors lose internet service while filling out a form. With our Offline Forms addon, offline submissions will be saved so visitors can submit their entry as soon as their internet connection is restored.

In this tutorial, we’ll go over how to get our Offline Forms addon up and running for WPForms.

Requirements: You will need a Pro license level or higher to use the Offline Forms addon.


Enabling Offline Mode for a Form

Before we get started, be sure you’ve created a form and installed and activated the Offline Forms addon.

To set up offline mode for a form, you’ll need to open the form builder and go to Settings > General. There, you can select the option labeled Enable offline mode for the form.

Enable Offline Mode in WPForms

Once you’ve enabled offline mode, be sure to save your form. No extra settings are required, and your form is now ready for offline submissions.

Submitting an Offline Form

Now that you’ve turned on offline mode for your form, let’s see how this will look in an embedded form.

When connected to the internet, visitors won’t see any difference to your forms. However, if a visitor is filling out your form and loses their internet connection, they’ll see a notice at the top of the form:

Offline mode message in WPForms: You appear to be offline right now. Your data will be saved in your browser, even if you close this page or browser. To complete your submission, you'll need to return here once your internet connection is restored.

Note: As noted in the message, the visitor must return to the page with the embedded form when the internet connection is restored. This will give them the option to complete the submission.

When the user submits the form in offline mode, the form submission will be saved in the browser. Upon form submission, the user will receive the following notice:

We saved your information from your previous attempt to complete this form. You can restore your saved data when your internet connection is active. class=

Once the visitor’s internet is reconnected and they return to this page, they’ll be asked if they’d like to go ahead and restore their form entry for submission:

We've saved your information from your previous attempt to complete this form. You can restore your saved data when your internet connection is active.

If Restore is selected, the form fields will be re-filled with the contents the visitor tried to submit earlier.

Entry contents is restored by Offline Mode

Now that the internet connection and entry contents are restored, the form can be submitted normally. After the form is submitted, you’ll be able to view the entry in the Entries page for your form.

Offline entry stored in entries page

Offline mode will even work if multiple entries are submitted in the same form. For multiple offline submissions, the visitor will have the option to restore each entry’s contents and submit one by one.

That’s it! You’re now able to set up offline mode in your forms and collect entries even when visitors lose their internet connection.

Would you also like to find out more about who’s filling out your forms? Check out our tutorial on our Geolocation addon to learn how you can easily start collecting more information about your users.