ParkingPro Booking Widgets

myparkingpro_url (example: https://demo.myparking.pro)
display_services (example: display, hide)
filter_services (example: GUID,GUID,GUID)
force_single_service (example: true)
airport (example: GUID)
booking_page (example: https://www.example.com/book-now)
products_page (example: https://www.example.com/products)
thankyou_page (example: https://www.example.com/thank-you)
widget_destination (example: booking, product_selection)
iframe_destination (example: iframe, thankyou_page)
size (example: large, medium, small, row)
display_airport_dropdown (example: display, hide)
display_car_dropdown (example: display, hide)
remember_widget_fields (example: true)
form_title (example: Book your valet service)
section_dates_title (example: Parking and return)
section_services_title (example: Our services)
label_parkingdate (example: Parking date and time)
label_returndate (example: Return date and time)
section_airport_title (example: Airports)
section_car_title (example: Cars)
colors_header_background (example: #000000)
colors_header_text (example: #000000)
colors_border (example: #000000)
colors_section_text (example: #000000)
colors_label_text (example: #000000)
colors_button_background (example: #000000)
colors_button_text (example: #000000)
colors_button_hoveR_background (example: #000000)
colors_button_hoveR_text (example: #000000)
button_text (example: Book now)
hide_times (example: yes)

How to use the MyParkingPro iFrame
Use the shortcode [pp_booking_iframe] in the booking page to include the MyParkingPro iFrame. The form fields from the widget (dates, times and location) will be prefilled in the MyParkingPro iFrame, so the user don't need to enter the same information twice.
This is only possible by using the shortcode. If you include the MyParkingPro iFrame with HTML (like <iframe src="https://demo.myparking.pro"></iframe>), this won't work.
By adding the hideheader="yes" parameter, you can hide the header in the MyParkingPro iFrame. Using the culture="nl-NL" parameter, you can force the language context in the MyParkingPro iFrame.

[pp_booking_iframe hideheader="yes" hidetitle="yes" culture="nl-NL"]

hideheader (example: yes)
hidetitle (example: yes)
culture (example: nl-NL, de-DE, en-GB)
height (example: 2200)
width (example: 100%)
showlocations (example: GUID,GUID,GUID)
header_element_selector (example: #header)
query_string (example: emailProfileId=GUID)

How to use a CustomerPortal dynamic form iFrame
Use [pp_form_iframe] for CustomerPortal dynamic forms such as subscription or annual-pass forms on /forms/<id>.
This shortcode uses the ParkingPro postMessage resize bridge, so mobile and tablet pages are not dependent on a fixed raw iframe height.

[pp_form_iframe form_id="GUID" hideheader="yes" hidetitle="yes" culture="es-ES"]

You can also target a relative CustomerPortal path:

[pp_form_iframe path="forms/GUID" hideheader="yes"]

form_id (example: GUID)
path (example: forms/GUID)
hideheader (example: yes)
hidetitle (example: yes)
culture (example: nl-NL, de-DE, en-GB, es-ES)
height (example: 3000)
width (example: 100%)
header_element_selector (example: #header)
query_string (example: emailProfileId=GUID)

What is the shortcode for the product selection table?
Using the [pp_product_selection] shortcode, you can add the ParkingPro product selection table to any post or page. Use parameters extra.hide_more_info,
extra.more_info_as_link and extra.more_info_link in ParkingPro to change the behaviour of the More info button for each location.
How to add an account registration iFrame?
Using the [pp_account_registration_iframe] shortcode, you can add the ParkingPro account registration iFrame to any post or page. This shortcode supports the following parameters:

hideheader (example: yes)
hidetitle (example: yes)
culture (example: nl-NL, de-DE, en-GB)
height (example: 1500)
width (example: 100%)
query_string (example: emailProfileId=GUID)

[pp_account_registration_iframe hideheader="yes" hidetitle="yes" culture="nl-NL"]

How to add an account login iFrame?
Using the [pp_account_login_iframe] shortcode, you can add the ParkingPro account login iFrame to any post or page. This shortcode supports the following parameters:

hideheader (example: yes)
hidetitle (example: yes)
culture (example: nl-NL, de-DE, en-GB)
height (example: 1500)
width (example: 100%)
query_string (example: emailProfileId=GUID)

[pp_account_login_iframe hideheader="yes" hidetitle="yes" culture="nl-NL"]

How to add a parking rates iFrame?
Using the [pp_parking_rates_iframe] shortcode, you can add the ParkingPro parking rates iFrame to any post or page. This shortcode supports the following parameters:

hideheader (example: yes)
hidetitle (example: yes)
culture (example: nl-NL, de-DE, en-GB)
maxnumberofdays (example: 30)
height (example: 1500)
width (example: 100%)
query_string (example: emailProfileId=GUID)

[pp_parking_rates_iframe hideheader="yes" hidetitle="yes" culture="nl-NL" maxnumberofdays="30"]

[pp_thank_you]