The solution
The first thing we needed to establish was the location we were sending users to in order to redeem a Flexi-Ticket. Because ZSL has two websites - one for London Zoo and one for Whipsnade Zoo - we set up two separate Action Links subdomains and added the respective zoo logos, colour and font styles to each. This meant we had two distinct environments for users depending on which zoo they were visiting.
We then mapped each micro-step in the user journey, knowing the complexity required an easy to follow UI to guide the user through the required series of actions: identify the user, enter a Flexi Ticket ID, select a date and time, and confirm the booking. Rather than splitting this across multiple screens, ZSL wanted everything on a single page so the user could view their choices at all points in the flow. We designed a four-step layout using conditional logic in Action Links, revealing each step progressively as the user moves through the journey.
Step 1:
The user begins by logging in to their TNEW customer account, or creating one (we only ask them to provide their address, phone number and opt in to contact permissions). Rather than redirecting the user to the native TNEW Login page for this, login is handled directly between Action Links and the Tessitura API to check for a matching constituent (if none can be found, Action Links creates one). The user is now logged in and a cart session has been initiated ready for the subsequent steps.