How to: Add Airtrain for High Intent TY Pages
High Intent Based TYP Charter
View the training screen recording here
What are “High Intent TY pages”
If a user fills out the request information lead form and indicates that they want to start the program within 6 months, they are considered “High Intent Users”. Once they submit the form, they reach a TY page in which we add the Airtrain form to (rather than just a “Start Application” button) as they are more likely to apply the same day they request information (“same day starts”). The Airtrain form automatically populates with their name & email, which is pulled from the info they input on the Request Information form.
Using the Query Parameter Block
Query parameters are a defined set of parameters attached to the end of a url. They are extensions of the URL that are used to help define specific content or actions based on the data being passed. To append query params to the end of a URL, a ‘? ‘ is added followed immediately by a query parameter.
For adding Airtrain to these pages, the query parameter will be: ?at=true
Follow the steps below to add Airtrain to the page and create the query parameter!
Secondary resource:
Big Bite’s block documentation: https://onlinemba.vip-uat.twoyou.co/the-theme/blocks-2/query-parameter-block/
There’s 2 different scenarios for these Thank You pages due to the design layouts.
Scenario 1: The design is simple & the Airtrain form can be added without stretching images or impacting the layout.
Scenario 2: The design is a little more complicated and replacing the button with the Airtrain form would stretch an image on the page or impact the design layout.
- Open the current Thank You page and add the “Query Parameter” block to the page above the application button group button.
- Scenario 1: Copy the application button and paste it into the content of the “Default” query parameter content block.
Scenario 2: Place the entire section of the page that holds the button into the “Default” version’s content of the “Query Parameter Content”. - Click on the + button at the bottom right of the Query Parameter Block in order to add Query Parameter Content/second version.
- Make sure you’re on the “Query Parameter Content” block. Label the version as “high intent – airtrain”
- Scenario 1: Then add the “Form” Block to the Query Parameter Content new version of the query parameter content. Select “Air Train” from the “Template to Use” dropdown. Fill out the fields using the “AirTrain form details:” from the ticket.
Note: Do not include a trailing slash on the URL for “Apply Domain for Auth”
Scenario 2: Place the entire section of the page that holds the Airtrain form into the content of the “Query Parameter Content”.
Note: Please note this example uses negative margin on the section block to make the Airtrain form overlap the image.
See here: https://ec-msl.vip-uat.twoyou.co/requestinfo/thank-you-msl/?at=true - Navigate to the “Parameters” section of the Query Parameter block. Click on “Add Parameter.”
- To set up the query parameter, add “at” to the Key input & add “true” to the Value input. The “Active” toggle should be on by default, but ensure that it is.
Copy the URL with parameters at the bottom - Publish the page and send for review in the ticket with both URLs.
The normal URL will show the original/default version that the page originally looked like: https://unc-mpa.vip-uat.twoyou.co/requestinfo/thank-you-mpa/
The query parameter URL will show the version with Airtrain: https://unc-mpa.vip-uat.twoyou.co/requestinfo/thank-you-mpa/?at=true
Lastly, in order for users to navigate to the TY page with the Airtrain form, we will add it to the Taxi form using the Thank You Page Routing feature. Copy the new query parameter URL and follow these instructions below:
How to: Taxi thank you page routing
For High Intent TY page Routing
- On the duplicated form, locate the question – “When are you considering starting your program?”
- Check off “Make this a thank you page routing question”.
Add the TY page URL with the Query Parameter attached. This will serve the user the TY page version with Airtrain on it.
Ex: https://unc-mpa.vip-uat.twoyou.co/requestinfo/thank-you-mpa/?at=true - Save the taxi form and generate a preview link for QA.
- Once approved by CRO, publish the form.