Video
What does it mean?
We explain in this article how to set up your desktop webshop to sell your offers online.
Where do I find it?
Sales channels > Online > Webshop
What should I do?
[Premise of this guide: All your Account Data has already been entered and is information ready to use.]
General settings
So far so good. You set up your Account Data and even added some Products (). Hopefully, you already started to sell successfully on the street with the handheld devices. But now you’d like to tap into the online market with your products.
Once you contract with us for the use of the Palisis webshop capability we add this option to your Palisis interface.
If you press the '+New online channel' button first thing we have to do is to choose a domain name. You can either choose to use an address entirely hosted on our servers.
or you can choose a top-level domain you are the registered owner of. If you choose to do so, please notify our support (support@palisis.com) about your new webshop, so that our IT can implement some necessary settings for your shop to work.
After that, we can set the Webshop/Widget to active.
Next, we can upload a logo for the Webshop. Such a file must be either in a SVG, PNG, JPG or GIF format.
Afterwards, we need to allocate some of our offers to this new webshop. To do so, you'll need to navigate to the 'Offers' tab and input the routes by clicking on the '+' button and selecting the relevant ones.
Now, if we click on every offer we can drag & drop the product also up and down and thereby adjust the listing place of each product in the webshop. They will be displayed in the same order as here.
In addition to that, we can change some settings for each offered product individually. For that, you have to click on the 'Edit' button
Please be aware that if you make a change in here you have to press “Save” twice to make a change permanent.
Offer settings
The possible settings in this menu are:
Attribute |
Description |
Hide offer |
Vanishes the offer from the shop |
Date-time option |
Allow the client to choose date and time or just the date - You have different possibilities here, either none, date or date-time. Which means the customer cannot choose a date, only date or even date & time for an event. Decide what you want as the default option for your webshop. You can choose this for every offer separately -> see “Single Offer options”. |
Blackout event (in minutes) |
Set a time period before a departure where booking isn’t possible |
Pick-up hidden |
Turn off the pickup selection |
Price hidden |
It's only for bundles and it hides the price on the first step. |
Allow event selection |
Article: Decide-later-option-on-the-webshop |
Message about allow event |
Label for the Decide Later Button |
Timetable label |
Enable a "Timetable" label (language specific). Note you need to enable the setting "Timetable". |
TripAdvisor-Link |
It displays the TripAdvisor link and directs the user to that URL when clicked. |
Route Upsell (Enter r-code) |
Enter here the r-code of the upgraded route in case you want to offer an upgrade to your customers. You can find the r-code in the list of available or assigned offers, it should look like something like this: r-3556 |
Upsell / Action |
(Old upsell functionality) Enter a label for the upsell call to action button. |
Upsell / Price-Info Text (Token $price) |
(Old upsell functionality) Enter a text for the upsell box of information. |
Upsell / More-Intro Text (Token $bg) |
(Old upsell functionality) Enter additional information for the upsell box. |
Limit Sales to Today |
Today is pre-selected in the calendar and it's not possible to select any other date. |
Minimum basket size |
minimum number of tickets allowed in the basket |
Maximum basket size |
maximum number of tickets allowed in the basket |
Hide priceplan |
You can hide one or more priceplans of this operation line on the desktop webshop. |
Hint: If your changes aren't displayed in the webshop you should empty your browser cache. Here's how to do it depending on your operating system:
Windows: Ctrl + F5
Mac/Apple: Apple + R or Ccommand + R
Linux: F5
Detail settings
These are by no means all the settings we can change. If we press the 'Edit' button and scroll down on the 'Attributes' tab, we can access a multitude of settings.
I decided to go through this giant list of setting with lists. Each chapter/list has the settings name on the left and its explanation on the right. I took the liberty to mark the settings, which are commonly changed or discussed with support, in bold. Please be aware that some of these settings are very sensitive in regard to the functionality of your webshop; one wrong setting might make or break it. Please test your webshop after each change (incl. CTR +F5) if it works and the changed setting is indeed desirable.
Layout and Color
1 |
Main background page |
The primary color of your shop. |
2 |
Main background |
Main color of the offers |
3 |
Select and cart color |
Color of the selected date, the “Add to cart” button and the number of items in the cart. |
4 |
calendar and action color |
Color of the non-selected dates in the calendar and color of the action buttons. |
5 |
Hover Action color |
The color of the "ORDER WITH OBLIGATION TO PAY" box and calendar date colour on mouse hover. |
6 |
Primary font color |
Color of the main text |
7 |
Secondary font color
|
Color of the text of the "ORDER WITH OBLIGATION TO PAY" button and also the color of the dates in the calendar and departure times |
8 |
Tertiary font color
|
Color of the text of the call to action buttons or links (BOOK, My order, Your Cart, NEXT, language, Go back to offers, back and forward arrows, CHECKOUT, Remove position, change, CHANGE (upsell), Add to cart, etc. |
9 |
Disabled Button Color |
Background Color of a disabled button (e.g. “NEXT” Button before selecting a departure date) |
10 |
Offer title font-size | How big should the title be in the widget. |
11 |
Border Radius Main (px) | Do you want your widgets to have corners or (choose = 1) or curves (choose = 80) |
12 | Day of week abbrev. 2 character | It is possible to have 2 or 3 letters when at the weekday selection. Either MO / TU / WE or MON / TUE / WED. This helps to keep a narrow layout. |
13 |
Disable menu |
Disables the navigation menu in the top right corner on mobile devices. |
14 |
Calendar with tiles |
The selected date in the calendar is displayed within an oval rather than a square. |
Booking process
Attribute |
Description |
Enable PayPal |
Enable PayPal: Enable your customers to pay with PayPal. For that, you must provide your Customer Relationship Manager with your PayPal credentials. |
PayPal as only payment method |
Enable this setting if you want to use just PayPal as the method of payment |
PayPal - Cancel URL |
If a customer cancels the PayPal payment process it redirects him to the URL that you enter here. |
Cart is enabled |
Enable your customer to use the shopping cart. |
Skip summary-step |
Should it show all the orders to the customer before he gets forwarded to the payment page. |
Discount check on ticket-selection |
When a customer selects a ticket, the system will automatically check for discounts (if you activate this option the summary step will be skipped). |
Checkout with Basket |
Enable the customer to check out with the current basket. |
Extended Pickup Selection |
If you have a lot of different Pickups they will be displayed by a drop-down UI. |
Extended Pickup Selection - Mandatory |
It is mandatory for the customer to select a pickup. |
Pickup Points Order |
Select displaying order of pick up points by time or name |
Promo-code is enabled |
Enable the customer to enter a promo-code. |
Promo-code hidden if calculated discount exists |
With this option you can hide the promo-code input box when a calculated discount has already been applied. |
Suppress VAT-label |
Hide the VAT label |
Scroll offer into view after cancel |
With this option you can decide where the customer should be sent to if he cancels a booking process. If you activate this feature, the previous active offer will be scrolled into the viewpoint. |
Show priceplan label |
Do you want the customer to see the priceplan label |
Show priceplan also if only one |
should there always be a priceplan button or only when the customer has the choice |
All priceplans at once |
You can either show all priceplans at once or just one priceplan at a time and then the customer needs to switch between the different priceplans. |
Collapse priceplans |
If we enable this setting, we can see the seat category in a dropdown list. |
Single priceplan but tabs |
Decide if you want the customer to be able to switch between the priceplans with tabs. |
American Express enabled |
Should the Amex logo be displayed in the payment section. |
Show total on checkout from basket |
Do you want the total to be displayed if customers checkout via basket |
Credit card validity years allowed |
It limits the credit card validity to X years, ranging from 3 to 50 years. |
pit.desktop.offerListColumns |
It displays the offers in different columns when the reduced layout is enabled, applicable only to the self-service design. |
pit.desktop.offerListColumnsFullWidth |
It displays the offer pictures in full width for the specified number of offers. The reduced layout must be enabled, and this feature applies only to the self-service design. For instance, if you enter 1, only the first offer in the list will display the picture in full width. |
Force show owner |
The owner of the offer is only displayed when it is a partner offer. |
Details on checkout (Direct) |
If the customer uses direct checkout a summary will be displayed of all the bought offers. |
Offer description on checkout (Direct) |
If the customer uses direct checkout a summary will be displayed of all the bought offers. Each bought offer is displayed with the description. |
Details on checkout (from Basket) |
If the customer uses the basket for checkout a summary will be displayed of all the bought offers. |
Offer description on checkout (from Basket) |
If the customer uses the basket for checkout a summary will be displayed of all the bought offers. Each bought offer is displayed with the description. |
Upsell-Suggestions |
If a customer buys something in your shop you can configure that the shop automatically makes a suggestion for another offer. In the general settings, you can configure a certain offer as a default value. Palisis recommends that you use the individual setting and configure an upsell offer for every single offer. |
Upsell-Suggestions - Max Suggestions |
You’re able to limit the maximum of shown upsell suggestions. |
Hide upsell-item description if mobile |
If the shop is accessed over a mobile, the upsell-item will only show “hard facts”, so no description will be shown. |
Claim action on download hidden |
You can hide the “My bookings” button on the checkout screen. |
Show multi-currency drop down in checkout process |
It allows to choose between accepted currencies during the checkout process. |
Hide fully booked priceplans |
Hides/shows priceplans with no availability. |
Calendar show capacity |
If it's enabled the calendar shows coloured icons to display the capacity. More information here. |
Calendar show from-price |
If it's enabled the calendar shows the from-price per date. More information here. |
Calendar
Attribute |
Description |
Timetable show upcoming |
Should the next few upcoming events be displayed or not. |
Timetable show upcoming only |
If it's enabled the webshop only shows the upcoming events, it does not show the calendar. |
Timetable upcoming value |
How many upcoming events should be displayed. |
Timetable auto upcoming if few events |
If there are less than 3 events in the next 3 months the timetable will show automatically. |
Timetable if few threshold |
You can choose the threshold from when the whole timetable should be displayed. |
Event preload (month) |
How many months ahead customers can book a tour online. If you enter 12, customers can book the tour 12 months into the future. |
Sorting
In all of the following sorting options, there are 3 options: ordinal, name or none.
Ordinal: It will take the manual sorting from the BackOffice. You can sort the objects manually, ordinal will take this sorting.
Name: Alphabetical order of the names.
None: The order in which the objects have been created.
Attribute |
Description |
Sort option passenger category |
Decide how the passenger category should be sorted. |
Sort option seat category |
Decide how the seat category should be sorted. |
Sort option priceplan |
Decide how the priceplan should be sorted. |
Sort option offer |
Decide how the offers should be sorted. |
Sort option summary |
Decide how the summary should be sorted. |
Sort partner offer last if name-option |
If you sort offers by name, you can here adjust that partner offers will be displayed after your offers. |
Branding and Social
Attribute |
Description |
Account name |
The owner of the shop will be displayed everywhere, on the tickets, the offers, the website, etc. It does not necessarily need to be the owner's name, you can actually write anything you want. |
Contact e-mail |
You can overwrite the “contact e-mail” on the tickets, website, etc. |
Contact phone |
You can overwrite the “contact phone” on the tickets, website, etc. |
Terms and Conditions |
You can overwrite the “Terms and Conditions” on the tickets, website, etc. |
Footer Link (HTML allowed) |
You have to enter the link to your "Impressum" (HTML allowed) |
Legal override for partner tickets also |
The information for all offers on your webshop will be overwritten. |
Link to owner-website |
If your customer wants to look at his bookings he can do that by clicking on my bookings and then entering his email address. He will then receive an email with a link to a Palisis site with all his bookings. On this site there is a button in the top right corner, this button will redirect the customer to the site you enter here (“link to owner-website”). |
Google Analytics Ecommerce enabled |
Enable Google Analytics Ecommerce. Per default it is disabled. |
Google Analytics |
Comma-separated list of Google Analytics Domains. |
Google Tag Manager ID |
Activate Google Tag Manager by setting a tag manager ID (The tag is directly loaded into the index file, not injected by javascript async.) |
Anonymize IP for Google Tag Manager and Analytics |
Enable → The customer's real IP is anonymized and not sent to Google. |
|
Decide if you want a Facebook button next to every offer. With this button, the customer can share your shop. Per default, there is a button on your webshop. |
Google Plus |
Decide if you want a Google Plus button next to every offer. With this button, the customer can share your shop. Per default, there is a button on your webshop. |
|
Decide if you want a Twitter button next to every offer. With this button, the customer can share your shop. Per default, there is a button on your webshop. |
|
Decide if you want a Pinterest button next to every offer. With this button, the customer can share your shop. Per default, there is a button on your webshop. |
Layout / Fonts
Attribute |
Description |
Font (prim) URL |
You can change the font, here you need to enter a URL code. I.e. for Pacifico: https://fonts.googleapis.com/css?family=Pacifico. |
Font (prim) Family |
Besides the URL, you also need to enter the name of the font. I.e. for Pacifico: Pacifico. |
Font (bold) URL |
You can change the font, here you need to enter a URL code. I.e. for Pacifico: https://fonts.googleapis.com/css?family=Pacifico. |
Font (bold) Family |
Besides the URL, you also need to enter the name of the font. I.e. for Pacifico: Pacifico. |
pit.desktop.fontMediumUrl |
You can change the medium font, here you need to enter a URL code. I.e. for Pacifico: https://fonts.googleapis.com/css?family=Pacifico. |
pit.desktop.fontMediumFamily |
Besides the medium font URL, you also need to enter the name of the font. I.e. for Pacifico: Pacifico. |
pit.newdesktop.fontMainUrl |
You can change the primary font, here you need to enter a URL code. I.e. for Pacifico: https://fonts.googleapis.com/css?family=Pacifico. |
pit.newdesktop.fontMainFamily |
Besides the primary font URL, you also need to enter the name of the font. I.e. for Pacifico: Pacifico. |
pit.newdesktop.fontBoldUrl |
You can change the bold font, here you need to enter a URL code. I.e. for Pacifico: https://fonts.googleapis.com/css?family=Pacifico. |
pit.newdesktop.fontBoldFamily |
Besides the bold font URL, you also need to enter the name of the font. I.e. for Pacifico: Pacifico. |
Max height for pickup points list |
Sets the maximum height for the pickup point list (correct format is [value]px, e.g.: 150px) |
Integration
Attribute |
Description |
Force locale (Locale code e.g. "en"-English) |
Normally the shop will adjust the language to the IP address of the customer. If you enter en i.e. the shop will always be displayed in English no matter the IP (this does not work for iFrame). |
Remove Locale from Header (List of codes e.g. "es, fr, it") |
You can remove languages from the header, you must use the shortcut. |
List of Languages e.g. en=English,de=Deutsch,... |
You can add certain languages. But only languages that are assisted by the Palisis System. |
Logo centered |
Should the logo be at the center or not? Per default, the logo is centered. |
Logo hidden |
You can hide the Logo in your Webshop. This makes sense if you integrate the shop via iFrame. |
Lang link is hidden |
If enabled, all language links in the top right corner are hidden. |
Claim link is hidden |
If enabled, the “My orders” button on the top of your website will be hidden (next to the language selection). |
Contact is hidden |
If enabled, the contact information in the bottom left corner is hidden. |
Logo width 100% |
The logo will use the whole width. |
Booking indicator-cancel hidden |
If enabled, the "Go back to offers" link is hidden |
Basket-handle hidden |
Hide the basket-handle, this is the button that will appear in the top right corner, as soon as the customer puts an offer in the basket. |
Store and publish basket |
This is only important if you use iFrame integration. |
Step back |
Here you can disable the “step back” function for the booking process. |
Step back (first screen) |
Disable the “step back” function for the first booking step. |
Continue shopping in basket |
Disable the “continue shopping” option when the customer is in the basket. |
Publish basket after checkout with delay |
The time between checkout/payment success and the confirmation getting displayed (Standard is “YES” with 1,5sec, “NO” 0,25sec) we recommend not to change this. |
Extra checkbox 1 enabled |
It shows a checkbox below the terms and conditions on the checkout screen. |
Extra checkbox 1 text (HTML allowed) |
Enter a text for the checkbox 1 |
Extra checkbox 2 enabled |
It shows a second checkbox below the terms and conditions on the checkout screen. |
Extra checkbox 2 text (HTML allowed) |
Enter a text for the checkbox 2 |
Sticky header enabled |
Keeps logo/header visible during the whole booking process on mobile devices. |
Zero allowed enabled |
It allows bookings for price 0 |
Date format |
Define the date format to fit your location |
Time format |
Define time format to fit your location |
Date Time format |
Define date/time format to fit your location |
Show Send Newsletter Checkbox |
If it's enabled the checkout page shows an extra checkbox for your customers to authorize their subscription to your newsletter. |
Passbook
You can customize the passbook icon and passbook logo with your .png images.
Attribute | Description |
Passbook Background Color | Color of the button (only for old design) |
Passbook Foreground Color | Color of the text (only for old design) |
Passbook Icon | You can customize the passbook icon with your .png image |
Passbook Logo | You can customize the passbook logo with your .png image |
Localization
Please note that you can change the wording according to the language of your webshop. To better illustrate this, I changed the wording of each value to the name of it’s setting. If you are looking for a specific label please compare your own webshop to the images below to find the correct setting.
#Item | Attribute |
1 | Action Order |
2 | Action Remove item from basket |
3 | Pickup-Label |
4 | Terms & Conditions-Label |
5 | Legal Info/Config (HTML allowed) |
6 | Discounted Label |
7 | Sub Label |
8 | Upsell / Price-Info Text (Token $price) |
9 | Upsell / More-Intro Text (Token $bg) |
10 | Upsell / More-Prefix |
11 | Upsell / Action |
12 | Date label |
13 | Date/Time label |
14 | Select Date |
15 | Select Date/Time |
16 | Departure time label |
17 | Label Tickets Price |
18 | Label Tickets |
19 | Label Ticket |
20 | Label Email |
21 | Label Email Confirm |
22 | Label Name |
23 | Label Phone |
24 | Label Comment |
25 | Label Personal |
26 | Label Payment |
27 | Label Method |
28 | Label Confirm Line (token $amount) |
29 | Label Confirm Line Mobile (token $amount) |
30 | Label Card Number |
31 | Label Card Holder |
32 | Label Expiration |
33 | Label Cvc |
34 | Label Terms Check |
35 | Label Mandatory |
36 | Label Error Input |
37 | Label Error Input Email Confirm |
38 | Label Ok Input |
39 | Label Booking Failed |
40 | Label Processing |
41 | Label Download Heading |
42 | Label Uid |
43 | Label Care Email |
44 | Label Care Tel |
45 | Label Claim Remark |
46 | Label Adobe |
47 | Label Download Action |
48 | Label Claim Success Remark |
49 | Label Claim Spam Remark |
50 | Label Claim Email Remark |
51 | Label VAT |
52 | Label Offered By |
53 | Label Book |
54 | Label Featured |
55 | Label From |
56 | Label My Orders |
57 | Label Cancel Back To Offers |
58 | Label Back |
59 | Label Continue Action |
60 | Label Choose Another Date |
61 | Label Available |
62 | Label Select Ticket |
63 | Label Total |
64 | Label Pickup Not Specified |
65 | Label Add To Cart |
66 | Label Cart |
67 | Label Continue Shopping |
68 | Label Checkout |
69 | Label Back To Offers |
70 | Label Promo |
71 | Label Apply |
72 | Label Promo Invalid |
73 | Label Select Ticket Multi (token $priceplan) |
74 | Label Steps (token $stepX $stepTotal) |
75 | Label Out of Duty |
76 | Label Claim Error Expired |
77 | Label PayPal only |
78 | Additional Info (1st step message) |
79 | Additional Info (2nd step message) |
80 | Additional Footer Link (URL) |
81 | Additional Footer Link (Label) |
82 | Code Valid Message |
83 | Message about the Email as contact method |
84 | Label Credit Card |
85 | Payment And Contact title |
86 | Label Pay with PayPal |
87 | PayPal redirect message |
88 | Label Summary |
89 | Label Your Order |
90 | Label Error Offer Not Available |
91 | Label Departure |
92 | Label Departure Date |
93 | Label Upcoming Departures |
94 | Label Today |
95 | Label Tomorrow |
96 | Label Change |
97 | Label Select Price Plan |
98 | Label Trip |
99 | Label Menu |
100 | Label Each |
101 | Label Remove Position |
102 | Label Ticket Selection |
103 | Label Claim Heading |
104 | Label Claim Action |
WebShop:
#Item | Attribute |
105 | Send Newsletter checkbox message |
106 | Label from, for departure prices |
107 | Label Show upcoming |
#Item | Attribute |
108 | pit.desktop.openLegalInOverlay |
109 | Label Success Download Back To Offers |
110 | pit.desktop.localShowUpcoming |
111 | pit.desktop.localDeparturePriceFrom |
112 | pit.desktop.localSelfServiceTerminalInactiveSession |
113 | pit.desktop.localSelfServiceTerminalBookingTimeout |
114 | pit.desktop.localSelfServiceTerminalProceedBooking |
115 | pit.desktop.localSelfServiceTerminalCancel |
116 | pit.desktop.localSelfServiceTerminalConfirmTimeout |
117 | pit.desktop.localSelfServiceTerminalExtend |
118 | pit.desktop.localSelfServiceTerminalCloseNow |
119 | pit.desktop.localWarningReservationExpired |
120 | pit.desktop.localWarningReservationCancelled |
121 | pit.desktop.localWarningReservationAlreadyConfirmed |
Please, visit our support article about the self service here to know more about the following labels:
Attribute
|
Label Self-Service Inactive
|
Label Self-Service Booking process timeout message
|
Label Self-Service Proceed booking
|
Label Self-Service Cancel
|
Label Self-Service Confirm timeout message
|
Label Self-Service Extend
|
EU Law Cookie
Please, visit our article about this topic here.
Self-Service Terminal
Please, visit our article about the self-service terminal here.
Example
There is an easy example of the integration available here:
https://palisis-webshop-samples.palisis.com/simple-desktop-iframe.html
The Palisis Desktop engine uses a third-party tool called “iFrame Resizer”.
The tool is available at https://github.com/davidjbradshaw/iframe-resizer and following their “Getting started” we are linking + serving the JavaScript iframeResizer.contentWindow.min.js with each Desktop engine instance. This is the only prerequisite to use this tool with the hosting page (the customers page embedding the IFRAME).
Please follow the “Getting started” to setup “iFrame Resizer” on the page embedding the IFRAME.
The use of this library must consider to use as heightCalculationMethod the value ‘taggedElement’. Also prevent cross-domain problems by using checkOrigin: false.
Sample code:
<iframe id="myIframe" src="https://mytestingshop.palisis.com/" style="width:100%; border:none"></iframe>
<script>
iFrameResize({checkOrigin:false, heightCalculationMethod: 'taggedElement'}, '#myIframe');
</script>
Direct Links
It's entirely feasible to generate direct links to different pages within your webshop. Below are some examples utilizing the shop domain 'webshop-api-test' – ensure you substitute this with your own shop domain. You need the route id 'r-xxxx' to build the URLs, you can find that information by going to Webshop > Edit > Offers tab.
Book Direct
This link directs the user straight to the booking process, bypassing the introductory section with the photo and book button.
https://webshop-api-test.palisis.com/?book-direct=r-1541
Offer Direct
This link redirects the user to that particular offer, exclusively to that one.
https://webshop-test-offer-direct.palisis.com/?offer-direct=r-1541
It's also possible to redirect the user to a webshop with multiple offers. For that, you need to build the URL with the route ids comma separated:
https://webshop-test-offer-direct.palisis.com/?offer-direct=r-1541,r-1561
Force Mobile
The webshop is obliged to display in its mobile format if we use this link.
https://webshop-api-test.palisis.com/?forcemobile=true
Language
It's possible to force the webshop into a specific language using this link. The language codes consist of 2 characters.
https://webshop-api-test.palisis.com/?locale=de
English - en
German - de
Catalan - ca
Dutch - nl
French - fr
Italian - it
Norwegian - no
Portuguese - pt
Spainsh - es
Swedish - sv