Activity Button Set Ups
Last updated: February 17, 2021
This help page covers the functionality of activity buttons on FareHarbor sites.
Editing Default Activity Buttons
- By default, if no buttons are provided, one will be generated automatically.
- This pre-generated “Book Now” button will light-frame directly to the FareHarbor item ID associated with that activity.
- To change this default setting, or to add another button, navigate to the Button tab under the 0. Activity dropdown section.
- Click Add Button. If multiple buttons are added, they will all show on the activity page.
Customizing Default Activity Buttons
Lightframe – New Booking for a Specific Availability for This Activity
- The most important part of selecting this option is to fill out the FareHarbor Availability ID input field.
- You can easily find the availability ID by selecting a specific date within the calendar and grabbing the ID from the URL (I.E:/dashboard/items/89719/calendar/89719/availabilities/134255909/)
Lightframe – Single Item
- This is similar to the default Book Now button. You can select a specific activity from the dropdown menu, or input manual FareHarbor Item ID’s.
- Entering a FareHarbor Item ID will override the dropdown selection.
- If a client has multiple dashboards, fill in the FareHarbor Shortname Override field with the alternative shortname.
- The shortname set in Company Settings will be used by default.
Lightframe – Items Grid
- Input the items that can should booked in the Lightframe Item Grid or Calendar. All public items will be included by default. For multiple items, separate their IDs with commas: “1234,9873”
- Clients typically want the Lightframe Options- Show full item information instead of just showing calendars checked. This shows more details within the lightframe and is a better booking experience for the client.
Custom URL
- This is a good solution for creating call to book, email, or external website links.
- Please use wisely and make sure that Open this link in a new tab is selected.
- We can also use this field to mimic any other actions explained above for buttons.
- We can grab a custom link within the FareHarbor item dashboard under Book Buttons & Embeds.
- Here you can create a link with specific availabilities, flows, price sheets, and a link will be generated in the right sidebar. Copy this link for the Custom URL field for buttons. This is a good way of ensuring all elements of the link are properly formatted for the button.

Using a multi item Availability Calendar
- Calendar must be selected from the drop down. If there is a flow different than the default flow that comes built in with the FareHarbor dashboard, then you will not be able to use a multi item availability calendar.
- You can work around this by creating a custom flow in the companies FareHarbor Dashboard (Settings -> Booking Flows -> New Flow) or using an existing flow click on book button and embed. Tab over to calendar, scroll down to more options, and click on start on calendar and then link. Copy and paste this link into the custom link into the buttons tab.

Affiliate Buttons & Price Sheet
Affiliate Buttons & Price Sheets
ASN Partner Name
- The shortname of an affiliate to tag ASN bookings to.
- The company must be set up in our Affiliate Program (Contact CD department to double check)
- If we are building out an affiliate site, this is a requirement.
Price Sheets
- If an item or button requires a price sheet you can link the price sheet ID within the button field labeled FareHarbor Price Sheet ID. This will apply either new pricing, or hidden fields to the customer types.
- You can find the the price sheet ID in the dashboard for by going to settings -> price sheets-> then clicking on the one you want. The ID of that price sheet is the last part of the URL.

Custom Affiliate Image Buttons
We can generate image buttons for Companies on FareHarbor to use on websites.
- This is the site to generate the images for the buttons: http://www.csgnetwork.com/htmlcodetest.html
- Below is the code to use on that site:
- It calculates the capability of HTML code being tested for functional use. Cut and paste or type your HTML to be tested into the text box below.
- You switch out “company1,company2” with the shortnames for each company that you need a button for.
- You just use a regular book button link for the code but tag FareHarbor as the affiliate and add “INSERT SHORTNAME HERE” as the asn-ref
Special Use Cases
Linking Straight to the Calendar w/o the option to go to other items
- You need to add the item(s) ID in both the FareHarbor Item ID(s) and FareHarbor Item ID(s) field. This only works on the button block type, not on the custom buttons in the activity page.
- This will insure that the only item(s) you enter in both fields will show up in the lightframe for the calendar.

Linking to a Specific Flow
- If you need to lightframe to specific item or flow have the option to either use the flow ID with the item IDs in the respected fields after one of the options is selected from the drop down OR you can just link out to the whole flow itself using the custom URL option of the button.
Option 1

Option 2

Button Short Code
Great for when you can’t insert a button element but need one such as in sectioned content. See how to make one here.