Appearance
Setup
The phone payment configuration options need to be enabled for the selling company.
To Enable Please Contact us at cardpayments@travcorpuk.com.
Integration
The Semafone integration URI will be provided with required information and passed by query string parameters.
In the below example, CHCANS and A204407 are respective url path parameters for Selling Company and Booking ID.
js
<script>
function callTtcPhonePayment(){
window.open('https://semafoneuat.corp.ttc:9094/form/CHCANS/A204407?transactionReference=CHCANS_A204407&cardHolderFirstName=test&cardHolderSurname=test&amount=10¤cy=CAD&city=London&country=United+Kingdom&avsPostalCode=sw10+25h&state=City+of+London&addressLine1=dr&userName=test.user&agentLocation=London','Semafone Payment','height=600,width=700,toolbar=no,directories=no,status=no, linemenubar=no,scrollbars=no,resizable=no ,modal=yes')
}
</script>Note: Production URL is different, Please contact us for URL.
Parameters
Next step is to create parameters to add to the phone payment URI. This will be important for configuring important details about the transaction.
See below for a list of properties to define in your parameters:
| Property | Description | Data Type & Length |
|---|---|---|
| transactionReference | A unique combination of sellingCompany and transactionId | String |
| cardHolderFirstName | Card holder first name | String |
| cardHolderSurname | Card holder last name | String |
| amount | Transaction total amount | Decimal |
| currency | Transaction currency, please use ISO currency codes | String |
| city | Customer billing address city | Alphanumeric |
| country | Customer billing address country | Alphanumeric |
| avsPostalCode | Customer billing address postal/zip code | Alphanumeric |
| state | Customer billing address state | Alphanumeric |
| userName | Semafone userName | String |
| agentLocation | [pre-configured] List of configured agentLocation | String |
Button
To start, you will need to create a button on webpage and style it according to theme and make the call to the phone payment endpoint.
html
<button onclick="callTtcPhonePayment();">Phone Payment</button>