Background

Integration

How to add AlleyTrak to your website.

Basic Option — Link Integration

The link integration will take users to an AlleyTrak hosted page where they would be able to make a reservation.

Simply add this link to any link or button you would like to use to send the user to make a reservation

Link: https://alleytrak.com/app/client/4695/

Advanced Option — On-Site Integration

The on-site integration allows for you to keep users on your website as they make a reservation.

Adding AlleyTrak Code

For the on-site integration to work you will need to add some AlleyTrak code. This code needs to be added before the closing tag.

AlleyTrak On-Site Integration Code

Click to view an example for your account.


Open AlleyTrak Fly-out

To open the AlleyTrak Flyout you will need to add a "trigger" element/link that will call the fly-out to open when clicked.

Href / Link Attribute

Adding a href value: https://alleytrak.com/app/client/4695/ will allow the element (when clicked) to trigger the AlleyTrak fly-out to appear.

Auto Open the AlleyTrak Fly-out

If you add the hash #Book-Now to any page URL where customers can book reservations, AlleyTrak will automatically open the flyout on page load.

Example: https://starlitelanes.com/#Book-Now

Example On-Site Integration

Link: https://starlitelanes.com/

Description: Clicking the "Online Reservations" link from the main menu to open the AlleyTrak fly-out.