Topspin’s Creative Services team has been running ticket campaigns for the last year and a half and are always looking to optimize the front end user experience. For the fan, both the way the offers are presented and ease of use of the page are critical. Each ticket offer page’s main component is the ticket grid. This design and implementation has been used for artists such as Daughtry, Digitalism, Linkin Park, Matisayhu, Nero, Umphrey’s McGee, and many others.
And now we’ve got an HTML + CSS page template of it for you! Download it here: http://awe.sm/5fBvn
How to use assets/js/offers.js:
- This file controls all your buy buttons
- Each line has a name space (ex: ticket001+1) that must correspond to the same, unique name in your HTML:
- <a href=”javascript:void(0);” onClick=”open_url(‘ticket001+1′); return false;” >
- Each line must contain your Topspin artist ID (aId)
- Each line must contain the relevant buy button’s campaign ID (cId)
- Any other edits made to this file other than the following, and it will not work:
- name space
- aId
- cId
Do you have great examples of the ticketing grid in use? Post your links in the comments!
Artists using ticketing grid: Daughtry, Digitalism, Linkin Park, Matisayhu, Nero, Umphrey’s McGee plus many more!
Get Topspin: http://topspinmedia.com/signup








