This tab allows you to change the setting for a company’s Public Receipts site according the wishes of the company.
End users can via this public page retrieve receipts from their purchases.
| The receipt configuration profile is cached every 5 minutes. I.e. your changes may take up 5 minutes before becoming effective. |
The receipt configuration profile is cached every 5 minutes. I.e. your changes may take up 5 minutes before becoming effective.
The receipt configuration profile is cached every 5 minutes. I.e. your changes may take up 5 minutes before becoming effective.
| The receipt configuration profile is cached every 5 minutes. I.e. your changes may take up 5 minutes before becoming effective. |
Field |
Description |
|---|---|
Site URL. |
Display the client's URL, relative to the WebOffice URL, with a test button to open the company’s receipt site with the current settings. Note: when changing e.g. the CSS script you may need to clear the cache of your browser to see the results. Do this before opening the public page again. |
Enable Site. |
Allows the site to be turned off. When this is not checked, the site will return the error: Your parking provider has not enabled this functionality. Please contact your parking provider. |
Web Browser Tab Title. |
The default site name displayed in the browser is “Cale Digital Parking Receipts”. This can be overwritten for a more custom naming if the client so chooses. Example: Stockholm's digitala parkeringsavgifter. |
Enable Terminal Id Lookup. |
When disabled, the end user must provide the last 4 digits of their credit card and their license plate to search for their purchases. When enabled, the end user has the option to enter the terminal ID on which the purchase took place or the last 4 digits of the credit card, along with their license plate. This adds the possibility of returning transactions done with Cash. |
Enable Online Account Last Name Lookup |
Allows the end-user to find their transactions based on their Online Account Last Name |
Enable Phone Number Search |
Allows the end-user to find their transactions based on their phone number |
CSS Script. |
Additional formatting can be done via CSS, which will get injected on the site. note: do not include the <style> tags. See below for an example. note: do not include the <style> tags. See below for an example. note: do not include the <style> tags. See below for an example. |
Banner Image. |
Image used for the top of pages in the site. The Image will show in the centre of the page. 250 pixels high max. When clicking upload or clear, the company’s image is IMMEDIATEDLY CHANGED; no save is required for this action. Note: The end user may have to refresh her browser. |
Available Languages. |
Languages that are selected here will be available to the card holder to choose which language that they would like to see in the site. All translations for each site must be put in the database (See Text Translation) for each field that exists. By default, only English values are present. The end user will see the language culture code of their language. E.g., En for English, Fr for French (France) and fr-CA for French Canada. |
Example of a CSS script
This script adds a padding of 10 pixels around the logo, displays the "required" text in red and the "conditional" text in green.
The different Company Logo sizes are used on different devices. The large one is commonly used on a PC, the medium one on a small tablet, and the small one on a smart phone. You only need to upload one image. WebOffice does the conversion for you.
#imgCompanyLogoLarge{
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#imgCompanyLogoMedium{
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#imgCompanyLogoSmall{
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
#hrefLangActive, #hrefLang{
text-transform: capitalize;
}
#requiredSpan,#requiredTag{
color: red;
font-weight: bold;
text-transform: lowercase;
}
#conditionalSpan,#conditionalTag{
color: green;
font-weight: bold;
text-transform: lowercase;
}
