In the default stylePages.css, the buttons within the online sales will appear red when using an Internet Explorer browser. For some clients, this works with their default pages. Others would prefer not to have the buttons appear in red. Please see the steps below on how to alter the buttons.

1. On the Apache machine navigate to the /WebPagesXX/tmGifs folder.
2. Open the styleButtons.css page using an html editing tool.
3. Locate the following line:

   filter:progid:DXiMageTransform.microsoft.Gradient(GradientType=0,StartColorStr='#ff800000',EndColorStr='#ff333333');

4. Add a /* before the line.
5. Add a */ after the line but before the } symbol.
6. Repeat the above two steps for all four filter lines within the styleButtons.css file.
7. Save the changes.
8. Clear the cache on the web listener to reflect the change.

GitHub Desktop is one of many third party tools that can be used for accessing web pages hosted on the Artsman Cloud in a git repository. Git is a distributed version-control system. It's great at tracking who made changes to what and when.

To setup access to your specific company web pages via Git, email support@artsman.com with the full name of the employee who will be allowed to make changes to your pages, and their company email address. For security and tracking purposes, only employee specific email addresses are accepted, like "johnsmith@example.com".

To use GitHub Desktop simply download and install the program. Clone the git repository pages to your computer for editing locally. After edits are made Commit and Push to the master branch of the repository directly through GitHub Desktop.

Only previously customized web pages will appear in the Artsman Cloud git repository for your organization. If the page you wish to edit does not appear on your local machine it may not have previously been edited. You'll need to download the default responsive pages and move that desired page to the corresponding folder on your local machine before making edits. Your repository should only contain customized web pages. Remember to download the latest responsive pages each time before you begin making edits.

Inital Setup

• Copy the Repository URL
• Clone the repository to local machine

Using GitHub Desktop

• Pulling recent changes
• Committing Changes
• Pushing Changes

• use the bootstrap live customizer page,
• download the customized theme/CSS files, -and-
• how to implement the changes.

Choose a Starting Theme

1. Open the Bootstrap Live Customizer web site.
2. In the top right corner, click Select predefined theme.
3. Select a predefined theme and click Load
4. Click the Close button in the lower right hand corner of the popup window to confirm the theme.

Customize the Theme

1. Click Colors in the right column.
2. Enter the RBG or HEX value color for each of the default Brands.
3. In the body of the page Hover over a Button/Tables/Forms/Alerts/etc. and click the related variables button pop up to the right side of the window.
4. Update the colors for the related variables in the fields on the right of the page.

Download Customizations

1. Click Download at the top right of the page.
2. Select bootstrap.min.css.
3. The bootstrap.min.css file will download to the designated browser downloads folder.

The Download button can also be used to save the variables.less file, which can be used in the future to further change the theme in the Bootstrap Live Customizer

Placing the Customized Theme

1. Create a new folder at /WebPagesEN/tmScripts/theme
2. Create a new folder at /WebPagesEN/tmScripts/theme/css
3. Copy the fonts folder at /WebPagesEN/tmVendor/bootstrap-3.4.1/fonts in the default web page templates to /WebPagesEN/tmScripts/theme/fonts in your customized web page templates
4. Place the theme.min.css in the /WebPagesEN/tmScripts/theme/css folder on the Web Listener computer.
5. Place the variables.less in the /WebPagesEN/tmScripts/theme/css folder on the Web Listener computer. (To save for future customization changes)
6. Update the /WebPagesEN/tmScripts/themeLocal.html and /WebPagesEN/tmScripts/themeCDN.html pages:
   • Comment out the current style reference and
   • add the following link to the bottom of the page to use your personalized style sheets:

     <link href="tmScripts/theme/css/theme.min.css" rel="stylesheet" />

7. After putting the new theme in place, clear the web listener cache and your web pages should display the new design.

If your web pages are hosted on Artsman Cloud and you do not have access to the git repository, please send the customized bootstrap.min.css and variables.less file to support and we'll put the customized theme in place for you.

This page is under construction.

There are three options available for ticket handling in online sales.

• A patron can request their tickets to be mailed,
• Tickets can be printed at home, or
• Tickets can be held for will call.

The options available to the patron depend on the organization's policies. To set these options go to Setup >> Company Preferences and select the Web Options tab.

Mail To Patron

The Mail to Patron option, when checked, displays a button in the TMcart.html, TMcheckoutNoPayment.html and TMcheckout.html pages. When a patron clicks the button, the Order Ticket Mailed Status changes to 'Patron Wants Tickets Mailed.' This criteria can be used to batch print the tickets at the box office.

When the 'Mail to Patron' button is checked, a Mail Fee from the Fee Tables must be selected. The fee does not have to have a dollar value associated with it but is mandatory for the setup.

If the box is not checked, the button providing the option to have tickets mailed will not be visible. Removing the check from this box does not mean the default text on the checkout page regarding mailing options changes. The TMcheckout.html page may need to be altered to exclude the mailing details if an organization does not mail tickets.

If a patron selects mailing of tickets BUT there is a sales promotion that requires a coupon in the shopping cart, the mail tickets to patron setting is ignored and replaced by HOLD @ WILLCALL FOR COUPON. This can be changed in the sales promotion edits tab

Print At Home

When the 'Print At Home' option is checked the patron can choose to check a box in the online sales process indicating they wish to print thier own tickets. This provides the option for the organization to allow patrons to print bar codes for some events and not others.

Checking the 'Print At Home' option will allow a bar code to be printed for performances where 'Print at home' is enabled at the Event or Performance level. This feature allows for later scanning when the patron arrives at the venue. There are two choices for bar code format:

• Standard 3 of 9 linear bar code format - this will print a picket fence bar code and is only suggested if you are using the Motorola MC55 scanners which do not understand any other bar code format.
• QR Codes (2D bar code format) - this is the preferred option and recommended in all other cases for additional security.. The Lineapro bar code scanners can read this format easily.

If a patron chooses to print their tickets at home, the Ticket Printed field is updated with the date and time of the completed cart. The tickets are marked as printed in Theatre Manager. When a batch print of unprinted tickets is performed, the tickets printed at home will not be included.

Hold For Will Call

If the options to mail tickets or print them at home are not enabled the default option is to 'Hold for Will Call.' This insinuates the patron will be picking up their own tickets. By default, if the 'Mail to Patron' and 'Print at Home' options are enabled but the patron does not choose either, the Order Status is set to 'Hold for Will Call.' 'Hold for Will Call' simply means there are no special handling rules for the tickets.

When the 'Hold for Will Call' box is checked, it allows the patron to choose not to print thier tickets or have them mailed. In some cases an organization may insist the patron' tickets not be held at will call. Unchecking the box forces the patron to choose between printing their tickets or having them mailed. This often happens when there will not be staff to manage ticket pick-ups at the venue prior to the performance.

Logical Order of the Checkboxes

There is a hierarchy to how the Permitted E-Ticket Delivery Options work. When the options listed are checked, they also become available for the Event and for the Performance.

• Condition #1: If a Delivery Option is to be available online, it needs to be checked in the Web Options tab of Setup >> Company Preferences. The option can be made available for select events or performances (see below). However, if the option is not enabled in Company Preferences it will not be accessible within the desired Events.
• Condition #2: The default Delivery Option needs to be set in the Event tab of an Event Setup.
• Condition #3: If the condition for a select Performance should differ from the Event default, it can be altered. Select the Performance tab within the Event Setup and double click on the Performance. Choose the Ticket Printing tab and indicate the default for the selected Performance.

To turn on the print at home option for a selected event or performance, you complete the following steps:

1. Turn on "Print at Home Tickets" in Company Preferences >> Web Options.

   

   Click here for more information on the Web Options tab.

2. Open the Event you want to allow patrons to print their own tickets to.

   

   Click here for more information on finding events.

3. Enable Tickets can be printed at home (Patron Choice) for the event.
Click the Save button.



The confirmation dialog telling you "Turning on the print at home feature will update the ticket print options amd set this to be the same for all performances if you save the record. You can then individually edit a performance to customize settings if you wish.

4. Click the Turn On button.

   Tickets for the Event and all of the performances can now be printed at home.

To turn OFF Print at Home for selected performances, you complete the following steps:



5. Open the correct performance in the Performances tab of the Event Window and select the Ticket Printing tab.

   

6. Choose Tickets Cannot be printed at home (patron must select mail or will-call) for the performances you do not want patrons to print at home.

There are many naming conventions for adding a merchandise button to the online ticketing site. Some organizations add a Shop button, others a Merchandise button and others a Rental button. The name of the button depends on the use of the resource module in Theatre Manager and the content to be accessed. The icon for the button may also vary depending on the buttons use. Options for the icon can be found on the Font Awesome website. We encourage you to use the naming convention and icon that work best for your organization.

Adding the Code

1. Open the tmnavButton.html page

   The page tmnavButton.html is located in the WebPagesEN/TMtemplates folder.

2. Add the following HTML to the page:

   <li>  
      <a href="<field>F_HTML_FIREWALL</field>login?merchandise=0"> 
      <i class="fa fa-shopping-cart"> 
      </i> 
         Merchandise
      </a> 
   </li> 
   

The recommended location would be after the Tickets, Gift Certificates and Donation buttons and before the Subscription button.

• "Add $10 to support our Theatre School!"
• "Give $50 to our Annual Fund Drive!"
• "Support Music in our community! Add $25 to your order"

Or any other needs your Marketing and Development Department can identify.

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

Note: There is a difference between: Donate a specific amount of $x.xx - which is described below -AND- Round up to nearest $x.xx which looks at the current cart value and suggests small donation amounts to bring the total cart value up to a pleasant looking value.

Adding the coding to the web page.

1. Select the web page you wish to add the button to.
   The most commonly used page is rowCartDonationSuggestion.html.

   OPTIONAL- An include directive can be added to any of these pages:

   • The Home Page (tmHome.html)
   • The Login page (tmLogin.html)
   • The Shopping Cart (tmCart.html), which is pictured below.


2. Replace the existing contents with the following HTML to the page:

    

   <field>pick(F_DONATION_ALLOWED,'<!-- comment: based on setting in company preferences to show suggested donation','')</field>
      <!--#include virtual="TMtemplates/tmMessageDismiss.html" -->
      <div class="container" align="center">
        <form action="<field>F_HTML_FIREWALL</field>online" METHOD=POST>
          <input class="btn btn-success" name="btnDonationAccept"type="submit" value="ADD $10 TO SUPPORT OUR THEATRE SCHOOL DEVELOPMENT"/>
          <input id="DD_DC_SEQ" name="DD_DC_SEQ" type="hidden" value="41"/>
          <input id="DD_AMOUNT_PLEDGE" name="DD_AMOUNT_PLEDGE" type="hidden" value="10"/>
        </form>
      </div>
   <field>pick(F_DONATION_ALLOWED,'-->','')</field>

 

3. Ensure that:
   • The HTML is outside ALL OTHER FORMS on the page you add it to.
   • You change the ’10’ to the suggested amount’.
   • You change the ’41’ to the proper campaign sequence number from within Theatre Manager.
   • You change the ‘add $10 to support….’ to reflect the text you wish to use on the button.
   • You include any mandatory donation fields by using including DD_FLDx_FC_SEQ references.

There are fields in the Notes tab of a Donation that can be added to the tmDonationHiddenFields.html so they appear on the TMdonation.html page in order to collect more details about the donation. The example below accesses the Donor#4 field. This is a text field. The patron can type information into the field within the online sales and the details will populate in the Donor#4 field in Theatre Manager once the Order is complete.

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

Adding the coding to the web page.

1. Select the web page you wish to add the field to.
   The most commonly used page is tmDonationHiddenFields.html.


2. Add the following HTML to the page:

    

   <div class="form-group">
   <label for="DD_FLD4"> In Memory of...
   </label>
   <input class="form-control" id="DD_FLD4" maxlength="100" name="DD_FLD4" type="text" value="<field>DD_FLD4</field>"/>
   </div>

 

3. Test:
   • The field appears in the correct location within the web page.
   • The text populates into the correct field in Theatre Manager when a Donation is added online.

This web page provides instructions for:

• Changing the default pageHeader or ticketAd for all print at home tickets
• Creating a custom pageHeader or ticketAd for all performances of a single EVENT
• Creating a custom pageHeader or ticketAd for a single PERFORMANCE

Changing the default footer and/or header for ALL print at home tickets

The easiest way to update the header and/or footer for a print at home ticket is to create new files and place them into the WebPagesEN >> tmGifs folder.

• pageHeader.gif - is the name of the page header file. In the example above, it is 75 pixels high and 700 pixels wide.
• ticketAd.png - is the name of the Ad at the bottom of the page. The sample image is 200 pixels high and 700 pixels wide.

In general, the width of each of the images should remain around 700 pixels. The height of the images can vary as long a the total height of both images causes the print at home ticket to remain on one page. You could, for example, make the top image 50 pixels high and use the remaining pixels in the lower area.

The sample pages were crated with conservative heights. You could probably get away with a total of 400 pixels or more in height between the header and footer.

Changing the footer and/or header for a SPECIFIC EVENT

If you want to change the header or footer for a single event, you can create a web page that over-rides the header and/or footer. This allows you to have:

• specific sponsors or instructions in the 'ticketAd.png' for an event or
• a different header for your mainstage, or classes, or inventory or streaming events if you wish.

As an example, let say you want to change the header (and/or) footer for only event 109 (See No Evil).

Changing the footer and/or header for a SPECIFIC PERFORMANCE

If you want to change the header or footer for a single performance within the event, you can create a web page that overrides the header and/or footer. This allows you to have:

• specific sponsors or instructions in the 'ticketAd.png' for the performance or
• a different header for a performance such as the final performance of a class, or for a touring or streaming performance

	Print at home tickets must be enabled in company preferences and for specific events before a patron can print them.
	In the instructions below, the names of images and files are case sensitive. Please make sure they match exactly.

The lines below are an example of how to create a button that will apply a specific Coupon Code to the online cart. This button can be added to any page within the online sales. It would most commonly appear on the TMtickets.html page or the TMcart.html page.

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

Adding the coding to the web page.

1. Select the web page you wish to add the field to.
   The most commonly used page is TMtickets.html.


2. Add the following HTML to the page:

    

   <form action="<field>F_HTML_FIREWALL</field>online" METHOD=POST>
   <input class="btn btn-success" name="btnCouponAccept" onclick="process()" type="submit" value="Click To Receive Our Special Promotion"/>
   <input type="hidden" id="CH_CODE" name="CH_CODE" value="1234">
   <input name='param' type='hidden' value ='altbtn=btnGetEventList'>
   </form>

 

3. Ensure that:
   • You uncomment the div statement.
   • You change the ’1234’ to the proper coupon code value from within Theatre Manager.
   • You change the ‘Click To Receive Our Special Promotion’ to reflect the text you wish to use on the button.

The Event Buy options can be edited and displayed in two different ways. The two options for the 'Buy' button when purchasing Events online are detailed below. We have the conventional 'Buy/Reserve' option;

There is also the option to change that display to show both the Date and Time within the Buy Button itself, option example below.

Adding the Code

Options for editing the Buy button can be found by accessing and editing the rowTicketEventName.html.

If you want to have a 'calendar' like date on the right of the list of Events, then uncomment rowTicketEventCalendarButton.html, and comment rowTicketEventCalendarDate.html.

 



 

You will need to edit tmScripts/styleCal.html

and either uncomment/comment the include for the customCal.css to match what you did above.

The lines below are an example of a button that will add a specific member type to the cart with a fixed value and quantity. This button can be added to any page within the online sales. It would most commonly appear on the TMpass.html page or the TMcart.html page.

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

Adding the coding to the web page.

1. Select the web page you wish to add the field to.
   The most commonly used page is TMpass.html.


2. Add the following HTML to the page:

    

   <div align="right">
   <form action="<field>F_HTML_FIREWALL</field>online" method="POST" role="form">
   <input name="MT_SEQ" type="hidden" value="23"/>
   <input name="PS_QUANTITY" type="hidden" value="1"/>
   <input class="btn btn-success" name="btnReservePass" onclick="process()" type="submit" value="Purchase/Renew a Voting Membership for $150"/>
   </form>
   </div>

 

3. Ensure that:
   • The HTML is outside ALL OTHER FORMS on the page you add it to.
   • You change the '23' to the proper member type sequence number from within Theatre Manager.
   • You change the 'Purchase/Renew a Voting Membership for $150' to reflect the text you wish to use on the button.

The html code below will provide a single option for pricing rather the the price code drop down list that is currently a part of the online sale pages. This text most commonly would effect the TMticketsPrice_MapDefault.html and TMsubscriptionPriceMapDefault.html pages.

<input name=SC_DESCRIPTION type=hidden value="<field>F_HTML_PROMOTIONS_LIST.1.SC_SEQ</field>>
<field>F_HTML_PROMOTIONS_LIST.1.PC_SEQ</field>
<field>F_HTML_PROMOTIONS_LIST.1.SCD_ORIGINAL_SC_SEQ</field>
<field>F_HTML_PROMOTIONS_LIST.1.SCD_ORIGINAL_PRICE_CODE</field>
<field>F_HTML_PROMOTIONS_LIST.1.SCD_SAVINGS</field>
<field>F_HTML_SELECTED</field>
<field>pick(D_WEB_SHOW_PROMOTION,'',con(F_HTML_PROMOTIONS_LIST.1.SC_DESCRIPTION,' '))</field>
<field>pick(D_WEB_SHOW_PRICE_CODE,'',con(F_HTML_PROMOTIONS_LIST.1.PC_DESCRIPTION,' '))</field><field>F_HTML_PROMOTIONS_LIST.1.PS_TOTAL_COST</field>

When setting up an event, that is not a Course or Reserved seating performance, the General Admission (Festival Seating) Sales Method is used. This allows for flexibility in capacity. It is commonly used for Live Stream or Pre Recorded videos. This poses a challenge when purchasing online as the default web pages display arrival notes that do not apply to Live events.

Hiding these notes requires created a customized web page referencing the Map Sequence number from Theatre Manager and the Sales Method. Below are the steps for removing the box containing the text from the page. Alternatively, a custom page containing notes specific to the streaming event could be created and added in place of the existing general admission arrival notes.

The steps below assume a basic understand of HTML and web page editing. Please contact your web designer should you need assistance with completing web page edits.

Finding The Map Sequence Number

1. Open the Venue List window in Theatre Manager.

   Click here for steps on how to access the Venue List window.

2. Double-click on the Venue in the list to open it.

   

3. Double-click the map in the right column.

   

4. Take note of the Pricing Map number.

   

Create A Custom Web Page

The page containing the arrival notes is the TMticketsSection_MapDefaultf.html page located in the tmMaps folder. The " f " at the end of the page name indicates the Festival Seating page. This is the page that requires customization.

1. Download the latest default web pages.

   https://gitlab.artsman.com/_public/tmresponsivewebpages

2. Navigate to the /1/WebPagesEN/tmMaps folder.

   

3. Copy the TMticketsSection_MapDefaultf.html to the organizations /WebPagesEN/tmMaps folder.

   

4. Delete the word Default from the name of the page and replace it with the Pricing Map Number being extra careful not to remove the " f " at the end of the title.

   

Editing The Web Page

The final step is to edit the web page. The steps below outline how to remove the notes from the page.

1. Open the Custom Web Page from above using a tool like NotePad++ or BBEdit.

   

2. Scroll down to Line 53.

   

3. Comment out the include statement for the generalAdmissionArrivalNotes.html.

   

If you have any mandatory fields set for donations (such as "Why Patron Gave" or other field on the Notes tab), then your online donors will need to have this field filled in for them automatically. Otherwise, they will not be able to donate online as the database will require the field, and the patron has no way of entering it. To determine which fields may be mandatory, go to:

• Setup >> Company Preferences >> MANDATORY DATA tab

To correct this for online sales, you have two options:

Option 1: Editing the web page (recommended)

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

If you still wish those fields to be mandatory for the Box Office or Development Department, then you will need to make a slight adjustment to the tmDonationHiddenFields.html web page.

The process starts by obtaining a Sequence Value from Theatre Manager

1. Determine which field is set to be Mandatory.



2. In Theatre Manager, go to Setup>>System Tables>>Code Tables.
3. Look under the Donor #1, #2, #3 pop-up (or if the field has been renamed, look under its name).
4. Choose which value is going to be the default value.
In this example, we've chosen Internet Donation.
5. Obtain the Sequence number for that value
You may have to RIGHT click on a column header to show all the available columns, and select the Sequence number. In this example, the Sequence number is 982.

Now you will need to go edit the tmDonationHiddenFields.html web page, located in the TMtemplates folder.

1. Move a copy of the tmDonationHiddenFields.html web page into the TMtemplates folder.



2. Open the tmDonationHiddenFields.html page and locate the following:




This allows you to set a "default" value on these fields for web sales.


3. Make the desired edits
If the Sequence Number of the value you want to default to for Donation Field #1 = 982, then the line of code would look like this:

<!-- comment: the following 3 fields are the donor popup fields on the 'notes' tab.
If these fields have been made mandatory, then you will need to have a code table value
for those fields for internet accepted donations. Change the value of xxx, yyy, or zzz to
be the internal number of the appropriate popup. Also, uncomment the desired code below
<INPUT NAME="DD_FLD1_FC_SEQ" TYPE=hidden id="DD_FLD1_FC_SEQ" value="xxx">
<INPUT NAME="DD_FLD2_FC_SEQ" TYPE=hidden id="DD_FLD2_FC_SEQ" value="yyy">
-->
<INPUT NAME="DD_FLD3_FC_SEQ" TYPE=hidden id="DD_FLD3_FC_SEQ" value="982">


4. Save the edited page in the TMtemplates folder.

Option 2: A global change

You can make the field non-mandatory. This will make the field not required for both Web Sales and in the Box Office/Development Office. To make this global change:

1. Go to Setup >> Company Preferences >> MANDATORY DATA tab

You will see a section for "Mandatory Fields on Donor Window" as noted above.

2. Simply UNcheck the mandatory field options.

There are two groups of buttons:

1. Menu Navigation Buttons
2. Data Submit/Navigation Buttons

The menu Navigation buttons reside within the TMtemplates/tmnavButtons.html file, and are dynamically imported into each page via the <include> command. The command looks like:

<!--#include virtual="TMtemplates/tmnavButtons.html" -->

and creates buttons that look like:

Since buttons are subject to style changes, we are able to use the Bootstrap Style Sheets to make them fit whatever concept your site incorporates, such as:

These buttons default to the bootstrap stylesheets for the 'nav navbar-nav' class.and can be enhanced in the custom.css style sheet

Data Submit/Navigation Buttons

The other buttons in each page serve different purposes by sending data to the database. These buttons work exactly the same way as the menu buttons only they allow Theatre Manager to receive the data that has been entered into the page and then load a new page page based on that data. An example of this would be to click on the Buy Tickets button which will take the patron to the TMtickets.html page allowing you to select a performance to buy tickets for. The Data Submit buttons will look like the following (although the words may vary)

The Data Submit buttons default to the stylesheets for the 'btn' class and can be modified with 'btn-success', 'btn-warning', 'btn-info' and others such as 'btn-small'

Buttons Commands

This is a list of the button commands that Theatre Manager requires. They are entered as the name="xxx" portion of each input tag.

These commands cannot be altered.

• btnLogin
• btnLoginAccount
• btnLoginFromDetail


• btnHome
• btnHistoricalCart
• btnHistoricalCartDetail


• btnAccount
• btnAccountRequest
• btnAccountAdd
• btnAccountUpdate


• btnPassword
• btnPasswordCancel
• btnPasswordAccept
• btnPasswordRequest
• btnPasswordSend


• btnMailList
• btnMailListAdd
• btnMailListRemove


• btnTicket
• btnGetEventRange - Deprecated. use btnGetEventList instead. This button uses btnGetEventList anyway
• btnGetEventAll - Deprecated. use btnGetEventList instead. This button uses btnGetEventList anyway
• btnGetEventList
• btnSelectEvent
• btnBestAvailCancel
• btnBestAvail
• btnReserveCancel
• btnReserveTicket


• btnPass
• btnReservePass
• btnPassAmountCancel
• btnPassAmountAccept


• btnDonation
• btnDonationAccept


• btnCart
• btnCartRemoveItem
• btnMailFeeAdd


• btnCheckout
• btnCheckoutAccept


• btnLogout
• btnLogoutCancelOrder

When purchasing a ticket online a link can be added offering the patron an opportunity to see the view from their selected seats prior to adding tickets to their cart. This option requires some setup in order to work successfully online.

Once the setup is in place, the seat view button will become available. Clicking the button will open a new tab in the browser displaying the seat view image.

Adding the Seat View Image

1. Take a picture from each seat or from one seat that will represent multiple seats inside the venue.
2. On the Web Listener computer, create a tmSeatView folder inside the WebPagesEN/tmGifs folder to store the seat view images.
3. Place all the seat view images into the tmSeatView folder ensuring the naming convention for each image is clear.

Updating the Theatre Map

1. In Theatre Manager, open the Theatre Map.

   

   For details on how to access the Theatre Map window, click here.

2. Select the Seat Names tab.

   

   For more information on the Seat Names tab, click here.

3. Update the far right Seat View column next to each seat with the name of the seat view image placed in the tmSeatView folder above. The column should contain the full name of the seat view image including the extension. You can use the same image for a row or area of the venue if the seat view doesn't change that much. Examples:

   If you:

   • use your smart phone or digital camera to take a picture from the middle of row 'H' on the left of the theatre, that image could represent the view from all of row 'H' and perhaps even row 'J' and 'K'.
   • Retrieve that image from your camera and reduce its physical file size so that it is about 50 to 75K (at most - since most cameras take at least 4 megabit pictures, and sharply reducing the image size is important for web performance).
   • You might rename that file ViewFromRowHJK.jpg so that you know what it is at a glance
   • Place that picture into the tmSeatview folder described above
   • put the name of the file ViewFromRowHJK.jpg into the Seat View column for all the seats in rows 'H', 'J', and 'K'.
   • repeat for the next view from a seat picture you take of the venue
   You might find that a one or two dozen pictures might be enough to give the audience a good idea of the view from the seat. You can take this as far as you want -- one of our venues have built 360 degree seating views - but thats more work.
4. Save and close the Map.

Editing the Seat View Web Page

1. Copy the tmViewFromSeat.html web page into the WebPagesEN/tmMaps folder.
2. Edit the tmViewFromSeat.html page using a tool like NotePad++ or BBedit.
3. Update Line 8 with the desired text to appears as the link online.

Once the above steps are complete, restart the Web Listener to clear any previously cached web pages.

The default appearance for unavailable seats online is the FontAwesome icon of a person. When a map contains many small seats this may not be ideal as the people might appear to overlap. It may be more desirable to have the unavailable seats appear in a solid colour (or other icon) separate from available seats and suggested seats.

To make this change you will want to edit the tmPickYourSeatMapDisplay.html web page. Locate line 43, it should look like this:

<object class="embed-responsive-item" data="<field>F_HTML_SEATMAP</field>&reserved_colour=00FF00&reserved_only=false&format=pick&unavailable_color=FFFFFF &unavailable_text=&seat_font=FontAwesome&seat_font_load=cdn" id="venue_map">

Change Line 43 to be:

<object class="embed-responsive-item" data="< field>F_HTML_SEATMAP< /field>&reserved_colour=00FF00&reserved_only=false&format=pick&unavailable_color=000000&unavailable_text=​" " id="venue_map">

This will remove the people (seat_font=FontAwesome&seat_font_load=cdn) and make the sold seats appear black (unavailable_color=000000). The colour of the unavailable seats can be updated to the desired HEX colour.

For additional features regarding changing the map online please click here.

• rowTicketReserved.html and
• rowTicketFestival.html

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

Edit the code on the web page

1. Select the web page to edit.
   The most commonly used pages are rowTicketReserved.html, rowTicketFestival.html, and rowTicketCourse.html.


2. Locate the following HTML on the page:

    

   <select class="form-control" id="SC_DESCRIPTION" name="SC_DESCRIPTION" size="1">

 

3. Edit the following
   • Change the size="1" to the number of lines you wish see to displayed.
   • The sample above shows a size="3" to show 3 price lines.

A button, directing you to a select list of Performances, can be created in the navigation buttons at the top of the online sales windows. This button can be used for Courses, Opening Nights, Special Events or other performances where you want to list a select group of Performances.

The key for this button is flagging the Performances with the same reference and using that reference in the button to pull the desired shows. The setup requires editing the performances and adding the button to the online sales.

To flag the performances, you perform the following steps:

1. Click the Event button in the main theare manager tool bar.
2. Search for and open the desired Event.

   

3. Select the Performance tab.

   Open the desired Performance.

   

4. Select the Web Settings tab, and enter a value in the Performance Flag field.

   

   In our example we have used the letter T.

5. Save and close the window.

Adding The Button

A button can be added to the existing buttons across the top on the online sales window. Edit the tmnavbuttons.html page.

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

Adding the coding to the web page.

1. Select the web page you wish to add the field to.
   The page to edit is tmnavButtons.html.


2. Add the following HTML to the page:

    

   <li>
   <a href="<field>F_HTML_FIREWALL</field>login?event=0&search=PB_PERF_FLAG='T'">
   <i class="fa fa-ticket">
   </i>
   Special Performances
   </a>
   </li>

 

3. Edit the following
   • You change the 'Special Performances' text to reflect the text you wish to use for the button.
   • Update the letter 'T' to match the letter used when setting up the Performances

A button can be added to the tmnavButtons.html which provides a link directly to courses currently available for sale online.

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

Adding the coding to the web page.

1. Select the web page to edit.
   The page to edit is tmnavButtons.html.


2. Add the following HTML to the page:

    

   <li>
   <a href="<field>F_HTML_FIREWALL</field>login?event=0&search=PB_SALES_METHOD='6'">
   <i class="fa fa-ticket">
   </i>
   Theatre Classes
   </a>
   </li>

 

3. Edit the following
   • Change the 'Theatre Classes' text to reflect the text you wish to use for the button.

Sales Methods

Buttons can be created for all 7 types of Sales Methods. The most common online options are:

• Sales Method 1 - Festival/General Seating
• Sales Method 2 - Reserved Seating
• Sales Method 3 - Inventory
• Sales Method 6 - Courses

The lines below are an example of a button that will add a specific member type to the cart with a fixed value. This button can be added to any page within the online sales. It would most commonly appear on the TMpass.html page or the TMcart.html page.

<TABLE width="345" BORDER=0 CELLPADDING=1>
<TR>
<TD WIDTH=92 class="tablerowheader" align="center">
<P align="right">Type</P>
</TD>
<TD width="240" class="tablerowheader">
<FORM ACTION="<field>F_HTML_FIREWALL</field>online" METHOD=POST><DIV ALIGN="center">
<label for="Team"><strong>Gift Certificates</strong> </label>
<input type="hidden" name="MT_SEQ" value="14">
</DIV>
</TD>
<TR>
<TD WIDTH=92 class="tablerowheader">
<P align="right">Quantity</P>
</TD>
<TD class="tablerowdetail">
<select name="PS_QUANTITY" size="1" id="PS_QUANTITY">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</TD>
</TR>
<TR>
<TD valign="top" class="tablerowheader" align="right">Personalized Message</TD>
<TD class="tablerowdetail" align="left">
<textarea name="M_NOTES" cols="50" rows="5"><field>M_NOTES</field></textarea>
</TD>
</TR>
<tr class="tablerowheader">
<td colspan=2 align="center">
<input name="btnReservePass" type=submit value="Add Gift Certificate to Shopping Cart" class="new" onMouseOver="pviiClassNew(this,'newover')" onMouseOut="pviiClassNew(this,'new')" onClick="process()">
</FORM>
</TD>
</TR>
</TABLE>

When entering a coupon code in the online sales the patron clicks the Add Code button. This button appears in the TMtickets.html and TMcart.html pages. The button accepts the coupon or access code and returns the patron to the TMtickets.html page.

This process includes web page editing. If you have a web designer on hand, they can perform these edits. If you wish to contract with Arts Management Systems to perform these or any customizations for you, please contact the Support Team at support@artsman.com

Edit the code on the web page

1. Select the web page to edit.
   The page to edit is tmTicketsPresalesCoupon.html.


2. Locate the following HTML on the page:

    

   <input name="param" type="hidden" value="altbtn=btnGetEventList"/>

 

3. Edit the following
   • Change the 'btnGetEventList' text to 'btnCart'.

The Genre setting with Theatre Manager are directly connected to the Ticket Trove application. This means the drop down is restricted to the current list of options and is not available for customization. You can however, create your own custom genre lookup using the Event code used to define each event within Theatre Manager OR the Performance Flag field which is associated with each performance within the database. This allows you to group together different types of performances or events and create your own sort options within the online sales.