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.
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:
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:
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:
If Restore is selected, the form fields will be re-filled with the contents the visitor tried to submit earlier.
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 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.