Developer › Tutorials for Web Developers & Designers › Forms

Auto-Logout and Redirect After Submission

Useful for in-store forms where a PC terminal or iPad is shared for electronic data capture. Users are not kept logged in, and they are redirected back to the form for subsequent submissions.

Possible applications are:

In-store electronic feedback form at point of sale.
Electronic competition form on an iPad at a trade show.
Electronic form to join a birthday club.
Any other type of registration form.

The Form

Create a new page for the form. You will likely want to create this at a location like /forms/competition/ or /forms/feedback/. Set the pages to be "Hidden in Navigation" and "Hidden in Sitemap", so that it isn't found easily by website visitors.

Editing the <ss:forms:form> tag, set the following attributes:

id="feedback_form"
Set a unique ID to identify this form from others.

contactmode="store"
To register the user into the database.

recordsubmissions="true"
To record a copy of the submission under Website > Pages > Forms.

onsubmitredirect="/forms/feedback/success/"
To redirect the user to the success page.

Example:

<ss:forms:form id="feedback_form" contactmode="store" recordsubmissions="true" onsubmitredirect="/forms/feedback/success/">
	<ss:forms:row label="Full Name" description="Required">
		<ss:forms:editbox validations="mandatory" id="contact_first_name" width="90" />
		<ss:forms:editbox validations="mandatory" id="contact_last_name" width="110" />
	</ss:forms:row>
	<ss:forms:row label="E-mail Address" description="Required">
		<ss:forms:editbox transformations="tolower" validations="mandatory,email" id="contact_email" width="180" />
	</ss:forms:row>
	<ss:forms:row label="Date of Birth" description="Format: DD / MM / YYYY">
		<ss:forms:editbox id="contact_dob_d" width="20" />
		/
		<ss:forms:editbox id="contact_dob_m" width="20" />
		/
		<ss:forms:editbox id="contact_dob_y" width="40" />
	</ss:forms:row>
	<ss:forms:row label="Phone Number">
		<ss:forms:editbox id="contact_phone" />
	</ss:forms:row>
	<ss:forms:row label="Your Feedback Please" description="Help us improve by providing honest feedback">
		<ss:forms:textarea id="your_feedback" width="99%" height="150" />
	</ss:forms:row>
	<ss:forms:row align="center" type="one_column">
		<ss:forms:submitbutton value="Submit Feedback" />
	</ss:forms:row>
</ss:forms:form>

The Success Page

The success page must have the following:

In the "Page Source", redirect back to the form. You can update the timeout and redirect URL.

In the PHP "Server Code", auto-logout the user.

Other Optimisations

You may wish to consider using a different or mobile design to ensure the data entry form is minimalistic and mobile compatible.
Ensure their consent is obtained for marketing.
Ensure there is a link to your Privacy Policy and ensure their consent is obtained for marketing.
Consider capturing the users birthday if you are using automated marketing on users birthdays.
Consider using techniques to lock the browser or iPad down to your web pages.